{"id":2429,"date":"2026-04-18T11:42:15","date_gmt":"2026-04-18T09:42:15","guid":{"rendered":"https:\/\/apph.fr\/wordpress\/about\/"},"modified":"2026-04-25T16:39:07","modified_gmt":"2026-04-25T14:39:07","slug":"about","status":"publish","type":"page","link":"https:\/\/apph.fr\/wordpress\/about\/","title":{"rendered":"ACTIVITES"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2429\" class=\"elementor elementor-2429\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8a8e22 e-flex e-con-boxed e-con e-parent\" data-id=\"d8a8e22\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e600a0a e-flex e-con-boxed e-con e-parent\" data-id=\"e600a0a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8eab9f7 elementor-widget elementor-widget-html\" data-id=\"8eab9f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Activit\u00e9s 2026<\/title>\n  <style>\n    :root {\n      --bg: #f4f7fb;\n      --card: #ffffff;\n      --primary: #0f5e8c;\n      --primary-dark: #073b5c;\n      --accent: #f4b942;\n      --text: #1f2937;\n      --muted: #6b7280;\n      --line: #dbe4ef;\n      --sea: #e6f5fb;\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    body {\n      margin: 0;\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      color: var(--text);\n      background:\n        radial-gradient(circle at top left, rgba(15, 94, 140, 0.16), transparent 32rem),\n        linear-gradient(135deg, #f7fbff 0%, var(--bg) 55%, #eef6f9 100%);\n      min-height: 100vh;\n    }\n\n    header {\n      position: relative;\n      overflow: hidden;\n      padding: 4rem 1.5rem 5rem;\n      text-align: center;\n      color: white;\n      background:\n        linear-gradient(135deg, rgba(7, 59, 92, 0.95), rgba(15, 94, 140, 0.9)),\n        url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='1200' height='300' viewBox='0 0 1200 300'%3E%3Cpath fill='%23ffffff' fill-opacity='0.13' d='M0 230c80-35 160-35 240 0s160 35 240 0 160-35 240 0 160 35 240 0 160-35 240 0v70H0z'\/%3E%3Cpath fill='%23ffffff' fill-opacity='0.08' d='M0 260c80-30 160-30 240 0s160 30 240 0 160-30 240 0 160 30 240 0 160-30 240 0v40H0z'\/%3E%3C\/svg%3E\") bottom center \/ cover no-repeat;\n    }\n\n    header::after {\n      content: \"\";\n      position: absolute;\n      inset: auto -5% -4rem -5%;\n      height: 7rem;\n      background: var(--bg);\n      border-radius: 50% 50% 0 0;\n    }\n\n    .hero {\n      position: relative;\n      z-index: 1;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    .eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.5rem;\n      padding: 0.45rem 0.85rem;\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.14);\n      border: 1px solid rgba(255, 255, 255, 0.26);\n      font-weight: 700;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      font-size: 0.78rem;\n    }\n\n    h1 {\n      margin: 1rem 0 0.4rem;\n      font-size: clamp(2.5rem, 8vw, 5.2rem);\n      line-height: 1;\n      letter-spacing: -0.06em;\n    }\n\n    .subtitle {\n      margin: 0 auto;\n      max-width: 640px;\n      font-size: clamp(1rem, 2.5vw, 1.25rem);\n      color: rgba(255, 255, 255, 0.84);\n    }\n\n    main {\n      width: min(1100px, calc(100% - 2rem));\n      margin: -2.5rem auto 4rem;\n      position: relative;\n      z-index: 2;\n    }\n\n    .summary {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 1rem;\n      margin-bottom: 1.4rem;\n    }\n\n    .summary-card {\n      background: rgba(255, 255, 255, 0.84);\n      border: 1px solid rgba(219, 228, 239, 0.85);\n      border-radius: 1.35rem;\n      padding: 1.2rem;\n      box-shadow: 0 18px 35px rgba(7, 59, 92, 0.08);\n      backdrop-filter: blur(10px);\n    }\n\n    .summary-card strong {\n      display: block;\n      color: var(--primary-dark);\n      font-size: 2rem;\n      line-height: 1;\n    }\n\n    .summary-card span {\n      color: var(--muted);\n      font-weight: 600;\n      font-size: 0.95rem;\n    }\n\n    .programme {\n      background: var(--card);\n      border: 1px solid var(--line);\n      border-radius: 1.6rem;\n      overflow: hidden;\n      box-shadow: 0 22px 60px rgba(7, 59, 92, 0.12);\n    }\n\n    .programme-title {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 1rem;\n      padding: 1.4rem 1.5rem;\n      background: linear-gradient(135deg, #ffffff, var(--sea));\n      border-bottom: 1px solid var(--line);\n    }\n\n    .programme-title h2 {\n      margin: 0;\n      color: var(--primary-dark);\n      font-size: clamp(1.35rem, 3vw, 2rem);\n    }\n\n    .badge {\n      white-space: nowrap;\n      padding: 0.5rem 0.8rem;\n      border-radius: 999px;\n      background: var(--accent);\n      color: #3f2c03;\n      font-weight: 800;\n      font-size: 0.9rem;\n    }\n\n    .timeline {\n      padding: 1.5rem;\n      display: grid;\n      gap: 1rem;\n    }\n\n    .event {\n      display: grid;\n      grid-template-columns: 8.5rem 1fr;\n      gap: 1.2rem;\n      align-items: stretch;\n      padding: 1rem;\n      border: 1px solid #e6edf5;\n      border-radius: 1.1rem;\n      background: linear-gradient(180deg, #ffffff, #fbfdff);\n      transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;\n    }\n\n    .event:hover {\n      transform: translateY(-3px);\n      border-color: rgba(15, 94, 140, 0.35);\n      box-shadow: 0 15px 30px rgba(7, 59, 92, 0.1);\n    }\n\n    .date {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      min-height: 5.5rem;\n      border-radius: 0.9rem;\n      background: var(--primary);\n      color: white;\n      text-align: center;\n      padding: 0.75rem;\n    }\n\n    .date .day {\n      font-size: 1.8rem;\n      font-weight: 900;\n      line-height: 1;\n    }\n\n    .date .month {\n      margin-top: 0.25rem;\n      font-weight: 750;\n      text-transform: uppercase;\n      letter-spacing: 0.04em;\n      font-size: 0.82rem;\n    }\n\n    .date.range .day {\n      font-size: 1.15rem;\n      line-height: 1.15;\n    }\n\n    .content {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .content h3 {\n      margin: 0 0 0.35rem;\n      font-size: 1.14rem;\n      color: var(--primary-dark);\n    }\n\n    .content p {\n      margin: 0;\n      color: var(--muted);\n      line-height: 1.5;\n    }\n\n    .tag {\n      display: inline-block;\n      width: fit-content;\n      margin-bottom: 0.35rem;\n      padding: 0.25rem 0.55rem;\n      border-radius: 999px;\n      background: #eef6fb;\n      color: var(--primary-dark);\n      font-size: 0.75rem;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 0.04em;\n    }\n\n    footer {\n      margin-top: 1.3rem;\n      text-align: center;\n      color: var(--muted);\n      font-size: 0.92rem;\n    }\n\n    @media (max-width: 760px) {\n      header {\n        padding-top: 3rem;\n      }\n\n      .summary {\n        grid-template-columns: 1fr;\n      }\n\n      .programme-title {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      .event {\n        grid-template-columns: 1fr;\n      }\n\n      .date {\n        min-height: auto;\n        flex-direction: row;\n        gap: 0.6rem;\n        justify-content: flex-start;\n      }\n\n      .date .month {\n        margin-top: 0;\n      }\n    }\n\n    @media print {\n      body {\n        background: white;\n      }\n\n      header {\n        padding: 2rem 1rem;\n      }\n\n      main {\n        width: 100%;\n        margin: 1rem 0;\n      }\n\n      .summary, footer {\n        display: none;\n      }\n\n      .programme {\n        box-shadow: none;\n        border-radius: 0;\n      }\n\n      .event {\n        break-inside: avoid;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <header>\n    <section class=\"hero\">\n      <div class=\"eyebrow\">\u26f5 Programme annuel<\/div>\n      <h1>Activit\u00e9s 2026<\/h1>\n      <p class=\"subtitle\">Une ann\u00e9e de rencontres, de navigation, de sorties conviviales et de moments partag\u00e9s.<\/p>\n    <\/section>\n  <\/header>\n\n  <main>\n    <section class=\"summary\" aria-label=\"R\u00e9sum\u00e9 du programme\">\n      <div class=\"summary-card\">\n        <strong>16<\/strong>\n        <span>rendez-vous programm\u00e9s<\/span>\n      <\/div>\n      <div class=\"summary-card\">\n        <strong>8<\/strong>\n        <span>mois d\u2019activit\u00e9s<\/span>\n      <\/div>\n      <div class=\"summary-card\">\n        <strong>2027<\/strong>\n        <span>AG suivante en f\u00e9vrier<\/span>\n      <\/div>\n    <\/section>\n\n    <section class=\"programme\">\n      <div class=\"programme-title\">\n        <h2>Calendrier des activit\u00e9s<\/h2>\n        <div class=\"badge\">Saison 2026<\/div>\n      <\/div>\n\n      <div class=\"timeline\">\n        <article class=\"event\">\n          <div class=\"date\"><span class=\"day\">10<\/span><span class=\"month\">Janvier<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">Convivialit\u00e9<\/span>\n            <h3>Galette des rois<\/h3>\n            <p>Premier rendez-vous de l\u2019ann\u00e9e autour de la traditionnelle galette.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date\"><span class=\"day\">15<\/span><span class=\"month\">F\u00e9vrier<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">Association<\/span>\n            <h3>Assembl\u00e9e g\u00e9n\u00e9rale<\/h3>\n            <p>Assembl\u00e9e g\u00e9n\u00e9rale \u00e0 10h00.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date\"><span class=\"day\">18<\/span><span class=\"month\">Avril<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">S\u00e9curit\u00e9<\/span>\n            <h3>S\u00e9curit\u00e9 des avirons<\/h3>\n            <p>Session s\u00e9curit\u00e9 avec 4 bateaux.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date\"><span class=\"day\">25<\/span><span class=\"month\">Avril<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">Entretien<\/span>\n            <h3>Nettoyage de printemps<\/h3>\n            <p>Journ\u00e9e collective pour pr\u00e9parer les espaces et le mat\u00e9riel.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date\"><span class=\"day\">04<\/span><span class=\"month\">Juin<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">Pr\u00e9paration<\/span>\n            <h3>Montage du chapiteau<\/h3>\n            <p>Installation du chapiteau pour les \u00e9v\u00e9nements de la saison.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date\"><span class=\"day\">06<\/span><span class=\"month\">Juin<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">Sortie<\/span>\n            <h3>Sortie p\u00eache<\/h3>\n            <p>Sortie p\u00eache suivie d\u2019une paella en soir\u00e9e.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date range\"><span class=\"day\">13 au 23<\/span><span class=\"month\">Juin<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">Groupe<\/span>\n            <h3>Sortie de groupe terre-mer<\/h3>\n            <p>Sortie de groupe avec 10 bateaux.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date range\"><span class=\"day\">25 au 28<\/span><span class=\"month\">Juin<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">Accueil<\/span>\n            <h3>Accueil Lorient Oc\u00e9an<\/h3>\n            <p>Accueil de Lorient Oc\u00e9an sur plusieurs jours.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date\"><span class=\"day\">14<\/span><span class=\"month\">Juillet<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">Repas<\/span>\n            <h3>Repas avec l\u2019APPL<\/h3>\n            <p>Repas sous chapiteau avec l\u2019APPL.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date\"><span class=\"day\">01<\/span><span class=\"month\">Ao\u00fbt<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">F\u00eate<\/span>\n            <h3>Cochon grill\u00e9<\/h3>\n            <p>Moment festif autour d\u2019un cochon grill\u00e9.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date\"><span class=\"day\">03<\/span><span class=\"month\">Septembre<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">Rangement<\/span>\n            <h3>D\u00e9montage du chapiteau<\/h3>\n            <p>D\u00e9montage et rangement du chapiteau.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date\"><span class=\"day\">05<\/span><span class=\"month\">Septembre<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">Forum<\/span>\n            <h3>Forum des associations<\/h3>\n            <p>Participation au forum des associations.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date range\"><span class=\"day\">11 au 13<\/span><span class=\"month\">Septembre<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">V\u00e9lo<\/span>\n            <h3>Sortie v\u00e9lo<\/h3>\n            <p>Sortie v\u00e9lo sur le halage du canal de Nantes \u00e0 Brest ou du Blavet.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date\"><span class=\"day\">19<\/span><span class=\"month\">Septembre<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">Navigation<\/span>\n            <h3>Navigation dans le golfe du Morbihan<\/h3>\n            <p>Navigation avec d\u00e9jeuner croisi\u00e8re.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date\"><span class=\"day\">03<\/span><span class=\"month\">Octobre<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">Soir\u00e9e<\/span>\n            <h3>Soir\u00e9e dansante<\/h3>\n            <p>Soir\u00e9e festive pour cl\u00f4turer la saison.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"event\">\n          <div class=\"date\"><span class=\"day\">F\u00e9v.<\/span><span class=\"month\">2027<\/span><\/div>\n          <div class=\"content\">\n            <span class=\"tag\">Association<\/span>\n            <h3>Assembl\u00e9e g\u00e9n\u00e9rale 2027<\/h3>\n            <p>Assembl\u00e9e g\u00e9n\u00e9rale pr\u00e9vue en f\u00e9vrier 2027.<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <footer>\n      Programme donn\u00e9 sous r\u00e9serve de modifications.\n    <\/footer>\n  <\/main>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Activit\u00e9s 2026 \u26f5 Programme annuel Activit\u00e9s 2026 Une ann\u00e9e de rencontres, de navigation, de sorties conviviales et de moments partag\u00e9s. 16 rendez-vous programm\u00e9s 8 mois d\u2019activit\u00e9s 2027 AG suivante en f\u00e9vrier Calendrier des activit\u00e9s Saison 2026 10Janvier Convivialit\u00e9 Galette des rois Premier rendez-vous de l\u2019ann\u00e9e autour de la traditionnelle galette. 15F\u00e9vrier Association Assembl\u00e9e g\u00e9n\u00e9rale Assembl\u00e9e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2429","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/apph.fr\/wordpress\/wp-json\/wp\/v2\/pages\/2429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apph.fr\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apph.fr\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apph.fr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apph.fr\/wordpress\/wp-json\/wp\/v2\/comments?post=2429"}],"version-history":[{"count":10,"href":"https:\/\/apph.fr\/wordpress\/wp-json\/wp\/v2\/pages\/2429\/revisions"}],"predecessor-version":[{"id":3139,"href":"https:\/\/apph.fr\/wordpress\/wp-json\/wp\/v2\/pages\/2429\/revisions\/3139"}],"wp:attachment":[{"href":"https:\/\/apph.fr\/wordpress\/wp-json\/wp\/v2\/media?parent=2429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}