PageSourceSearch

https://formation-plongee-elearning.lovable.app/

html formation-plongee-elearning.lovable.app collected 2026-10-03 03:31:35 UTC 145,928 bytes, 256 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/assets/hero-diver-B-YocWIv.jpg"/><link rel="stylesheet" href="/assets/styles-Fr6iX7G_.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&amp;family=Inter:wght@400;500;600;700&amp;family=Noto+Sans+Thai:wght@400;500;600;700&amp;display=swap" data-precedence="default"/><title>Plongée Asie E-Learning — Formations CMAS en ligne</title><meta property="og:title" content="AbyssLearn — Diving e-learning platform"/><meta property="og:description" content="Online CMAS diving training: eBooks, training films, interactive quizzes and downloadable documents."/><meta property="og:type" content="website"/><meta name="twitter:title" content="AbyssLearn — Diving e-learning platform"/><meta name="twitter:description" content="Online CMAS diving training: eBooks, training films, interactive quizzes and downloadable documents."/><meta property="og:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/attachments/og-images/91f4e8aa-f52d-442b-8e14-c6eb59d15872"/><meta name="twitter:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/attachments/og-images/91f4e8aa-f52d-442b-8e14-c6eb59d15872"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="Formation CMAS complète en ligne : eBooks, films, quiz et documents."/><link rel="modulepreload" href="/assets/index-jldSJ3yL.js"/><link rel="modulepreload" href="/assets/i18n-Cc0HG6Co.js"/><link rel="modulepreload" href="/assets/routes-D0okO9Mb.js"/><link rel="modulepreload" href="/assets/Layout-CB8FiGaL.js"/><link rel="modulepreload" href="/assets/analytics-DaSGxf_N.js"/><link rel="modulepreload" href="/assets/file-down-DznJqyZ4.js"/><link rel="modulepreload" href="/assets/CourseCard-BAMySP00.js"/><link rel="modulepreload" href="/assets/list-checks-cZ_UTYd_.js"/><link rel="modulepreload" href="/assets/star-BTGaAJcW.js"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/>
2<style>
3	#lovable-badge {
4		--badge-bg: #1b1b1b;
5		--badge-text: #c5c1b9;
6		--badge-text-hover: #dcdad5;
7		--badge-radius: 6px;
8		--badge-padding: 8px;
9		--badge-gap: 6px;
10		--badge-shadow: 
11			0 0 0 1px rgba(0, 0, 0, 0.88),
12			0 1px 0 0 rgba(0, 0, 0, 0.04),
13			0 2px 2px -1px rgba(0, 0, 0, 0.08),
14			0 4px 4px -2px rgba(0, 0, 0, 0.08),
15			0 8px 8px -4px rgba(0, 0, 0, 0.08),
16			0 16px 16px -8px rgba(0, 0, 0, 0.08);
17		--badge-transition-duration: 0.2s;
18		--badge-transition-easing: cubic-bezier(0.16, 1, 0.32, 1);
19		--focus-color: #575ECF;
20		--focus-offset: 2px;
21		--focus-width: 2px;
22		
23		position: fixed;
24		bottom: 12px;
25		right: 12px;
26		height: 24px;
27		display: flex;
28		align-items: center;
29		z-index: 1000000;
30		background-color: var(--badge-bg) !important;
31		color: var(--badge-text) !important;
32		border-radius: var(--badge-radius);
33		box-shadow: var(--badge-shadow) !important;
34		font-size: 12px;
35		font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
36		font-weight: 400 !important;
37		text-transform: none !important;
38		font-feature-settings: normal !important;
39		transform: translateZ(0);
40		will-change: transform, opacity;
41		transition: opacity var(--badge-transition-duration) var(--badge-transition-easing);
42	}
43
44	#lovable-badge.closing {
45		opacity: 0;
46		pointer-events: none;
47	}
48
49	#lovable-badge-cta {
50		display: flex;
51		align-items: baseline;
52		gap: var(--badge-gap);
53		box-sizing: border-box;
54		padding: 4px var(--badge-padding) 0;
55		height: 100%;
56		color: inherit;
57		text-decoration: none;
58		white-space: nowrap;
59		border-radius: var(--badge-radius) 0 0 var(--badge-radius);
60		transition: 
61			background-color var(--badge-transition-duration) ease,
62			color var(--badge-transition-duration) ease,
63			transform 0.1s ease;
64	}
65
66	#lovable-badge-cta:hover {
67		background: rgba(255, 255, 255, 0.04);
68		color: var(--badge-text-hover);
69	}
70
71	#lovable-badge-cta:active {
72		transform: scale(0.98);
73	}
74
75	#lovable-badge-cta:focus {
76		outline: none;
77	}
78
79	#lovable-badge-cta:focus-visible {
80		outline: var(--focus-width) solid var(--focus-color);
81		outline-offset: var(--focus-offset);
82		z-index: 1;
83	}
84
85	#lovable-badge-text {
86		line-height: 1;
87	}
88
89	/* The wordmark baseline sits at y=12 of the 16px logo; an empty 12px box
90	   makes that the flex baseline so the text aligns to it on any system font. */
91	#lovable-badge-logo {
92		position: relative;
93		display: block;
94		width: 52px;
95		height: 12px;
96	}
97
98	#lovable-badge-logo svg {
99		position: absolute;
100		top: 0;
101		left: 0;
102	}
103
104	#lovable-badge-divider {
105		width: 1px;
106		height: 24px;
107		background-color: rgba(255, 255, 255, 0.04);
108		flex-shrink: 0;
109	}
110
111	#lovable-badge-close {
112		width: 24px;
113		height: 24px;
114		min-width: 24px;
115		min-height: 24px;
116		cursor: pointer;
117		background: none;
118		border: none;
119		padding: 0;
120		display: flex;
121		align-items: center;
122		justify-content: center;
123		border-radius: 0 var(--badge-radius) var(--badge-radius) 0;
124		flex-shrink: 0;
125		transition: 
126			background-color var(--badge-transition-duration) ease,
127			transform 0.1s ease;
128	}
129
130	#lovable-badge-close:hover {
131		background: rgba(255, 255, 255, 0.04);
132	}
133
134	#lovable-badge-close:active {
135		transform: scale(0.92);
136	}
137
138	#lovable-badge-close:focus {
139		outline: none;
140	}
141
142	#lovable-badge-close:focus-visible {
143		outline: var(--focus-width) solid var(--focus-color);
144		outline-offset: calc(var(--focus-offset) * -1);
145		z-index: 1;
146	}
147
148	#lovable-badge-close svg path {
149		fill: var(--badge-text);
150		transition: fill var(--badge-transition-duration) ease;
151	}
152
153	#lovable-badge-close:hover svg path {
154		fill: var(--badge-text-hover);
155	}
156
157	@media (prefers-reduced-motion: reduce) {
158		#lovable-badge,
159		#lovable-badge-cta,
160		#lovable-badge-close,
161		#lovable-badge-close svg path {
162			transition: none;
163		}
164		
165		#lovable-badge-cta:active,
166		#lovable-badge-close:active {
167			transform: none;
168		}
169	}
170
171	@media (prefers-contrast: high) {
172		#lovable-badge {
173			--badge-bg: #000;
174			--badge-text: #fff;
175			--badge-text-hover: #fff;
176			border: 2px solid currentColor;
177		}
178		
179		#lovable-badge-cta:focus-visible,
180		#lovable-badge-close:focus-visible {
181			outline-width: 3px;
182		}
183	}
184</style>
185<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
185</head><body><!--$--><div class="flex min-h-screen flex-col"><div class="bg-deep"><div class="mx-auto flex max-w-7xl flex-wrap items-center justify-between gap-2 px-4 py-2 text-sm text-white/80"><div class="flex flex-wrap items-center gap-4"><a href="https://www.online-plongee.com/index-padi-elearning.php" target="_blank" rel="noopener noreferrer" class="hover:text-white">E-learning PADI</a><a href="https://adipthailande.com/index-adip-elearning.php" target="_blank" rel="noopener noreferrer" class="hover:text-white">E-learning ADIP</a></div><div class="flex items-center gap-4"><a href="https://wa.me/66950203540?text=Bonjour%20Je%20dessire%20des%20informations%20pour%20une%20formation%20en%20elearning%20CMAS" target="_blank" rel="noopener noreferrer" class="hidden hover:text-white sm:inline">WhatsApp</a><div class="flex items-center gap-1"><button class="flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs font-semibold transition bg-primary text-primary-foreground"><span>🇫🇷</span><span>FR</span></button><button class="flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs font-semibold transition text-white/80 hover:bg-white/10"><span>🇬🇧</span><span>EN</span></button><button class="flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs font-semibold transition text-white/80 hover:bg-white/10"><span>🇹🇭</span><span>TH</span></button></div></div></div></div><header class="sticky top-0 z-40 border-b border-border bg-background/95 backdrop-blur"><div class="mx-auto flex max-w-7xl items-center justify-between gap-4 px-4 py-4"><a class="flex items-center gap-3 active" href="/" data-status="active" aria-current="page"><div class="grid h-10 w-10 place-items-center rounded-full bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-waves h-5 w-5" aria-hidden="true"><path d="M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path><path d="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path><path d="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path></svg></div><div><div class="font-serif text-xl font-bold leading-none">Plongée Asie E-Learning</div><div class="text-[10px] tracking-[0.2em] text-muted-foreground">E-LEARNING · PLONGÉE</div></div></a><nav class="hidden items-center gap-1 md:flex"><a class="rounded-md px-3 py-2 text-sm font-medium text-foreground/80 transition hover:bg-secondary hover:text-foreground rounded-md px-3 py-2 text-sm font-semibold bg-secondary text-foreground" href="/" data-status="active" aria-current="page">Accueil</a><a href="/formation" class="rounded-md px-3 py-2 text-sm font-medium text-foreground/80 transition hover:bg-secondary hover:text-foreground">Formations</a><a href="/method" class="rounded-md px-3 py-2 text-sm font-medium text-foreground/80 transition hover:bg-secondary hover:text-foreground">Notre méthode</a><a href="/reviews" class="rounded-md px-3 py-2 text-sm font-medium text-foreground/80 transition hover:bg-secondary hover:text-foreground">Avis</a><a href="/contact" class="rounded-md px-3 py-2 text-sm font-medium text-foreground/80 transition hover:bg-secondary hover:text-foreground">Contact</a></nav><a href="https://wa.me/66950203540?text=Bonjour%20Je%20dessire%20des%20informations%20pour%20une%20formation%20en%20elearning%20CMAS" target="_blank" rel="noopener noreferrer" class="hidden items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground transition hover:opacity-90 md:inline-flex"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-4 w-4" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>Parler à un conseiller</a></div></header><main class="flex-1"><section class="relative isolate overflow-hidden"><img src="/assets/hero-diver-B-YocWIv.jpg" alt="Diver underwater" class="absolute inset-0 -z-10 h-full w-full object-cover"/>
185<div class="absolute inset-0 -z-10 gradient-hero-overlay"></div><div class="mx-auto max-w-7xl px-4 py-24 md:py-32 lg:py-40"><div class="max-w-3xl"><span class="inline-flex items-center gap-2 rounded-full border border-white/30 bg-white/10 px-4 py-1.5 text-xs font-semibold tracking-widest text-white backdrop-blur"><span class="h-1.5 w-1.5 rounded-full bg-accent"></span>PLATEFORME E-LEARNING DE PLONGÉE</span><h1 class="mt-6 font-serif text-5xl font-bold leading-[1.05] text-white md:text-6xl lg:text-7xl">Devenez plongeur certifié, où que vous soyez.</h1><p class="mt-6 max-w-2xl text-lg leading-relaxed text-white/85">eBooks officiels, films pédagogiques, quiz interactifs et fiches téléchargeables. Une formation CMAS complète, en ligne, à votre rythme.</p><div class="mt-8 flex flex-col gap-3 sm:flex-row"><a href="/formation" class="inline-flex items-center justify-center gap-2 rounded-md bg-primary px-6 py-3.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90">Voir les formations<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://wa.me/66950203540?text=Bonjour%20Je%20dessire%20des%20informations%20pour%20une%20formation%20en%20elearning%20CMAS" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center gap-2 rounded-md border border-white/40 bg-white/10 px-6 py-3.5 text-sm font-semibold text-white backdrop-blur transition hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-4 w-4" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg> <!-- -->Parler à un conseiller</a></div><div class="mt-12 grid max-w-2xl grid-cols-3 gap-6 border-t border-white/20 pt-8"><div><div class="font-serif text-3xl font-bold text-white md:text-4xl">40+</div><div class="text-xs text-white/70">Modules CMAS</div></div><div><div class="font-serif text-3xl font-bold text-white md:text-4xl">4 000+</div><div class="text-xs text-white/70">Élèves formés</div></div><div><div class="font-serif text-3xl font-bold text-white md:text-4xl">4.9/5</div><div class="text-xs text-white/70">Note moyenne</div></div></div></div></div></section><section class="mx-auto max-w-7xl px-4 py-24"><div class="grid items-center gap-12 md:grid-cols-2"><div><span class="text-xs font-semibold tracking-widest text-primary">POURQUOI NOUS CHOISIR</span><h2 class="mt-3 font-serif text-4xl font-bold leading-tight md:text-5xl">Le savoir des instructeurs, sur tous vos écrans.</h2><p class="mt-5 leading-relaxed text-muted-foreground">Conçue par des moniteurs CMAS avec plus de 26 ans d&#x27;expérience, notre plateforme combine eBooks, vidéos sous-marines, quiz et documents officiels.</p><div class="mt-8 grid gap-5 sm:grid-cols-2"><div class="rounded-xl border border-border bg-card p-5"><div class="grid h-10 w-10 place-items-center rounded-lg bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-5 w-5" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></div><div class="mt-3 font-semibold">eBooks officiels</div><div class="mt-1 text-sm text-muted-foreground">Manuels PDF complets, illustrés et mis à jour à vie.</div></div><div class="rounded-xl border border-border bg-card p-5"><div class="grid h-10 w-10 place-items-center rounded-lg bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film h-5 w-5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg></div><div class="mt-3 font-semibold">Films pédagogiques</div><div class="mt-1 text-sm text-muted-foreground">Vidéos HD tournées en conditions réelles.</div></div><div class="rounded-xl border border-border bg-card p-5"><div class="grid h-10 w-10 place-items-center rounded-lg bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-checks h-5 w-5" aria-hidden="true"><path d="M13 5h8"></path><path d="M13 12h8"></path><path d="M13 19h8"></path><path d="m3 17 2 2 4-4"></path><path d="m3 7 2 2 4-4"></path></svg></div><div class="mt-3 font-semibold">Quiz interactifs</div><div class="mt-1 text-sm text-muted-foreground">Auto-évaluation après chaque chapitre.</div></div><div class="rounded-xl border border-border bg-card p-5"><div class="grid h-10 w-10 place-items-center rounded-lg bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-down h-5 w-5" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M12 18v-6"></path><path d="m9 15 3 3 3-3"></path></svg></div><div class="mt-3 font-semibold">Documents téléchargeables</div><div class="mt-1 text-sm text-muted-foreground">Fiches, tables de plongée, check-lists prêtes à imprimer.</div></div></div></div><div class="relative"><img src="/assets/elearning-setup-B54Lz_fQ.jpg" alt="E-learning diving setup" loading="lazy" class="rounded-2xl shadow-2xl"/><div class="absolute -bottom-6 -left-6 hidden max-w-xs rounded-xl bg-deep p-5 text-white shadow-xl md:block"><div class="flex items-center gap-1 text-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-current" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-current" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-current" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-current" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-current" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p class="mt-2 font-serif text-lg leading-snug">« <!-- -->Le pack le plus complet que j&#x27;ai jamais suivi en ligne.<!-- --> »</p><div class="mt-2 text-xs text-white/70">— Marc D., Lyon</div></div></div></div></section><section class="bg-secondary/40 py-24"><div class="mx-auto max-w-7xl px-4"><div class="mx-auto max-w-2xl text-center"><span class="text-xs font-semibold tracking-widest text-primary">NOTRE CATALOGUE</span><h2 class="mt-3 font-serif text-4xl font-bold md:text-5xl">Toutes les formations CMAS</h2><p class="mt-4 text-muted-foreground">
185Du baptême au brevet d&#x27;instructeur, chaque palier de votre progression.</p></div><div class="mt-14 grid gap-8 md:grid-cols-2 lg:grid-cols-3"><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="Affiliation Plongée Online" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Gratuit</div><div class="absolute right-3 top-3 rounded-full bg-primary px-3 py-1 text-xs font-bold text-primary-foreground">Gratuit</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">Affiliation Plongée Online</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Affiliation avec fortes commissions d&#x27;affilié.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">Gratuit</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/affiliation-plongee-online" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/subscribe/affiliate" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n4-Cz_vKnv-.jpg" alt="Briefing Plan d&#x27;urgence" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Gratuit</div><div class="absolute right-3 top-3 rounded-full bg-primary px-3 py-1 text-xs font-bold text-primary-foreground">Gratuit</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">Briefing Plan d&#x27;urgence</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Un plan d&#x27;urgence en plongée sous-marine essentiel pour la sécurité des plongeurs.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">Gratuit</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/briefing-plan-urgence" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/shop/view/R60C4B0B" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n1-kp6W6Ysr.jpg" alt="Briefing Plongée" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Gratuit</div><div class="absolute right-3 top-3 rounded-full bg-primary px-3 py-1 text-xs font-bold text-primary-foreground">Gratuit</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">Briefing Plongée</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Bien s&#x27;informer pour mieux profiter — pour les plongeurs de tous niveaux.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">Gratuit</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/briefing-plongee" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/shop/view/L9C3FBD6" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n2-DwJs74lj.jpg" alt="Briefing Bateau de Plongée" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Gratuit</div><div class="absolute right-3 top-3 rounded-full bg-primary px-3 py-1 text-xs font-bold text-primary-foreground">Gratuit</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">Briefing Bateau de Plongée</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Assurer la sécurité de tous à bord et s&#x27;informer sur les procédures.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">Gratuit</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/briefing-bateau" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/shop/view/J15CDF5D" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n3-TJ5-bLi8.jpg" alt="Débriefing et commentaires après la plongée" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Gratuit</div><div class="absolute right-3 top-3 rounded-full bg-primary px-3 py-1 text-xs font-bold text-primary-foreground">Gratuit</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">Débriefing et commentaires après la plongée</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Analyser, partager et progresser après chaque plongée.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">Gratuit</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/debriefing-plongee" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/shop/view/J15CDF5D" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n1-kp6W6Ysr.jpg" alt="CMAS Découverte de la plongée" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Découverte</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Découverte de la plongée</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Découverte de la plongée sous-marine avec plongée scuba e-learning CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">49 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-decouverte" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/153275053218c74e.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n1-kp6W6Ysr.jpg" alt="CMAS Dauphin 1" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Découverte</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Dauphin 1</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Formation Dauphin 1 CMAS — initiation jeunes plongeurs.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">53 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-dauphin-1" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/160003382c5952c6.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n1-kp6W6Ysr.jpg" alt="CMAS Dauphin 2" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Découverte</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Dauphin 2</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Formation Dauphin 2 CMAS — progression jeunes plongeurs.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">53 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-dauphin-2" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/1600048c197b155d.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n1-kp6W6Ysr.jpg" alt="CMAS Plongeur Niveau 1 (P1) — Formation e-learning complète" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Niveau 1 étoile</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Plongeur Niveau 1 (P1) — Formation e-learning complète</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Tout ce qu&#x27;il faut pour réussir votre premier brevet international : eBook officiel, films pédagogiques, quiz et fiches pratiques.</p><div class="mt-5 flex flex-wrap gap-x-5 gap-y-1 text-xs text-muted-foreground"><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-3.5 w-3.5" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg>200<!-- --> <!-- -->pages</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film h-3.5 w-3.5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg>18<!-- --> <!-- -->modules vidéo</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-checks h-3.5 w-3.5" aria-hidden="true"><path d="M13 5h8"></path><path d="M13 12h8"></path><path d="M13 19h8"></path><path d="m3 17 2 2 4-4"></path><path d="m3 7 2 2 4-4"></path></svg>10<!-- --> <!-- -->quiz</span></div><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">139 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-niveau-1" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/153240762be30f71.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n2-DwJs74lj.jpg" alt="CMAS Plongeur Niveau 2 (P2) — Plongeur autonome" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Niveau 2 étoiles</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Plongeur Niveau 2 (P2) — Plongeur autonome</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Plongée autonome jusqu&#x27;à 20 m, encadrée jusqu&#x27;à 40 m.</p><div class="mt-5 flex flex-wrap gap-x-5 gap-y-1 text-xs text-muted-foreground"><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-3.5 w-3.5" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg>260<!-- --> <!-- -->pages</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film h-3.5 w-3.5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg>22<!-- --> <!-- -->modules vidéo</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-checks h-3.5 w-3.5" aria-hidden="true"><path d="M13 5h8"></path><path d="M13 12h8"></path><path d="M13 19h8"></path><path d="m3 17 2 2 4-4"></path><path d="m3 7 2 2 4-4"></path></svg>12<!-- --> <!-- -->quiz</span></div><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">139 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-niveau-2" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/1532451f0f5eaef1.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n3-TJ5-bLi8.jpg" alt="CMAS Plongeur Niveau 3 (P3) — Plongeur confirmé" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Niveau 3 étoiles</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Plongeur Niveau 3 (P3) — Plongeur confirmé</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Plongée autonome jusqu&#x27;à 60 m, planification et procédures d&#x27;urgence.</p><div class="mt-5 flex flex-wrap gap-x-5 gap-y-1 text-xs text-muted-foreground"><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-3.5 w-3.5" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg>280<!-- --> <!-- -->pages</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film h-3.5 w-3.5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg>24<!-- --> <!-- -->modules vidéo</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-checks h-3.5 w-3.5" aria-hidden="true"><path d="M13 5h8"></path><path d="M13 12h8"></path><path d="M13 19h8"></path><path d="m3 17 2 2 4-4"></path><path d="m3 7 2 2 4-4"></path></svg>14<!-- --> <!-- -->quiz</span></div><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">139 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-niveau-3" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/1532416ca22f02ad.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n2-DwJs74lj.jpg" alt="Secourisme en plongée" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Spécialité</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">Secourisme en plongée</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir secouriste en plongée sous-marine — e-learning EFR.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">89 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/secourisme-plongee" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/15324393a8e246dd.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n2-DwJs74lj.jpg" alt="CMAS Nitrox" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Spécialité</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Nitrox</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Spécialité Nitrox CMAS — mélange enrichi en oxygène.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">139 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-nitrox" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/15324393a8e246dd.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n3-TJ5-bLi8.jpg" alt="CMAS Advance Nitrox" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Spécialité</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Advance Nitrox</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Nitrox confirmé CMAS — mélanges enrichis avancés.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">185 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-advance-nitrox" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/153729ef79cfdc5d.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n3-TJ5-bLi8.jpg" alt="CMAS Spécialité Épave 1" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Spécialité</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Spécialité Épave 1</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Plongée sur épave niveau 1 — découverte et sécurité.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">139 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-specialite-epave-1" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/153909bb6a56d83f.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n3-TJ5-bLi8.jpg" alt="CMAS Spécialité Épave 2" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Spécialité</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Spécialité Épave 2</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Plongée sur épave niveau 2 — pénétration limitée.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">139 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-specialite-epave-2" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/153910aea4b16209.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n3-TJ5-bLi8.jpg" alt="CMAS Spécialité Profonde" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Spécialité</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Spécialité Profonde</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Plongée profonde CMAS — procédures et gestion d&#x27;air.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">139 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-specialite-profonde" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/1540345f859ab030.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n2-DwJs74lj.jpg" alt="CMAS Spécialité Navigation" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Spécialité</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Spécialité Navigation</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Orientation sous-marine — compas et repères naturels.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">139 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-specialite-navigation" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/154037f07cafc34a.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n4-Cz_vKnv-.jpg" alt="CMAS Spécialité Rescue" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Spécialité</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Spécialité Rescue</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Sauvetage en plongée — interventions et prise en charge.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">139 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-specialite-rescue" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/shop/view/U5A3D072" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n4-Cz_vKnv-.jpg" alt="CMAS Spécialité Étanche" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Spécialité</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Spécialité Étanche</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Plongée en combinaison étanche — eau froide et confort.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">139 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-specialite-etanche" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/154032b77a27747f.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-n4-Cz_vKnv-.jpg" alt="CMAS Plongeur Niveau 4 (P4) — Guide de palanquée" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Niveau 4 étoiles</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Plongeur Niveau 4 (P4) — Guide de palanquée</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Guide de palanquée — encadrement et sauvetage avancé.</p><div class="mt-5 flex flex-wrap gap-x-5 gap-y-1 text-xs text-muted-foreground"><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-3.5 w-3.5" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg>320<!-- --> <!-- -->pages</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film h-3.5 w-3.5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg>28<!-- --> <!-- -->modules vidéo</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-checks h-3.5 w-3.5" aria-hidden="true"><path d="M13 5h8"></path><path d="M13 12h8"></path><path d="M13 19h8"></path><path d="m3 17 2 2 4-4"></path><path d="m3 7 2 2 4-4"></path></svg>16<!-- --> <!-- -->quiz</span></div><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">239 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-niveau-4" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/1537085f62605e0d.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Assistant Moniteur" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Moniteur 1 étoile</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Assistant Moniteur</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir Assistant Moniteur CMAS — e-learning moniteur 1*.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">239 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-assistant-moniteur" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/1586851f0d751f41.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Moniteur 1 étoile (MF1)" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Moniteur 1 étoile</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Moniteur 1 étoile (MF1)</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir Instructeur CMAS 1 étoile — pédagogie et examen.</p><div class="mt-5 flex flex-wrap gap-x-5 gap-y-1 text-xs text-muted-foreground"><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-3.5 w-3.5" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg>360<!-- --> <!-- -->pages</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film h-3.5 w-3.5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg>32<!-- --> <!-- -->modules vidéo</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-checks h-3.5 w-3.5" aria-hidden="true"><path d="M13 5h8"></path><path d="M13 12h8"></path><path d="M13 19h8"></path><path d="m3 17 2 2 4-4"></path><path d="m3 7 2 2 4-4"></path></svg>18<!-- --> <!-- -->quiz</span></div><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">225 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-moniteur-niveau-1" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/153237253fd379d2.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Moniteur 2*" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Moniteur 2*</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir Moniteur 2* CMAS — perfectionnement instructeur.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">339 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-moniteur-2" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/153238368cf47996.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Moniteur 3*" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Moniteur 3*</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir Moniteur 3* CMAS — niveau expert.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">389 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-moniteur-3" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/1532396deda5e2c8.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="Secourisme Moniteur en plongée" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">Secourisme Moniteur en plongée</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir Moniteur Secouriste en plongée — e-learning EFR.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">229 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/secourisme-moniteur" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/153244c1d7c5ae23.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Moniteur Nitrox" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Moniteur Nitrox</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir Instructeur Nitrox CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">139 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-moniteur-nitrox" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/1537314a35aebdfd.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Advance Moniteur Nitrox" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Advance Moniteur Nitrox</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir Moniteur Nitrox confirmé CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">185 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-advance-moniteur-nitrox" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/153729ef79cfdc5d.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Moniteur Spécialité Épave 1" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Moniteur Spécialité Épave 1</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir Moniteur Spécialité Épave 1 CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">185 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-moniteur-epave-1" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/153729ef79cfdc5d.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Moniteur Spécialité Épave 2" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Moniteur Spécialité Épave 2</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir Moniteur Spécialité Épave 2 CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">249 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-moniteur-epave-2" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/1539128abb5ede36.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Moniteur Spécialité Profonde" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Moniteur Spécialité Profonde</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir Moniteur Spécialité Profonde CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">185 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-moniteur-profonde" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/15403663953a0a2c.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Moniteur Spécialité Navigation" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Moniteur Spécialité Navigation</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir Moniteur Spécialité Navigation CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">185 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-moniteur-navigation" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/154037f07cafc34a.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Moniteur Spécialité Rescue" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Moniteur Spécialité Rescue</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir Moniteur Spécialité Rescue CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">185 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-moniteur-rescue" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/154323eb8948f0e7.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Moniteur Spécialité Étanche" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Moniteur Spécialité Étanche</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir Moniteur Spécialité Étanche CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">185 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/cmas-moniteur-etanche" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/15403561c859e73b.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="Pack Débutant → Moniteur CMAS (acompte)" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">Pack Débutant → Moniteur CMAS (acompte)</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Devenir moniteur de plongée CMAS — acompte de 1 999 € sur 15 779 €.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">1 999 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/pack-debutant-moniteur" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/155251dada755554.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Manuel de l&#x27;Instructeur 1*" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Manuel de l&#x27;Instructeur 1*</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Manuel officiel de l&#x27;Instructeur 1 étoile CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">285 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/manuel-instructeur-1" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/153758c7d03eb279.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Manuel de l&#x27;Instructeur 2*" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Manuel de l&#x27;Instructeur 2*</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Manuel officiel de l&#x27;Instructeur 2 étoiles CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">285 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/manuel-instructeur-2" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/1537593dff139ee5.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Manuel de l&#x27;Instructeur 3*" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Manuel de l&#x27;Instructeur 3*</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Manuel officiel de l&#x27;Instructeur 3 étoiles CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">385 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/manuel-instructeur-3" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/1537604935cc63a5.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Manuel du Course Directeur" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Manuel du Course Directeur</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Manuel officiel du Course Directeur CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">485 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/manuel-course-directeur" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/153761b2e5eef4b9.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
185a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article><article class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition hover:-translate-y-1 hover:shadow-xl"><div class="relative aspect-[16/10] overflow-hidden"><img src="/assets/cmas-mf1-C_ApfAc_.jpg" alt="CMAS Instructeur de Spécialité" loading="lazy" class="h-full w-full object-cover transition duration-500 group-hover:scale-105"/><div class="absolute left-3 top-3 rounded-full bg-accent/95 px-3 py-1 text-xs font-semibold text-accent-foreground">Instructeur</div></div><div class="flex flex-1 flex-col p-6"><div class="text-xs font-semibold uppercase tracking-widest text-primary">eBook PDF + Vidéos + Quiz</div><h3 class="mt-2 font-serif text-xl leading-snug text-foreground">CMAS Instructeur de Spécialité</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Manuel de l&#x27;Instructeur de Spécialité CMAS.</p><div class="mt-5 flex items-end justify-between"><div><div class="text-xs text-muted-foreground">Prix</div><div class="font-serif text-2xl font-bold text-foreground">185 €</div></div></div><div class="mt-6 flex flex-col gap-2 sm:flex-row"><a href="/formation/instructeur-specialite" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-4 py-2.5 text-sm font-semibold text-foreground transition hover:bg-secondary">Voir le programme<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://cmas-fr.kneo.me/form/153757bad2ca5aa7.html" target="_blank" rel="noopener noreferrer" class="inline-flex flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Commander</a></div></div></article></div></div></section><section class="mx-auto max-w-7xl px-4 py-24"><div class="overflow-hidden rounded-3xl gradient-ocean p-10 md:p-16"><div class="max-w-2xl"><span class="text-xs font-semibold tracking-widest text-white/80">CONTACT</span><h2 class="mt-3 font-serif text-4xl font-bold text-white md:text-5xl">Parler à un conseiller</h2><p class="mt-4 text-white/85">Un instructeur francophone répond à toutes vos questions sur nos formations en ligne.</p><div class="mt-8 flex flex-col gap-3 sm:flex-row"><a href="https://wa.me/66950203540?text=Bonjour%20Je%20dessire%20des%20informations%20pour%20une%20formation%20en%20elearning%20CMAS" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center gap-2 rounded-md bg-white px-6 py-3.5 text-sm font-semibold text-deep transition hover:bg-white/90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-4 w-4" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg> <!-- -->Écrire sur WhatsApp</a><a href="/contact" class="inline-flex items-center justify-center gap-2 rounded-md border border-white/40 px-6 py-3.5 text-sm font-semibold text-white transition hover:bg-white/10">Nous écrire</a></div></div></div></section></main><section class="mx-auto mt-20 max-w-7xl px-4"><div class="rounded-2xl border border-border bg-secondary/50 p-8 text-center md:p-12"><h2 class="font-serif text-3xl font-bold">Newsletter</h2><p class="mx-auto mt-3 max-w-xl text-muted-foreground">Recevez nos actualités, offres et conseils.</p><a href="https://plongee-asie.com/newsletter.php" target="_blank" rel="noopener noreferrer" class="mt-6 inline-flex items-center gap-2 rounded-md bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground transition hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg> <!-- -->Je m&#x27;inscris à la newsletter</a></div></section><footer class="mt-20 bg-deep"><div class="mx-auto grid max-w-7xl gap-10 px-4 py-14 md:grid-cols-4"><div><div class="flex items-center gap-3"><div class="grid h-10 w-10 place-items-center rounded-full bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-waves h-5 w-5" aria-hidden="true"><path d="M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path><path d="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path><path d="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path></svg></div><div class="font-serif text-xl font-bold text-white">Plongée Asie</div></div><p class="mt-4 text-sm text-white/70">Plateforme e-learning de plongée CMAS — Plongée Asie. Plus de 26 ans d&#x27;expérience dans l&#x27;organisation de séjours plongée.</p></div><div><div class="mb-3 text-xs font-semibold tracking-widest text-white/60">Navigation</div><ul class="space-y-2 text-sm text-white/80"><li><a class="hover:text-white active" href="/" data-status="active" aria-current="page">Accueil</a></li><li><a href="https://www.plongee-asie.com" target="_blank" rel="noopener noreferrer" class="hover:text-white">Séjour Plongée</a></li><li><a href="https://www.plongee-asie.com" target="_blank" rel="noopener noreferrer" class="hover:text-white">Sites de Plongée</a></li><li><a href="/reviews" class="hover:text-white">Avis</a></li><li><a href="/formation" class="hover:text-white">Formations</a></li></ul></div><div><div class="mb-3 text-xs font-semibold tracking-widest text-white/60">Nous contacter</div><ul class="space-y-2 text-sm text-white/80"><li><a href="https://wa.me/66950203540?text=Bonjour%20Je%20dessire%20des%20informations%20pour%20une%20formation%20en%20elearning%20CMAS" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-4 w-4" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg> WhatsApp</a></li><li><a href="https://t.me/+66950203540" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send h-4 w-4" aria-hidden="true"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg> Telegram</a></li><li><a href="tel:+66950203540" class="inline-flex items-center gap-2 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4" aria-hidden="true">
185<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg> <!-- -->+66 (0)95 020 35 40</a></li><li><a href="mailto:[email protected]" class="inline-flex items-center gap-2 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg> <!-- -->[email protected]</a></li><li class="text-white/60">Lundi - Dimanche : 08h00 - 22h00</li></ul></div><div><div class="mb-3 text-xs font-semibold tracking-widest text-white/60">Liens utiles</div><ul class="space-y-2 text-sm text-white/80"><li><a href="https://www.youtube.com" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube h-4 w-4" aria-hidden="true"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg> YouTube</a></li><li><a href="https://www.facebook.com" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-4 w-4" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg> Facebook</a></li><li><a href="https://www.instagram.com" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-4 w-4" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg> Instagram</a></li><li><a href="https://blog.plongee-asie.com" target="_blank" rel="noopener noreferrer" class="hover:text-white">Blog</a></li><li><a href="https://www.plongee-asie.com/croisieres-similan.php" target="_blank" rel="noopener noreferrer" class="hover:text-white">Croisières Similan</a></li><li><a href="#" class="hover:text-white">Mentions légales</a></li></ul></div></div><div class="border-t border-white/10"><div class="mx-auto max-w-7xl px-4 py-5 text-center text-xs text-white/60">Copyright © 2000 / <!-- -->2026<!-- --> — <!-- -->Tous droits réservés<!-- --> — Plongée Asie</div></div></footer></div>
185<script>(function(t){let s;try{s=JSON.parse(sessionStorage.getItem(t.storageKey)||"{}")}catch(e){console.error(e);return}const c=t.key||window.history.state?.__TSR_key,r=c?s[c]:void 0;if(t.shouldScrollRestoration&&r&&typeof r=="object"&&Object.keys(r).length>0){for(const e in r){const o=r[e];if(!o||typeof o!="object")continue;const l=o.scrollX,i=o.scrollY;if(!(!Number.isFinite(l)||!Number.isFinite(i))){if(e==="window")window.scrollTo({top:i,left:l,behavior:t.behavior});else if(e){let n;try{n=document.querySelector(e)}catch{continue}n&&(n.scrollLeft=l,n.scrollTop=i)}}}return}const a=window.location.hash.split("#",2)[1];if(a){const e=window.history.state?.__hashScrollIntoViewOptions??!0;if(e){const o=document.getElementById(a);o&&o.scrollIntoView(e)}return}window.scrollTo({top:0,left:0,behavior:t.behavior})})({"storageKey":"tsr-scroll-restoration-v1_3","shouldScrollRestoration":true});document.currentScript.remove()</script>
185<!--/$-->
185<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-jldSJ3yL.js","/assets/i18n-Cc0HG6Co.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/index-jldSJ3yL.js\")"}]},"/":$R[8]={preloads:$R[9]=["/assets/routes-D0okO9Mb.js","/assets/Layout-CB8FiGaL.js","/assets/analytics-DaSGxf_N.js","/assets/file-down-DznJqyZ4.js","/assets/CourseCard-BAMySP00.js","/assets/list-checks-cZ_UTYd_.js","/assets/star-BTGaAJcW.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1790998294661,s:"success",ssr:!0},$R[12]={i:"��",u:1790998294661,s:"success",ssr:!0}],lastMatchId:"��"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
185<script type="module" async="">import("/assets/index-jldSJ3yL.js")</script>
185
186<aside
187	id="lovable-badge"
188	role="complementary"
189	dir="ltr"
190	lang="en"
191	aria-label="Edit with Lovable">
192	<a
193		id="lovable-badge-cta" 
194		target="_blank" 
195		href="https://lovable.dev/projects/lovp_3t94sga9139dhbwja67qf2xvnq?utm_source=lovable-badge"
196		rel="noopener nofollow"
197		aria-label="Edit with Lovable">
198		<span id="lovable-badge-text">Edit with</span>
199		<span id="lovable-badge-logo"><svg xmlns="http://www.w3.org/2000/svg" width="52" height="16" fill="none" viewBox="0 0 52 16">
200  <path fill="#FCFBF8" fill-rule="evenodd" d="M20.318 5.25c.643 0 1.206.14 1.69.418a2.81 2.81 0 0 1 1.118 1.191c.266.513.4 1.115.4 1.807s-.134 1.296-.4 1.812a2.81 2.81 0 0 1-1.118 1.193c-.484.278-1.047.418-1.69.418s-1.208-.14-1.695-.418a2.85 2.85 0 0 1-1.125-1.193c-.262-.516-.393-1.12-.393-1.812s.131-1.294.393-1.807a2.848 2.848 0 0 1 1.125-1.191c.487-.279 1.052-.418 1.695-.418Zm0 1.425c-.27 0-.504.076-.7.228-.193.147-.34.37-.443.67-.102.295-.153.66-.153 1.093 0 .435.05.801.153 1.1.102.3.25.524.443.676.196.147.43.22.7.22.27 0 .502-.073.694-.22.193-.152.341-.375.443-.67.103-.299.153-.667.153-1.106 0-.65-.112-1.145-.337-1.481a1.08 1.08 0 0 0-.953-.51ZM32.7 5.25c.61 0 1.127.1 1.549.3.422.197.74.48.953.849.217.368.325.809.325 1.32v2.704c0 .29.02.562.062.812.044.245.108.4.19.466V12h-1.935a5.895 5.895 0 0 1-.105-.684 7.745 7.745 0 0 1-.02-.228 2.293 2.293 0 0 1-.151.203c-.205.242-.47.437-.793.584-.32.143-.685.215-1.094.215-.406 0-.77-.08-1.094-.24a1.845 1.845 0 0 1-.756-.682 1.984 1.984 0 0 1-.27-1.045c0-.606.178-1.069.535-1.388.356-.324.87-.534 1.542-.633l1.125-.16c.225-.032.403-.074.534-.123a.622.622 0 0 0 .288-.196.549.549 0 0 0 .093-.327.65.65 0 0 0-.11-.367.702.702 0 0 0-.32-.27c-.14-.07-.31-.105-.51-.105-.32 0-.576.083-.768.251-.193.164-.298.39-.314.676h-1.923c.016-.434.147-.82.393-1.155.25-.34.596-.604 1.039-.792.442-.189.954-.283 1.535-.283Zm.99 3.498a.98.98 0 0 1-.215.14 2.49 2.49 0 0 1-.584.178l-.473.092c-.315.061-.553.156-.713.283-.155.127-.233.305-.233.534 0 .23.084.412.252.547.168.135.383.203.645.203s.494-.058.694-.173c.201-.118.355-.282.461-.49.11-.21.166-.448.166-.714v-.6Zm4.526-2.375c.065-.125.138-.243.221-.349.197-.25.437-.44.719-.571.282-.135.6-.203.952-.203.528 0 .988.138 1.377.412.389.275.688.67.896 1.186.21.512.314 1.12.314 1.824 0 .7-.107 1.309-.32 1.825-.213.512-.518.906-.915 1.18-.393.275-.854.412-1.383.412-.352 0-.667-.062-.946-.184a1.832 1.832 0 0 1-.7-.554 2.2 2.2 0 0 1-.234-.383V12h-1.843V3h1.862v3.373Zm1.284.296c-.274 0-.51.085-.707.253-.192.163-.338.397-.436.7a3.376 3.376 0 0 0-.148 1.05c0 .406.05.759.148 1.058.098.299.243.53.436.694.197.164.433.246.707.246.279 0 .512-.082.7-.246.193-.164.336-.395.43-.694.099-.3.148-.652.148-1.058 0-.405-.05-.757-.147-1.056-.095-.299-.238-.53-.43-.694a1.015 1.015 0 0 0-.7-.253Zm9.416-1.419c.602 0 1.136.131 1.604.393.466.262.829.643 1.086 1.143.263.5.394 1.097.394 1.794 0 .25-.002.449-.006.596H47.51c.018.288.071.538.164.75a1.3 1.3 0 0 0 .491.596c.214.13.465.196.757.196.319 0 .583-.082.792-.246.209-.167.34-.403.393-.706h1.862a2.48 2.48 0 0 1-.485 1.235 2.54 2.54 0 0 1-1.051.805c-.439.188-.949.283-1.53.283-.655 0-1.225-.125-1.708-.375a2.672 2.672 0 0 1-1.13-1.143c-.267-.508-.4-1.137-.4-1.887 0-.712.14-1.327.418-1.843a2.86 2.86 0 0 1 1.155-1.186c.491-.27 1.051-.405 1.678-.405Zm-.044 1.345c-.274 0-.516.068-.725.203a1.29 1.29 0 0 0-.479.59 2.045 2.045 0 0 0-.132.498h2.562a1.873 1.873 0 0 0-.138-.602 1.061 1.061 0 0 0-.418-.516 1.243 1.243 0 0 0-.67-.173Z" clip-rule="evenodd"/>
201  <path fill="#FCFBF8" d="m26.605 9.995 1.342-4.566h1.924L27.628 12h-2.07l-2.33-6.57h1.98l1.397 4.565Zm-13.013.143h2.256c1.632 0 1.421 1.837 1.418 1.861h-5.603V3h1.93v7.138Zm31.516 1.861h-1.862V3h1.862v8.999Z"/>
202  <path fill="url(#a)" fill-rule="evenodd" d="M2.7 3c1.492 0 2.7 1.192 2.7 2.663v1.012h.9c1.49 0 2.7 1.192 2.7 2.662S7.791 12 6.3 12H0V5.663C0 4.193 1.209 3 2.7 3Z" clip-rule="evenodd"/>
203  <defs>
204    <radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(-1.54236 7.07838 -10.231 -2.15602 4.627 5.022)" gradientUnits="userSpaceOnUse">
205      <stop offset=".106" stop-color="#FE7B02"/>
206      <stop offset=".394" stop-color="#FE3F21"/>
207      <stop offset=".608" stop-color="#F858BC"/>
208      <stop offset=".929" stop-color="#575ECF"/>
209    </radialGradient>
210  </defs>
211</svg>
212
213</span>
214	</a>
215	
216	<span id="lovable-badge-divider" aria-hidden="true"></span>
217	
218	<button 
219		id="lovable-badge-close"
220		aria-label="Dismiss"
221		title="Dismiss"
222		type="button">
223		<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" aria-hidden="true">
224			<path d="M10.646 4.646a.5.5 0 1 1 .707.708L8.707 8l2.646 2.646a.5.5 0 1 1-.707.707L8 8.707l-2.646 2.646a.5.5 0 1 1-.708-.707L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708L8 7.293l2.646-2.647Z"/>
225		</svg>
226	</button>
227</aside>
228<script>
229	(() => {
230		if (window.self !== window.top || navigator.userAgent.includes('puppeteer')) {
231			const badge = document.querySelector('#lovable-badge');
232			if (badge) {
233				badge.style.display = 'none';
234			}
235			return;
236		}
237
238		const closeButton = document.querySelector('#lovable-badge-close');
239		if (closeButton) {
240			closeButton.addEventListener('click', function(event) {
241				event.preventDefault();
242				event.stopPropagation();
243				const badge = document.querySelector('#lovable-badge');
244				if (badge) {
245					badge.classList.add('closing');
246					setTimeout(function() {
247						if (badge) {
248							badge.style.display = 'none';
249						}
250					}, 240);
251				}
252			});
253		}
254	})();
255</script>
255
256</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.