{"id":1837,"date":"2026-08-20T14:45:18","date_gmt":"2026-08-20T13:45:18","guid":{"rendered":"https:\/\/scoutsmarins.ca\/?page_id=1837"},"modified":"2026-08-20T14:45:18","modified_gmt":"2026-08-20T13:45:18","slug":"atalante-ii","status":"publish","type":"page","link":"https:\/\/scoutsmarins.ca\/index.php\/atalante-ii\/","title":{"rendered":"Atalante II"},"content":{"rendered":"\n<!--\n  ATALANTE II \u2014 page bateau pour WordPress\n  ==========================================\n  COMMENT L'UTILISER :\n  1. Dans l'\u00e9diteur WordPress (Gutenberg), ajoutez un bloc \u00ab HTML personnalis\u00e9 \u00bb\n     et collez TOUT le contenu de ce fichier dedans (le <style>, le <div> et\n     le <script> inclus).\n  2. Remplacez les 5 URLs d'images du carrousel (chercher \"REMPLACER-IMAGE\")\n     par vos photos du bateau, import\u00e9es dans la m\u00e9diath\u00e8que WordPress.\n  3. Remplacez le lien du bouton \"R\u00e9server une visite\" (chercher\n     \"REMPLACER-LIEN-VISITE\") par l'URL de votre page de contact\/r\u00e9servation.\n  4. Tout le CSS est pr\u00e9fix\u00e9 \"atl2-\" pour ne jamais entrer en conflit avec\n     le th\u00e8me du site \u2014 vous pouvez coller ce bloc sur n'importe quelle page.\n-->\n\n<style>\n  .atl2-page {\n    --atl2-navy: #0F2438;\n    --atl2-navy-deep: #081726;\n    --atl2-canvas: #F4F0E6;\n    --atl2-brass: #B08942;\n    --atl2-brass-light: #D9B876;\n    --atl2-seafoam: #5C8A82;\n    --atl2-ink: #1C2B2E;\n    --atl2-safety: #C4531F;\n\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--atl2-ink);\n    background: var(--atl2-canvas);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .atl2-page * { box-sizing: border-box; }\n\n  .atl2-page img { max-width: 100%; display: block; }\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');\n\n  .atl2-page h1, .atl2-page h2, .atl2-page h3 {\n    font-family: 'Fraunces', Georgia, serif;\n    font-weight: 600;\n    letter-spacing: -0.01em;\n    margin: 0;\n  }\n\n  .atl2-mono {\n    font-family: 'Space Mono', monospace;\n  }\n\n  \/* ---------- Fil d'ariane ---------- *\/\n  .atl2-breadcrumb {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 24px 24px 0;\n  }\n  .atl2-breadcrumb a {\n    color: var(--atl2-seafoam);\n    text-decoration: none;\n    font-size: 0.9rem;\n    font-weight: 500;\n    border-bottom: 1px solid transparent;\n    transition: border-color 0.2s ease;\n  }\n  .atl2-breadcrumb a:hover,\n  .atl2-breadcrumb a:focus-visible { border-color: var(--atl2-seafoam); }\n\n  \/* ---------- Carrousel h\u00e9ros ---------- *\/\n  .atl2-hero {\n    position: relative;\n    max-width: 1400px;\n    margin: 20px auto 0;\n    padding: 0 24px;\n  }\n\n  .atl2-carousel {\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px;\n    aspect-ratio: 16 \/ 9;\n    background: var(--atl2-navy-deep);\n  }\n\n  .atl2-carousel-track {\n    display: flex;\n    height: 100%;\n    transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);\n  }\n\n  .atl2-slide {\n    flex: 0 0 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n  }\n\n  .atl2-hero-overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: flex-end;\n    padding: 40px;\n    background: linear-gradient(180deg, rgba(8,23,38,0) 40%, rgba(8,23,38,0.85) 100%);\n    pointer-events: none;\n  }\n\n  .atl2-hero-text { pointer-events: auto; }\n\n  .atl2-hero-eyebrow {\n    color: var(--atl2-brass-light);\n    font-family: 'Space Mono', monospace;\n    font-size: 0.8rem;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n  }\n\n  .atl2-hero-title {\n    color: var(--atl2-canvas);\n    font-size: clamp(2.2rem, 5vw, 3.8rem);\n    line-height: 1.02;\n  }\n\n  .atl2-hero-sub {\n    color: #C9D3D6;\n    font-size: clamp(0.95rem, 1.6vw, 1.15rem);\n    margin-top: 10px;\n    font-weight: 400;\n  }\n\n  .atl2-hero-cta {\n    margin-top: 22px;\n  }\n\n  .atl2-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(8,23,38,0.55);\n    color: var(--atl2-canvas);\n    border: 1px solid rgba(244,240,230,0.35);\n    width: 42px;\n    height: 42px;\n    border-radius: 50%;\n    font-size: 1.4rem;\n    line-height: 1;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.2s ease;\n  }\n  .atl2-arrow:hover, .atl2-arrow:focus-visible { background: rgba(8,23,38,0.85); }\n  .atl2-arrow-prev { left: 16px; }\n  .atl2-arrow-next { right: 16px; }\n\n  .atl2-dots {\n    position: absolute;\n    bottom: 16px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 8px;\n  }\n  .atl2-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: rgba(244,240,230,0.4);\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    transition: background 0.2s ease, transform 0.2s ease;\n  }\n  .atl2-dot[aria-current=\"true\"] {\n    background: var(--atl2-brass-light);\n    transform: scale(1.3);\n  }\n\n  \/* ---------- Bouton ---------- *\/\n  .atl2-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-family: 'Inter', sans-serif;\n    font-weight: 600;\n    font-size: 0.95rem;\n    padding: 14px 26px;\n    border-radius: 3px;\n    text-decoration: none;\n    border: 1px solid transparent;\n    cursor: pointer;\n    transition: transform 0.15s ease, background 0.2s ease, box-shadow 0.2s ease;\n  }\n  .atl2-btn:hover { transform: translateY(-1px); }\n\n  .atl2-btn-primary {\n    background: var(--atl2-safety);\n    color: #FFF7EF;\n    box-shadow: 0 4px 14px rgba(196,83,31,0.35);\n  }\n  .atl2-btn-primary:hover { background: #D65F27; }\n\n  .atl2-btn-ghost {\n    background: transparent;\n    border-color: rgba(244,240,230,0.5);\n    color: var(--atl2-canvas);\n  }\n  .atl2-btn-ghost:hover { border-color: var(--atl2-canvas); }\n\n  \/* ---------- Intro ---------- *\/\n  .atl2-intro {\n    max-width: 780px;\n    margin: 72px auto;\n    padding: 0 24px;\n  }\n  .atl2-intro h2 {\n    font-size: clamp(1.6rem, 3vw, 2.1rem);\n    color: var(--atl2-navy);\n    margin-bottom: 18px;\n  }\n  .atl2-intro p {\n    font-size: 1.05rem;\n    color: #3A4A4D;\n  }\n  .atl2-intro p + p { margin-top: 14px; }\n\n  \/* ---------- Plaque technique ---------- *\/\n  .atl2-plate-section {\n    background: var(--atl2-navy);\n    padding: 80px 24px;\n  }\n\n  .atl2-plate-wrap {\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .atl2-plate-heading {\n    text-align: center;\n    margin-bottom: 40px;\n  }\n  .atl2-plate-heading .atl2-hero-eyebrow { justify-content: center; }\n  .atl2-plate-heading h2 {\n    color: var(--atl2-canvas);\n    font-size: clamp(1.6rem, 3vw, 2.1rem);\n  }\n\n  .atl2-plate {\n    background: linear-gradient(155deg, #C9A15C 0%, #8F6A2E 45%, #B08942 100%);\n    border-radius: 6px;\n    padding: 3px;\n    box-shadow: 0 20px 45px rgba(0,0,0,0.35);\n  }\n\n  .atl2-plate-inner {\n    background: linear-gradient(155deg, #EFD9A6 0%, #C9A15C 100%);\n    border-radius: 4px;\n    padding: 44px 40px;\n    position: relative;\n  }\n\n  .atl2-plate-inner::before {\n    content: \"\";\n    position: absolute;\n    inset: 10px;\n    border: 1px solid rgba(28,43,46,0.25);\n    border-radius: 2px;\n    pointer-events: none;\n  }\n\n  .atl2-rivet {\n    position: absolute;\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: radial-gradient(circle at 35% 30%, #FFF3D6, #7A5A22 75%);\n    box-shadow: 0 1px 2px rgba(0,0,0,0.4);\n  }\n  .atl2-rivet.tl { top: 14px; left: 14px; }\n  .atl2-rivet.tr { top: 14px; right: 14px; }\n  .atl2-rivet.bl { bottom: 14px; left: 14px; }\n  .atl2-rivet.br { bottom: 14px; right: 14px; }\n\n  .atl2-plate-title {\n    text-align: center;\n    font-family: 'Fraunces', serif;\n    font-weight: 700;\n    font-size: clamp(1.5rem, 3vw, 2rem);\n    color: var(--atl2-ink);\n    letter-spacing: 0.02em;\n  }\n  .atl2-plate-title span {\n    display: block;\n    font-family: 'Space Mono', monospace;\n    font-size: 0.75rem;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: #5A4419;\n    margin-top: 6px;\n    font-weight: 400;\n  }\n\n  .atl2-plate-divider {\n    height: 1px;\n    background: repeating-linear-gradient(90deg, rgba(28,43,46,0.4) 0 6px, transparent 6px 12px);\n    margin: 26px 0;\n  }\n\n  .atl2-spec-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 22px 40px;\n  }\n\n  .atl2-spec {\n    border-bottom: 1px solid rgba(28,43,46,0.18);\n    padding-bottom: 10px;\n  }\n  .atl2-spec-label {\n    font-family: 'Space Mono', monospace;\n    font-size: 0.72rem;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #5A4419;\n  }\n  .atl2-spec-value {\n    font-family: 'Fraunces', serif;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: var(--atl2-ink);\n    margin-top: 4px;\n  }\n\n  \/* ---------- \u00c0 bord ---------- *\/\n  .atl2-aboard {\n    max-width: 1100px;\n    margin: 84px auto;\n    padding: 0 24px;\n  }\n  .atl2-aboard-heading {\n    max-width: 620px;\n    margin-bottom: 40px;\n  }\n  .atl2-aboard-heading h2 {\n    font-size: clamp(1.6rem, 3vw, 2.1rem);\n    color: var(--atl2-navy);\n  }\n  .atl2-aboard-heading p {\n    color: #52605F;\n    margin-top: 10px;\n  }\n\n  .atl2-amenity-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));\n    gap: 4px;\n    border-top: 1px solid rgba(28,43,46,0.15);\n    border-left: 1px solid rgba(28,43,46,0.15);\n  }\n\n  .atl2-amenity {\n    background: #FBF9F3;\n    border-right: 1px solid rgba(28,43,46,0.15);\n    border-bottom: 1px solid rgba(28,43,46,0.15);\n    padding: 26px 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .atl2-amenity svg {\n    width: 26px;\n    height: 26px;\n    stroke: var(--atl2-seafoam);\n    fill: none;\n    stroke-width: 1.6;\n  }\n\n  .atl2-amenity-label {\n    font-size: 0.92rem;\n    font-weight: 500;\n    color: var(--atl2-ink);\n  }\n\n  \/* ---------- CTA final ---------- *\/\n  .atl2-final {\n    background: var(--atl2-navy-deep);\n    padding: 90px 24px;\n    text-align: center;\n  }\n  .atl2-final .atl2-hero-eyebrow { justify-content: center; }\n  .atl2-final h2 {\n    color: var(--atl2-canvas);\n    font-size: clamp(1.7rem, 3.4vw, 2.4rem);\n    max-width: 560px;\n    margin: 0 auto 26px;\n  }\n\n  @media (max-width: 640px) {\n    .atl2-spec-grid { grid-template-columns: 1fr; }\n    .atl2-hero-overlay { padding: 24px; }\n    .atl2-plate-inner { padding: 32px 22px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .atl2-carousel-track { transition: none; }\n  }\n<\/style>\n\n<div class=\"atl2-page\">\n\n  <nav class=\"atl2-breadcrumb\">\n    <a href=\"https:\/\/scoutsmarins.ca\/index.php\/nos-voiliers\/\">\u2190 Retour \u00e0 la flotte<\/a>\n  <\/nav>\n\n  <!-- ===================== H\u00c9ROS \/ CARROUSEL ===================== -->\n  <section class=\"atl2-hero\">\n    <div class=\"atl2-carousel\" id=\"atl2-carousel\" data-atl2-carousel=\"\">\n      <div class=\"atl2-carousel-track\">\n        <!-- REMPLACER-IMAGE : coque et pont, vue g\u00e9n\u00e9rale -->\n        <div class=\"atl2-slide\" style=\"background-image:url('https:\/\/scoutsmarins.ca\/wp-content\/uploads\/2026\/08\/Atalante-Exterieur-scaled.jpg)\" role=\"img\" aria-label=\"Atalante II vue de c\u00f4t\u00e9, voiles hiss\u00e9es\"><\/div>\n        <!-- REMPLACER-IMAGE : cockpit -->\n        <div class=\"atl2-slide\" style=\"background-image:url(https:\/\/scoutsmarins.ca\/wp-content\/uploads\/2026\/08\/Proue-scaled.jpg)\" role=\"img\" aria-label=\"Cockpit de l'Atalante II\"><\/div>\n        <!-- REMPLACER-IMAGE : int\u00e9rieur \/ carr\u00e9 -->\n        <div class=\"atl2-slide\" style=\"background-image:url(https:\/\/scoutsmarins.ca\/wp-content\/uploads\/2026\/08\/Exterieur-scaled.jpg)\" role=\"img\" aria-label=\"Carr\u00e9 int\u00e9rieur am\u00e9nag\u00e9\"><\/div>\n        <!-- REMPLACER-IMAGE : cabine -->\n        <div class=\"atl2-slide\" style=\"background-image:url(https:\/\/scoutsmarins.ca\/wp-content\/uploads\/2026\/08\/En-Nav-scaled.jpg)\" role=\"img\" aria-label=\"Cabine ferm\u00e9e\"><\/div>\n        <!-- REMPLACER-IMAGE : au mouillage -->\n        <div class=\"atl2-slide\" style=\"background-image:url(https:\/\/scoutsmarins.ca\/wp-content\/uploads\/2026\/08\/Atalante-scaled.png)\" role=\"img\" aria-label=\"Atalante II au mouillage\"><\/div>\n      <\/div>\n\n      <div class=\"atl2-hero-overlay\">\n        <div class=\"atl2-hero-text\">\n          <div class=\"atl2-hero-eyebrow\">Voilier de la flotte<\/div>\n          <h1 class=\"atl2-hero-title\">Atalante II<\/h1>\n          <p class=\"atl2-hero-sub\">Tartan 34C \u00b7 Plan Sparkman &amp; Stephens \u00b7 1978<\/p>\n          <div class=\"atl2-hero-cta\">\n            <!-- REMPLACER-LIEN-VISITE -->\n            <a href=\"https:\/\/scoutsmarins.ca\/index.php\/visite-virtuelle\/\" class=\"atl2-btn atl2-btn-primary\">Visite virtuelle du bateau<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <button class=\"atl2-arrow atl2-arrow-prev\" aria-label=\"Image pr\u00e9c\u00e9dente\">\u2039<\/button>\n      <button class=\"atl2-arrow atl2-arrow-next\" aria-label=\"Image suivante\">\u203a<\/button>\n      <div class=\"atl2-dots\"><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===================== INTRO ===================== -->\n  <section class=\"atl2-intro\">\n    <h2>Un plan Sparkman &amp; Stephens, taill\u00e9 pour la croisi\u00e8re hauturi\u00e8re<\/h2>\n    <p>\n      Depuis 1978, l&rsquo;Atalante II trace sa route. Ce Tartan 34C sorti des\n      planches du cabinet Sparkman &amp; Stephens allie la finesse d&rsquo;une\n      coque de r\u00e9gate \u00e0 la robustesse d&rsquo;un voilier taill\u00e9 pour le large.\n    <\/p>\n    <p>\n      Sa d\u00e9rive relevable en fait un bateau \u00e0 deux visages : \u00e0 peine\n      3&rsquo;11\u00a0\u00bb de tirant d&rsquo;eau relev\u00e9e pour explorer les hauts-fonds et les\n      mouillages abrit\u00e9s, jusqu&rsquo;\u00e0 8&rsquo;4\u00a0\u00bb d\u00e9rive baiss\u00e9e pour retrouver toute\n      sa raideur \u00e0 la toile au pr\u00e8s.\n    <\/p>\n  <\/section>\n\n  <!-- ===================== PLAQUE TECHNIQUE ===================== -->\n  <section class=\"atl2-plate-section\">\n    <div class=\"atl2-plate-wrap\">\n      <div class=\"atl2-plate-heading\">\n        <div class=\"atl2-hero-eyebrow\" style=\"display:flex;\">Fiche technique<\/div>\n        <h2>Caract\u00e9ristiques du bateau<\/h2>\n      <\/div>\n\n      <div class=\"atl2-plate\">\n        <div class=\"atl2-plate-inner\">\n          <span class=\"atl2-rivet tl\"><\/span>\n          <span class=\"atl2-rivet tr\"><\/span>\n          <span class=\"atl2-rivet bl\"><\/span>\n          <span class=\"atl2-rivet br\"><\/span>\n\n          <div class=\"atl2-plate-title\">\n            Atalante II\n            <span>Tartan 34C \u2014 Sparkman &amp; Stephens \u2014 1978<\/span>\n          <\/div>\n\n          <div class=\"atl2-plate-divider\"><\/div>\n\n          <div class=\"atl2-spec-grid atl2-mono\">\n            <div class=\"atl2-spec\">\n              <div class=\"atl2-spec-label\">Longueur<\/div>\n              <div class=\"atl2-spec-value\">34\u2032<\/div>\n            <\/div>\n            <div class=\"atl2-spec\">\n              <div class=\"atl2-spec-label\">Largeur au ma\u00eetre-bau<\/div>\n              <div class=\"atl2-spec-value\">10\u2032<\/div>\n            <\/div>\n            <div class=\"atl2-spec\">\n              <div class=\"atl2-spec-label\">Tirant d&rsquo;eau minimal<\/div>\n              <div class=\"atl2-spec-value\">3\u203211\u2033<\/div>\n            <\/div>\n            <div class=\"atl2-spec\">\n              <div class=\"atl2-spec-label\">Tirant d&rsquo;eau maximal (d\u00e9rive baiss\u00e9e)<\/div>\n              <div class=\"atl2-spec-value\">8\u20324\u2033<\/div>\n            <\/div>\n            <div class=\"atl2-spec\">\n              <div class=\"atl2-spec-label\">Motorisation<\/div>\n              <div class=\"atl2-spec-value\">Volvo Penta 2003, 28 CV (1985)<\/div>\n            <\/div>\n            <div class=\"atl2-spec\">\n              <div class=\"atl2-spec-label\">Architecte naval<\/div>\n              <div class=\"atl2-spec-value\">Sparkman &amp; Stephens<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===================== \u00c0 BORD ===================== -->\n  <section class=\"atl2-aboard\">\n    <div class=\"atl2-aboard-heading\">\n      <h2>\u00c0 bord<\/h2>\n      <p>De 6 \u00e0 8 places, tout ce qu&rsquo;il faut pour naviguer confortablement et en s\u00e9curit\u00e9.<\/p>\n    <\/div>\n\n    <div class=\"atl2-amenity-grid\">\n      <div class=\"atl2-amenity\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M3 18v-6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6\"><\/path><path d=\"M3 18h18\"><\/path><path d=\"M5 10V7a2 2 0 0 1 2-2h3v5\"><\/path><\/svg>\n        <div class=\"atl2-amenity-label\">Capacit\u00e9 6 \u00e0 8 places<\/div>\n      <\/div>\n      <div class=\"atl2-amenity\">\n        <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1\"><\/rect><path d=\"M3 10h18\"><\/path><path d=\"M9 4v6\"><\/path><\/svg>\n        <div class=\"atl2-amenity-label\">1 chambre ferm\u00e9e<\/div>\n      <\/div>\n      <div class=\"atl2-amenity\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 3v4\"><\/path><path d=\"M7 21h10\"><\/path><path d=\"M6 21c0-6 2-9 6-9s6 3 6 9\"><\/path><\/svg>\n        <div class=\"atl2-amenity-label\">1 salle d&rsquo;eau<\/div>\n      <\/div>\n      <div class=\"atl2-amenity\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M4 3v18\"><\/path><path d=\"M4 7h4\"><\/path><path d=\"M4 11a3 3 0 0 0 3 3\"><\/path><path d=\"M15 3c-1.5 2-1.5 4 0 6s1.5 4 0 6\"><\/path><circle cx=\"17\" cy=\"18\" r=\"3\"><\/circle><\/svg>\n        <div class=\"atl2-amenity-label\">Cuisine \u00e9quip\u00e9e<\/div>\n      <\/div>\n      <div class=\"atl2-amenity\">\n        <svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"12\" rx=\"1\"><\/rect><path d=\"M8 8V6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"><\/path><circle cx=\"9\" cy=\"13\" r=\"1\"><\/circle><circle cx=\"15\" cy=\"13\" r=\"1\"><\/circle><\/svg>\n        <div class=\"atl2-amenity-label\">Po\u00eale \u00e0 alcool<\/div>\n      <\/div>\n      <div class=\"atl2-amenity\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"><\/path><path d=\"M6 12a6 6 0 0 0 12 0\"><\/path><path d=\"M9 12V9a3 3 0 0 1 6 0v3\"><\/path><path d=\"M4 16h16\"><\/path><\/svg>\n        <div class=\"atl2-amenity-label\">BBQ<\/div>\n      <\/div>\n      <div class=\"atl2-amenity\">\n        <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"8\" width=\"18\" height=\"11\" rx=\"1\"><\/rect><circle cx=\"8\" cy=\"13.5\" r=\"2.5\"><\/circle><path d=\"M14 11h4\"><\/path><path d=\"M14 15h4\"><\/path><path d=\"M7 8V6a2 2 0 0 1 2-2h1\"><\/path><\/svg>\n        <div class=\"atl2-amenity-label\">Radio VHF<\/div>\n      <\/div>\n      <div class=\"atl2-amenity\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2 4 6v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V6l-8-4Z\"><\/path><path d=\"M9 12l2 2 4-4\"><\/path><\/svg>\n        <div class=\"atl2-amenity-label\">Vestes de sauvetage<\/div>\n      <\/div>\n      <div class=\"atl2-amenity\">\n        <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M12 3v3\"><\/path><path d=\"M12 18v3\"><\/path><path d=\"M3 12h3\"><\/path><path d=\"M18 12h3\"><\/path><\/svg>\n        <div class=\"atl2-amenity-label\">\u00c9quipement de s\u00e9curit\u00e9 complet<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===================== CTA FINAL ===================== -->\n  <section class=\"atl2-final\" id=\"visite\">\n    <div class=\"atl2-hero-eyebrow\" style=\"display:flex;\">Prochaine \u00e9tape<\/div>\n    <h2>Envie de monter \u00e0 bord d&rsquo;Atalante II ?<\/h2>\n    <!-- REMPLACER-LIEN-VISITE : https:\/\/scoutsmarins.ca\/index.php\/contacter\/ -->\n    <a href=\"https:\/\/scoutsmarins.ca\/index.php\/comment-embarquer-avec-les-smgm\/\" \"#\"=\"\" class=\"atl2-btn atl2-btn-primary\">Embarquez avec les SMGM<\/a>\n  <\/section>\n\n<\/div>\n\n<script>\n(function () {\n  var root = document.getElementById('atl2-carousel');\n  if (!root) return;\n\n  var track = root.querySelector('.atl2-carousel-track');\n  var slides = Array.prototype.slice.call(root.querySelectorAll('.atl2-slide'));\n  var dotsWrap = root.querySelector('.atl2-dots');\n  var prevBtn = root.querySelector('.atl2-arrow-prev');\n  var nextBtn = root.querySelector('.atl2-arrow-next');\n  var index = 0;\n  var timer = null;\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  slides.forEach(function (_, i) {\n    var dot = document.createElement('button');\n    dot.className = 'atl2-dot';\n    dot.setAttribute('aria-label', 'Aller \u00e0 l\\'image ' + (i + 1));\n    dot.addEventListener('click', function () { goTo(i); resetTimer(); });\n    dotsWrap.appendChild(dot);\n  });\n  var dots = Array.prototype.slice.call(dotsWrap.querySelectorAll('.atl2-dot'));\n\n  function render() {\n    track.style.transform = 'translateX(-' + (index * 100) + '%)';\n    dots.forEach(function (d, i) {\n      d.setAttribute('aria-current', i === index ? 'true' : 'false');\n    });\n  }\n\n  function goTo(i) {\n    index = (i + slides.length) % slides.length;\n    render();\n  }\n\n  function next() { goTo(index + 1); }\n  function prev() { goTo(index - 1); }\n\n  prevBtn.addEventListener('click', function () { prev(); resetTimer(); });\n  nextBtn.addEventListener('click', function () { next(); resetTimer(); });\n\n  function startTimer() {\n    if (reduceMotion) return;\n    timer = setInterval(next, 5500);\n  }\n  function resetTimer() {\n    clearInterval(timer);\n    startTimer();\n  }\n\n  root.addEventListener('mouseenter', function () { clearInterval(timer); });\n  root.addEventListener('mouseleave', startTimer);\n\n  \/\/ Support tactile simple\n  var startX = null;\n  root.addEventListener('touchstart', function (e) { startX = e.touches[0].clientX; }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (startX === null) return;\n    var delta = e.changedTouches[0].clientX - startX;\n    if (Math.abs(delta) > 40) { delta > 0 ? prev() : next(); resetTimer(); }\n    startX = null;\n  }, { passive: true });\n\n  render();\n  startTimer();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Voilier de la flotte Atalante II Tartan 34C \u00b7 Plan Sparkman &amp; Stephens \u00b7 1978 Visite virtuelle du bateau \u2039 \u203a Un plan Sparkman &amp; Stephens, taill\u00e9 pour la croisi\u00e8re hauturi\u00e8re Depuis 1978, l&rsquo;Atalante II trace sa route. Ce Tartan 34C sorti des planches du cabinet Sparkman &amp; Stephens allie la finesse d&rsquo;une coque de&hellip;<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1837","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scoutsmarins.ca\/index.php\/wp-json\/wp\/v2\/pages\/1837","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scoutsmarins.ca\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scoutsmarins.ca\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scoutsmarins.ca\/index.php\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/scoutsmarins.ca\/index.php\/wp-json\/wp\/v2\/comments?post=1837"}],"version-history":[{"count":8,"href":"https:\/\/scoutsmarins.ca\/index.php\/wp-json\/wp\/v2\/pages\/1837\/revisions"}],"predecessor-version":[{"id":1961,"href":"https:\/\/scoutsmarins.ca\/index.php\/wp-json\/wp\/v2\/pages\/1837\/revisions\/1961"}],"wp:attachment":[{"href":"https:\/\/scoutsmarins.ca\/index.php\/wp-json\/wp\/v2\/media?parent=1837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}