{"id":1868,"date":"2026-08-20T14:55:14","date_gmt":"2026-08-20T13:55:14","guid":{"rendered":"https:\/\/scoutsmarins.ca\/?page_id=1868"},"modified":"2026-08-20T15:17:35","modified_gmt":"2026-08-20T14:17:35","slug":"notre-flotte","status":"publish","type":"page","link":"https:\/\/scoutsmarins.ca\/index.php\/notre-flotte\/","title":{"rendered":"Notre Flotte"},"content":{"rendered":"\n<!--\n  NOTRE FLOTTE \u2014 page d'index pour WordPress (m\u00eame mod\u00e8le que les pages bateau)\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> et le <div>).\n  2. Remplacez les 3 URLs de photos (chercher \"REMPLACER-IMAGE\") par vos\n     photos de chaque bateau, import\u00e9es dans la m\u00e9diath\u00e8que WordPress.\n  3. Remplacez les 3 liens de boutons (chercher \"REMPLACER-LIEN\") par les\n     URLs r\u00e9elles des pages Atalante II, Leeway I et Baleini\u00e8re Cadorette.\n  4. Le lien \"dons\" dans le paragraphe d'introduction pointe d\u00e9j\u00e0 vers\n     http:\/\/scoutsmarins.ca\/index.php\/donation\/ \u2014 rien \u00e0 changer.\n  5. Pr\u00e9fixe CSS \"flt-\" : n'entre en conflit ni avec le th\u00e8me, ni avec les\n     pages Atalante II (\"atl2-\") ou Leeway I (\"lwy-\").\n-->\n\n<style>\n  .flt-page {\n    --flt-navy: #0F2438;\n    --flt-navy-deep: #081726;\n    --flt-canvas: #F4F0E6;\n    --flt-brass: #B08942;\n    --flt-brass-light: #D9B876;\n    --flt-seafoam: #5C8A82;\n    --flt-ink: #1C2B2E;\n    --flt-safety: #C4531F;\n\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--flt-ink);\n    background: var(--flt-canvas);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .flt-page * { box-sizing: border-box; }\n  .flt-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  .flt-page h1, .flt-page h2, .flt-page h3 {\n    font-family: 'Fraunces', Georgia, serif;\n    font-weight: 600;\n    letter-spacing: -0.01em;\n    margin: 0;\n  }\n\n  \/* ---------- Ent\u00eate ---------- *\/\n  .flt-hero {\n    background: var(--flt-navy);\n    padding: 64px 24px 76px;\n    text-align: center;\n  }\n\n  .flt-eyebrow {\n    color: var(--flt-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: 14px;\n  }\n\n  .flt-title {\n    color: var(--flt-canvas);\n    font-size: clamp(2.2rem, 5vw, 3.4rem);\n  }\n\n  \/* ---------- Intro ---------- *\/\n  .flt-intro {\n    max-width: 760px;\n    margin: -40px auto 70px;\n    padding: 0 24px;\n  }\n\n  .flt-intro-card {\n    background: #FBF9F3;\n    border: 1px solid rgba(28,43,46,0.12);\n    border-radius: 4px;\n    padding: 32px 36px;\n    box-shadow: 0 18px 40px rgba(8,23,38,0.12);\n  }\n\n  .flt-intro-card p {\n    font-size: 1.02rem;\n    color: #3A4A4D;\n    margin: 0;\n  }\n\n  .flt-intro-card a {\n    color: var(--flt-safety);\n    font-weight: 600;\n    text-decoration: underline;\n    text-decoration-color: rgba(196,83,31,0.4);\n    text-underline-offset: 2px;\n  }\n  .flt-intro-card a:hover,\n  .flt-intro-card a:focus-visible { text-decoration-color: var(--flt-safety); }\n\n  \/* ---------- Grille des bateaux ---------- *\/\n  .flt-fleet {\n    max-width: 1100px;\n    margin: 0 auto 100px;\n    padding: 0 24px;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 44px;\n  }\n\n  .flt-card {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .flt-photo-frame {\n    background: linear-gradient(155deg, #C9A15C 0%, #8F6A2E 45%, #B08942 100%);\n    padding: 3px;\n    border-radius: 6px;\n    box-shadow: 0 16px 36px rgba(8,23,38,0.18);\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n  .flt-card:hover .flt-photo-frame,\n  .flt-card:focus-within .flt-photo-frame {\n    transform: translateY(-4px);\n    box-shadow: 0 22px 44px rgba(8,23,38,0.24);\n  }\n\n  .flt-photo {\n    aspect-ratio: 1 \/ 1;\n    background-size: cover;\n    background-position: center;\n    border-radius: 4px;\n  }\n\n  .flt-card-body {\n    padding-top: 20px;\n    text-align: center;\n  }\n\n  .flt-boat-name {\n    font-size: 1.4rem;\n    color: var(--flt-navy);\n  }\n\n  .flt-boat-sub {\n    font-family: 'Space Mono', monospace;\n    font-size: 0.78rem;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--flt-seafoam);\n    margin-top: 6px;\n  }\n\n  .flt-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    font-family: 'Inter', sans-serif;\n    font-weight: 600;\n    font-size: 0.92rem;\n    padding: 13px 24px;\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    margin-top: 18px;\n    width: 100%;\n  }\n  .flt-btn:hover { transform: translateY(-1px); }\n\n  .flt-btn-primary {\n    background: var(--flt-safety);\n    color: #FFF7EF;\n    box-shadow: 0 4px 14px rgba(196,83,31,0.3);\n  }\n  .flt-btn-primary:hover { background: #D65F27; }\n\n  @media (max-width: 640px) {\n    .flt-intro { margin-top: -28px; }\n    .flt-intro-card { padding: 26px 22px; }\n  }\n<\/style>\n\n<div class=\"flt-page\">\n\n  <!-- ===================== ENT\u00caTE ===================== -->\n  <section class=\"flt-hero\">\n    <div class=\"flt-eyebrow\">Scouts marins<\/div>\n    <h1 class=\"flt-title\">Notre flotte<\/h1>\n  <\/section>\n\n  <!-- ===================== INTRO ===================== -->\n  <section class=\"flt-intro\">\n    <div class=\"flt-intro-card\">\n      <p>\n        Tous nos bateaux ont \u00e9t\u00e9 l\u00e9gu\u00e9s par des donateurs priv\u00e9s. Ainsi,\n        depuis notre fondation en 2006, nous avons pu naviguer sur diverses\n        embarcations, notamment un Shark 24, un GibSea 76 et un Gulfstar 42.\n        D&rsquo;ailleurs, nous continuons d&rsquo;accueillir des offres de\n        <a href=\"http:\/\/scoutsmarins.ca\/index.php\/donation\/\">dons<\/a>\n        d&#8217;embarcations et d&rsquo;\u00e9quipements divers afin d&rsquo;am\u00e9liorer notre flotte\n        et pour la revente. Toutes nos embarcations poss\u00e8dent \u00e0 bord\n        l&rsquo;\u00e9quipement requis pour les \u00e9coles de navigation de plaisance, tel\n        que d\u00e9crit dans la norme TP-15136 F de Transports Canada.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ===================== GRILLE DES BATEAUX ===================== -->\n  <section class=\"flt-fleet\">\n\n    <!-- Atalante II -->\n    <div class=\"flt-card\">\n      <a class=\"flt-photo-frame\" href=\"https:\/\/scoutsmarins.ca\/index.php\/atalante-ii\/\" aria-label=\"Voir la page de l'Atalante II\">\n        <!-- REMPLACER-IMAGE : photo carr\u00e9e de l'Atalante II -->\n        <div class=\"flt-photo\" style=\"background-image:url(https:\/\/scoutsmarins.ca\/wp-content\/uploads\/2026\/08\/atalante-en-nav-de-loin.jpg)\" role=\"img\" aria-label=\"Atalante II\"><\/div>\n      <\/a>\n      <div class=\"flt-card-body\">\n        <h2 class=\"flt-boat-name\">Atalante II<\/h2>\n        <div class=\"flt-boat-sub\">Tartan 34C \u00b7 1978<\/div>\n        <!-- REMPLACER-LIEN : URL de la page de l'Atalante II -->\n        <a href=\"https:\/\/scoutsmarins.ca\/index.php\/atalante-ii\/\" class=\"flt-btn flt-btn-primary\">D\u00e9couvrir Atalante II<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Leeway I -->\n    <div class=\"flt-card\">\n      <a class=\"flt-photo-frame\" href=\"https:\/\/scoutsmarins.ca\/index.php\/leeway-i\/\" aria-label=\"Voir la page du Leeway I\">\n        <!-- REMPLACER-IMAGE : photo carr\u00e9e du Leeway I -->\n        <div class=\"flt-photo\" style=\"background-image:url(https:\/\/scoutsmarins.ca\/wp-content\/uploads\/2026\/08\/Exterieur-sunset-scaled-e1786670231502.jpg)\" role=\"img\" aria-label=\"Leeway I\"><\/div>\n      <\/a>\n      <div class=\"flt-card-body\">\n        <h2 class=\"flt-boat-name\">Leeway I<\/h2>\n        <div class=\"flt-boat-sub\">Irwin 34 \u00b7 1984<\/div>\n        <!-- REMPLACER-LIEN : URL de la page du Leeway I -->\n        <a href=\"https:\/\/scoutsmarins.ca\/index.php\/leeway-i\" class=\"flt-btn flt-btn-primary\">D\u00e9couvrir  Leeway I<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Baleini\u00e8re Cadorette -->\n    <div class=\"flt-card\">\n      <a class=\"flt-photo-frame\" href=\"https:\/\/scoutsmarins.ca\/index.php\/baleinieres-2\/\" aria-label=\"Voir la page de la Baleini\u00e8re Cadorette\">\n        <!-- REMPLACER-IMAGE : photo carr\u00e9e de la Baleini\u00e8re Cadorette -->\n        <div class=\"flt-photo\" style=\"background-image:url(https:\/\/scoutsmarins.ca\/wp-content\/uploads\/2025\/02\/Baleinieres-Modifie.jpg)\" role=\"img\" aria-label=\"Baleini\u00e8res Cadorette\"><\/div>\n      <\/a>\n      <div class=\"flt-card-body\">\n        <h2 class=\"flt-boat-name\">Baleini\u00e8res<\/h2>\n        <div class=\"flt-boat-sub\">Baleini\u00e8re Cadorette<\/div>\n        <!-- REMPLACER-LIEN : URL de la page de la Baleini\u00e8re Cadorette -->\n        <a href=\"https:\/\/scoutsmarins.ca\/index.php\/baleinieres-2\/\" class=\"flt-btn flt-btn-primary\">D\u00e9couvrir les Baleini\u00e8res<\/a>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Scouts marins Notre flotte Tous nos bateaux ont \u00e9t\u00e9 l\u00e9gu\u00e9s par des donateurs priv\u00e9s. Ainsi, depuis notre fondation en 2006, nous avons pu naviguer sur diverses embarcations, notamment un Shark 24, un GibSea 76 et un Gulfstar 42. D&rsquo;ailleurs, nous continuons d&rsquo;accueillir des offres de dons d&#8217;embarcations et d&rsquo;\u00e9quipements divers afin d&rsquo;am\u00e9liorer notre flotte et&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-1868","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scoutsmarins.ca\/index.php\/wp-json\/wp\/v2\/pages\/1868","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=1868"}],"version-history":[{"count":7,"href":"https:\/\/scoutsmarins.ca\/index.php\/wp-json\/wp\/v2\/pages\/1868\/revisions"}],"predecessor-version":[{"id":1973,"href":"https:\/\/scoutsmarins.ca\/index.php\/wp-json\/wp\/v2\/pages\/1868\/revisions\/1973"}],"wp:attachment":[{"href":"https:\/\/scoutsmarins.ca\/index.php\/wp-json\/wp\/v2\/media?parent=1868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}