1<!DOCTYPE html> 2<!-- Last Published: Mon Oct 06 2025 13:18:59 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.paddlepaddlesurfproject.com" data-wf-page="67d2ac3caca8a18cf8e729fd" data-wf-site="67d2ac3caca8a18cf8e729fc" lang="fr"><head><meta charset="utf-8"/><title>Paddle Paddle Surf Project</title><meta content="Paddle Paddle Surf Project est une association qui promeut un surf inclusif, solidaire et durable, dans le respect de lâhumain et de lâenvironnement." name="description"/><meta content="Paddle Paddle Surf Project" property="og:title"/><meta content="Paddle Paddle Surf Project est une association qui promeut un surf inclusif, solidaire et durable, dans le respect de lâhumain et de lâenvironnement." property="og:description"/><meta content="images/67e7e1bf4e3f231ee5ebef76_1bdd0b025aa0551ec8a4309b23373e7c_Open_Graph_paddle.png" property="og:image"/><meta content="Paddle Paddle Surf Project" property="twitter:title"/><meta content="Paddle Paddle Surf Project est une association qui promeut un surf inclusif, solidaire et durable, dans le respect de lâhumain et de lâenvironnement." property="twitter:description"/><meta content="images/67e7e1bf4e3f231ee5ebef76_1bdd0b025aa0551ec8a4309b23373e7c_Open_Graph_paddle.png" property="twitter:image"/><meta content="website" property="og:type"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="css/paddlepaddlesurfproject-preprod.shared.82c00970f.min.css" rel="stylesheet" type="text/css"/>
2<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
2<link href="images/67d2ad1e305dd7845eb9b6b5_Favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="images/67d2ad22517a5b8e6a4fdf55_WebClip.png" rel="apple-touch-icon"/></head><body><div class="page_wrap"><div class="page_code_wrap"><div class="page_code_base w-embed"><style> 3:root { 4 --site--max-width: min(var(--site--width), 100vw); 5 --container--main: calc(var(--site--max-width) - var(--site--margin) * 2); 6 --container--full: calc(100vw - var(--site--margin) * 2); 7 --container--small: calc(var(--column-width--plus-gutter) * (var(--site--column-count) - 2) - var(--site--gutter)); 8 --site--gutter-total: calc(var(--site--gutter) * (var(--site--column-count) - 1)); 9 --column-width--1: calc((var(--container--main) - var(--site--gutter-total)) / var(--site--column-count)); 10 --column-width--plus-gutter: calc(var(--column-width--1) + var(--site--gutter)); 11 --column-width--2: calc(var(--column-width--plus-gutter) * 2 - var(--site--gutter)); 12 --column-width--3: calc(var(--column-width--plus-gutter) * 3 - var(--site--gutter)); 13 --column-width--4: calc(var(--column-width--plus-gutter) * 4 - var(--site--gutter)); 14 --column-width--5: calc(var(--column-width--plus-gutter) * 5 - var(--site--gutter)); 15 --column-width--6: calc(var(--column-width--plus-gutter) * 6 - var(--site--gutter)); 16 --column-width--7: calc(var(--column-width--plus-gutter) * 7 - var(--site--gutter)); 17 --column-width--8: calc(var(--column-width--plus-gutter) * 8 - var(--site--gutter)); 18 --column-width--9: calc(var(--column-width--plus-gutter) * 9 - var(--site--gutter)); 19 --column-width--10: calc(var(--column-width--plus-gutter) * 10 - var(--site--gutter)); 20 --column-width--11: calc(var(--column-width--plus-gutter) * 11 - var(--site--gutter)); 21 --column-width--12: calc(var(--column-width--plus-gutter) * 12 - var(--site--gutter)); 22 --column-margin--1: calc(var(--column-width--plus-gutter) * 1); 23 --column-margin--2: calc(var(--column-width--plus-gutter) * 2); 24 --column-margin--3: calc(var(--column-width--plus-gutter) * 3); 25 --column-margin--4: calc(var(--column-width--plus-gutter) * 4); 26 --column-margin--5: calc(var(--column-width--plus-gutter) * 5); 27 --column-margin--6: calc(var(--column-width--plus-gutter) * 6); 28 --column-margin--7: calc(var(--column-width--plus-gutter) * 7); 29 --column-margin--8: calc(var(--column-width--plus-gutter) * 8); 30 --column-margin--9: calc(var(--column-width--plus-gutter) * 9); 31 --column-margin--10: calc(var(--column-width--plus-gutter) * 10); 32 --column-margin--11: calc(var(--column-width--plus-gutter) * 11); 33 --column-margin--12: calc(var(--column-width--plus-gutter) * 12); 34 --breakout-start: [full-start] minmax(0, 1fr) [content-start]; 35 --breakout-end: [content-end] minmax(0, 1fr) [full-end]; 36 --grid-breakout-single: var(--breakout-start) minmax(0, var(--container--main)) var(--breakout-end); 37 --grid-breakout: var(--breakout-start) repeat(var(--site--column-count), minmax(0, var(--column-width--1))) var(--breakout-end); 38 --grid-main: repeat(var(--site--column-count), minmax(0, 1fr)); 39 --grid-1: repeat(1, minmax(0, 1fr)); 40 --grid-2: repeat(2, minmax(0, 1fr)); 41 --grid-3: repeat(3, minmax(0, 1fr)); 42 --grid-4: repeat(4, minmax(0, 1fr)); 43 --grid-5: repeat(5, minmax(0, 1fr)); 44 --grid-6: repeat(6, minmax(0, 1fr)); 45 --grid-7: repeat(7, minmax(0, 1fr)); 46 --grid-8: repeat(8, minmax(0, 1fr)); 47 --grid-9: repeat(9, minmax(0, 1fr)); 48 --grid-10: repeat(10, minmax(0, 1fr)); 49 --grid-11: repeat(11, minmax(0, 1fr)); 50 --grid-12: repeat(12, minmax(0, 1fr)); 51 --_typography---text-transform--none: none; 52 --_typography---text-transform--uppercase: uppercase; 53 --_typography---text-transform--captialize: capitalize; 54 --_typography---text-transform--lowercase: lowercase; 55 --align--flex-start: flex-start; 56 --align--flex-center: center; 57 --align--flex-end: flex-end; 58 --align--text-left: left; 59 --align--text-center: center; 60 --align--text-right: right; 61} 62* { 63 vertical-align: bottom; 64} 65::before, ::after { 66 box-sizing: border-box; 67} 68button { 69 background-color: unset; 70 padding: unset; 71 text-align: inherit; 72} 73button:not(:disabled) { 74 cursor: pointer; 75} 76video { 77 width: 100%; 78 object-fit: cover; 79} 80video.wf-empty { 81 padding: 0; 82} 83svg { 84 max-width: 100%; 85} 86section, header, footer { 87 position: relative; 88} 89@media (prefers-color-scheme: light) { 90 option { 91 color: black; 92 } 93} 94img::selection { 95 background: transparent; 96} 97/* Typography */ 98body { 99 text-transform: var(--_text-style---text-transform); 100 font-smoothing: antialiased; 101 -webkit-font-smoothing: antialiased; 102} 103a:not([class]) { 104 text-decoration: underline; 105} 106h1,h2,h3,h4,h5,h6,p,blockquote,label { 107 font-family: inherit; 108 font-size: inherit; 109 font-weight: inherit; 110 line-height: inherit; 111 letter-spacing: inherit; 112 text-transform: inherit; 113 text-wrap: inherit; 114 margin-top: 0; 115 margin-bottom: 0; 116} 117:is(.u-margin-trim, .u-rich-text) > :not(:not(.w-condition-invisible) ~ :not(.w-condition-invisible)) { 118 margin-top: 0; 119} 120:is(.u-margin-trim, .u-rich-text) > :not(:has(~ :not(.w-condition-invisible))) { 121 margin-bottom: 0; 122} 123.w-richtext a { 124 position: relative; 125 z-index: 4; 126} 127:is([class*="u-text-style-"], .u-rich-text :is(h1,h2,h3,h4,h5,h6,p))::before { 128 content: ""; 129 display: table; 130 margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); 131} 132:is([class*="u-text-style-"], .u-rich-text :is(h1,h2,h3,h4,h5,h6,p))::after { 133 content: ""; 134 display: table; 135 margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); 136} 137.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { 138 -webkit-line-clamp: 1; 139 -webkit-box-orient: vertical; 140} 141.u-line-clamp-2 { -webkit-line-clamp: 2; } 142.u-line-clamp-3 { -webkit-line-clamp: 3; } 143.u-line-clamp-4 { -webkit-line-clamp: 4; } 144 145/* Hide */ 146.u-hide-if-empty:empty, 147.u-hide-if-empty:not(:has(> :not(.w-condition-invisible))), 148.u-hide-if-empty-cms:not(:has(.w-dyn-item)), 149.w-richtext[class*="u-text-style-"] > :not(h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,span), 150.u-embed-js, 151.u-embed-css { 152 display: none !important; 153} 154 155/* Focus State */ 156a, button, [tabindex], 157.w-checkbox-input--inputType-custom, 158.w-form-formradioinput--inputType-custom {
159 outline-offset: var(--focus--offset-outer); 160} 161a:focus-visible, 162button:focus-visible, 163[tabindex]:focus-visible, 164.w-checkbox:has(:focus-visible) .w-checkbox-input--inputType-custom, 165.w-radio:has(:focus-visible) .w-form-formradioinput--inputType-custom { 166 outline-color: var(--_theme---text); 167 outline-width: var(--focus--width); 168 outline-style: solid; 169} 170.w-checkbox-input--inputType-custom.w--redirected-focus, 171.w-form-formradioinput--inputType-custom.w--redirected-focus { 172 box-shadow: none; 173} 174 175/* Global / Clickable Component */ 176.wf-design-mode .g_clickable_wrap { 177 z-index: 0; 178} 179.g_clickable_wrap a[href="#"] { 180 display: none; 181} 182.g_clickable_wrap a[href="#"] ~ button { 183 display: block; 184} 185</style></div><div class="page_code_responsive w-embed"><style> 186/* https://fluidbuilder.webflow.io/?design=90&max=90&min=20&f&g=--site--margin,3,1_--size--2rem,2,1.75_--size--2-5rem,2.5,2_--size--3rem,3,2.25_--size--3-5rem,3.5,2.375_--size--4rem,4,2.5_--size--4-5rem,4.5,2.75_--size--5rem,5,3_--size--5-5rem,5.5,3.25_--size--6rem,6,3.5_--size--6-5rem,6.5,3.75_--size--7rem,7,4_--size--7-5rem,7.5,4.25_--size--8rem,8,4.5_--size--8-5rem,8.5,4.75_--size--9rem,9,5_--size--9-5rem,9.5,5.25_--size--10rem,10,5.5_--size--11rem,11,5.75_--size--12rem,12,6_--size--13rem,13,6.5_--size--14rem,14,7_--size--15rem,15,7.5_--size--16rem,16,8_--size--20rem,20,10,t */ 187 188:root { 189 --site--margin: clamp(1rem, 0.428rem + 2.86vw, 3rem); 190 --size--2rem: clamp(1.75rem, 1.678rem + 0.36vw, 2rem); 191 --size--2-5rem: clamp(2rem, 1.858rem + 0.71vw, 2.5rem); 192 --size--3rem: clamp(2.25rem, 2.036rem + 1.07vw, 3rem); 193 --size--3-5rem: clamp(2.375rem, 2.053rem + 1.61vw, 3.5rem); 194 --size--4rem: clamp(2.5rem, 2.072rem + 2.14vw, 4rem); 195 --size--4-5rem: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem); 196 --size--5rem: clamp(3rem, 2.428rem + 2.86vw, 5rem); 197 --size--5-5rem: clamp(3.25rem, 2.608rem + 3.21vw, 5.5rem); 198 --size--6rem: clamp(3.5rem, 2.786rem + 3.57vw, 6rem); 199 --size--6-5rem: clamp(3.75rem, 2.964rem + 3.93vw, 6.5rem); 200 --size--7rem: clamp(4rem, 3.142rem + 4.29vw, 7rem); 201 --size--7-5rem: clamp(4.25rem, 3.322rem + 4.64vw, 7.5rem); 202 --size--8rem: clamp(4.5rem, 3.5rem + 5vw, 8rem); 203 --size--8-5rem: clamp(4.75rem, 3.678rem + 5.36vw, 8.5rem); 204 --size--9rem: clamp(5rem, 3.858rem + 5.71vw, 9rem); 205 --size--9-5rem: clamp(5.25rem, 4.036rem + 6.07vw, 9.5rem); 206 --size--10rem: clamp(5.5rem, 4.214rem + 6.43vw, 10rem); 207 --size--11rem: clamp(5.75rem, 4.25rem + 7.5vw, 11rem); 208 --size--12rem: clamp(6rem, 4.286rem + 8.57vw, 12rem); 209 --size--13rem: clamp(6.5rem, 4.642rem + 9.29vw, 13rem); 210 --size--14rem: clamp(7rem, 5rem + 10vw, 14rem); 211 --size--15rem: clamp(7.5rem, 5.358rem + 10.71vw, 15rem); 212 --size--16rem: clamp(8rem, 5.714rem + 11.43vw, 16rem); 213 --size--20rem: clamp(10rem, 7.142rem + 14.29vw, 20rem); 214} 215</style></div><div class="page_code_custom w-embed"><style> 216/* Placeholder */ 217.vimeo-bg[data-vimeo-activated="true"][data-vimeo-loaded="true"] .vimeo-bg__placeholder { 218 opacity: 0; 219 transition-delay: 0.2s; 220} 221 222/* Play/Pause */ 223.vimeo-bg .vimeo-bg__pause { 224 display: none; 225} 226 227.vimeo-bg[data-vimeo-playing="true"] .vimeo-bg__pause { 228 display: flex; 229} 230 231.vimeo-bg[data-vimeo-playing="true"] .vimeo-bg__pause, 232.vimeo-bg[data-vimeo-playing="false"] .vimeo-bg__play { 233 opacity: 1; 234} 235 236.vimeo-bg[data-vimeo-playing="true"] .vimeo-bg__play, 237.vimeo-bg[data-vimeo-playing="false"] .vimeo-bg__pause { 238 opacity: 0; 239} 240 241.underline-link::before, 242.underline-link.is--alt::before, 243.underline-link.is--alt::after{ 244 content: ""; 245 position: absolute; 246 bottom: 0em; 247 left: 0; 248 width: 100%; 249 height: 0.0625em; 250 background-color: var(--_theme---text); 251 transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1); 252 transform-origin: right; 253 transform: scaleX(0) rotate(0.001deg); 254} 255 256.underline-link:hover::before { 257 transform-origin: left; 258 transform: scaleX(1) rotate(0.001deg); 259} 260 261/* Alt */ 262.underline-link.is--alt::before { 263 transform-origin: left; 264 transform: scaleX(1) rotate(0.001deg); 265 transition-delay: 0.3s; 266} 267 268.underline-link.is--alt:hover::before { 269 transform-origin: right; 270 transform: scaleX(0) rotate(0.001deg); 271 transition-delay: 0s; 272} 273 274.underline-link.is--alt::after { 275 transform-origin: right; 276 transform: scaleX(0) rotate(0.001deg); 277 transition-delay: 0s; 278} 279 280.underline-link.is--alt:hover::after { 281 transform-origin: left; 282 transform: scaleX(1) rotate(0.001deg); 283 transition-delay: 0.3s; 284} 285 286</style></div></div><div class="styleguide_guide_wrap"><div class="w-embed"><style> 287html:not(.wf-design-mode) .styleguide_guide_wrap {
288 display: none; 289} 290.styleguide_guide_layout { 291 counter-reset: gridguides; 292} 293.styleguide_guide_layout > div::before { 294 counter-increment: gridguides; 295 content: counter(gridguides); 296} 297</style></div><div class="styleguide_guide_contain u-container" data-padding-bottom="none" data-padding-top="none"><div class="styleguide_guide_layout u-grid-custom"><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div></div></div></div><header class="navbar_wrap u-width-full"><div class="nav_logo_contain u-container u-theme-dark"><div class="nav_logo_layout u-grid-custom"><div class="nav_logo_wrapper"><a aria-current="page" class="nav_logo w-inline-block w--current" href="/"><img alt="Logo Paddle Paddle Surf Project" class="nav_logo_img" loading="lazy" src="images/67d2ca9d03f21182fc384487_Logo_black.svg" width="47"/></a></div><p class="nav_baseline u-text-style-h4">Organisation à but non lucratif engagée pour lâavenir du surf.</p><p class="nav_desc">Agissons ensemble pour un surf durable et accessible au plus grand nombre. Imaginez et créez, avec nous, l'avenir du surf.</p></div></div><div class="nav_menu_wrapper u-theme-dark"><div class="nav_menu_contain u-height-full"><div class="nav_menu_layout u-height-full u-grid-column-3"><div class="nav_menu_col u-vflex-left-top"><div class="menu_col_item u-vflex-left-top u-gap-6"><div class="menu_category u-text-style-h3">Qui sommes nous</div><a aria-current="page" class="menu_link u-text-style-h4 w--current" href="/">Home</a><a class="menu_link u-text-style-h4" href="/association">Association</a><a class="menu_link u-text-style-h4" data-w-id="5ec3d0b0-81a4-93d9-44c2-62b15c928d33" href="/missions">Missions</a></div><div class="menu_col_item u-vflex-left-top u-gap-6"><div class="menu_category u-text-style-h3">Ce que l'on fait</div><a class="menu_link u-text-style-h4" href="/projets">Nos projets</a></div><div class="menu_col_item u-vflex-left-top u-gap-6"><div class="menu_category u-text-style-h3">Nous aider</div><a class="menu_link u-text-style-h4" href="/partenariats">Devenir partenaire</a><a class="menu_link u-text-style-h4" href="/donation">Faire un don</a><a class="menu_link u-text-style-h4" href="/contact">Nous contacter</a></div></div><div class="nav_menu_col u-vflex-center-center"><div class="intro_video_wrapper u-visual-wrap u-vflex-center-center is-nav"><div class="g_visual_wrap u-cover-absolute u-radius-none"><div class="g_visual_img u-cover-absolute w-background-video w-background-video-atom" data-autoplay="true" data-loop="true" data-poster-url="images/67d2ac3caca8a18cf8e729fc_67d3e12fc960f51f2c8129f1_Paddle_Paddle_Intro_vf-poster-00001.jpg" data-video-urls="videos/67d2ac3caca8a18cf8e729fc_67d3e12fc960f51f2c8129f1_Paddle_Paddle_Intro_vf-transcode.mp4,videos/67d2ac3caca8a18cf8e729fc_67d3e12fc960f51f2c8129f1_Paddle_Paddle_Intro_vf-transcode.webm" data-wf-ignore="true">
297<video autoplay="" data-object-fit="cover" data-wf-ignore="true" id="fca50fdf-4e59-63b0-7e28-f3ebac28d143-video" loop="" muted="" playsinline="" style='background-image:url("images/67d2ac3caca8a18cf8e729fc_67d3e12fc960f51f2c8129f1_Paddle_Paddle_Intro_vf-poster-00001.jpg")'><source data-wf-ignore="true" src="videos/67d2ac3caca8a18cf8e729fc_67d3e12fc960f51f2c8129f1_Paddle_Paddle_Intro_vf-transcode.mp4"/><source data-wf-ignore="true" src="videos/67d2ac3caca8a18cf8e729fc_67d3e12fc960f51f2c8129f1_Paddle_Paddle_Intro_vf-transcode.webm"/></video></div></div></div></div><div class="nav_menu_col u-vflex-center-top u-gap-8"><a aria-current="page" class="nav_logo is-menu w-inline-block w--current" href="/"><img alt="Logo Paddle Paddle Surf Project" class="nav_logo_img" loading="lazy" src="images/67d2ca9d03f21182fc384487_Logo_black.svg" width="47"/></a><div class="menu_socials_wrapper u-vflex-center-center u-gap-3"><a class="menu_link u-text-style-h4 is-social" href="https://www.instagram.com/paddlepaddlesurfproject/" target="_blank">Instagram</a><a class="menu_link u-text-style-h4 is-social" href="https://www.linkedin.com/company/paddlepaddlesurfproject/" target="_blank">Linkedin</a><a class="menu_link u-text-style-h4 is-social" href="https://www.facebook.com/paddlepaddlesurfproject/" target="_blank">Facebook</a></div></div></div></div></div></header><div class="menu_wrap u-theme-light u-radius-small" data-hover="" data-menu-button="burger" role="button"><div class="menu_layout u-hflex-center-center u-gap-4"><div class="menu_burger u-vflex-center-center"><div class="menu-button"><div class="menu-button-line"></div><div class="menu-button-line"></div><div class="menu-button-line"></div></div></div><div class="menu_label u-mt-1"><div class="menu_text u-text-style-h4">Menu</div></div></div></div><a aria-label="Lien vers la page donation" class="donate_wrap u-theme-dark u-flex-noshrink u-hflex-center-center w-inline-block" data-w-id="d17cb530-1bfa-3538-9efa-b61770ca013f" href="/donation"><div class="donate_label u-text-align-center u-text-style-h4">Donate</div></a><main class="page_main" id="main"><section class="hero_wrap u-theme-dark"><div class="hero_contain"><div class="hero_layout u-vflex-center-center"><div class="hero_visual_wrapper u-visual-wrap u-vflex-center-center"><div class="hero_title_wrapper u-mb-7 u-display-inline-block"><h1 class="hero_title u-text-style-h1 u-text-align-center"><span class="hero-display" data-w-id="6c8dec5e-3846-30a1-0ef3-8ae4576bc5ca">Le surf </span><br/><span class="hero-sub" data-w-id="024f66cc-cc0b-f2c4-46ce-8d158eb42165">solidaire</span></h1></div><div class="hero_desc_wrapper u-text-style-large u-text-align-center"><p class="hero_desc" data-w-id="cbe88d8e-3513-ed97-e024-615159ad97db">Agissons ensemble pour un surf durable et accessible au plus grand nombre. Imaginez et créez, avec nous, l'avenir du surf.</p></div></div></div></div><div class="vimeo-bg" data-vimeo-activated="false" data-vimeo-autoplay="true" data-vimeo-bg-init="" data-vimeo-loaded="false" data-vimeo-paused-by-user="false" data-vimeo-playing="false" data-vimeo-update-size="true" data-vimeo-video-id="1069837380"><div class="vimeo-bg__iframe-wrapper"><div class="vimeo-bg__before"></div><iframe allow="autoplay; encrypted-media" allowfullscreen="true" class="vimeo-bg__iframe" frameborder="0" height="360" src="" width="640"></iframe></div><img alt="" class="vimeo-bg__placeholder" loading="eager" sizes="(max-width: 991px) 100vw, 960px" src="images/67e4ddf45d9b32af563db4ea_paddle_hero_placeholder-min.avif" srcset="images/67e4ddf45d9b32af563db4ea_paddle_hero_placeholder-min-p-500.avif 500w, images/67e4ddf45d9b32af563db4ea_paddle_hero_placeholder-min-p-800.avif 800w, images/67e4ddf45d9b32af563db4ea_paddle_hero_placeholder-min.avif 1497w" width="960"/><div class="vimeo-bg__play" data-vimeo-control="play"><div class="vimeo-bg__btn"><svg class="vimeo-bg__btn-play-svg" fill="none" viewbox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.38178 6.13982C6.40762 5.94017 6.48425 5.74878 6.60555 5.58089C6.72686 5.413 6.88949 5.27326 7.08049 5.17279C7.2715 5.07232 7.48559 5.01391 7.70574 5.00219C7.92587 4.99048 8.14597 5.02579 8.3485 5.10532C9.37235 5.50436 11.6669 6.45272 14.5784 7.98469C17.4908 9.51754 19.5395 10.8562 20.4294 11.4635C21.1891 11.9829 21.191 13.013 20.4304 13.5342C19.5491 14.1381 17.5256 15.4591 14.5784 17.0113C11.6283 18.5635 9.36078 19.5005 8.34657 19.8942C7.47311 20.2343 6.49554 19.7183 6.38178 18.8597C6.24873 17.856 6 15.5769 6 12.4989C6 9.42262 6.24777 7.14443 6.38178 6.13982Z" fill="currentColor" fill-rule="evenodd"></path></svg></div></div>
297<div class="vimeo-bg__pause" data-vimeo-control="pause"><div class="vimeo-bg__btn"><svg class="vimeo-bg__btn-pause-svg" fill="none" viewbox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M8 6.5C8 6.22386 8.22386 6 8.5 6H10.5C10.7761 6 11 6.22386 11 6.5V17.5C11 17.7761 10.7761 18 10.5 18H8.5C8.22386 18 8 17.7761 8 17.5V6.5Z" fill="currentColor"></path><path d="M14 6.5C14 6.22386 14.2239 6 14.5 6H16.5C16.7761 6 17 6.22386 17 6.5V17.5C17 17.7761 16.7761 18 16.5 18H14.5C14.2239 18 14 17.7761 14 17.5V6.5Z" fill="currentColor"></path></svg></div></div></div></section><section class="intro_wrap"><div class="g_section-space w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3" data-wf--global-section-space--section-space="large"></div><div class="intro_contain u-container"><div class="intro_layout u-vflex-center-center"><div class="intro_video_wrapper u-visual-wrap u-vflex-center-center"><div class="g_visual_wrap u-cover-absolute u-radius-none"><div class="g_visual_img u-cover-absolute w-background-video w-background-video-atom" data-autoplay="true" data-loop="true" data-poster-url="images/67d2ac3caca8a18cf8e729fc_67d3e12fc960f51f2c8129f1_Paddle_Paddle_Intro_vf-poster-00001.jpg" data-video-urls="videos/67d2ac3caca8a18cf8e729fc_67d3e12fc960f51f2c8129f1_Paddle_Paddle_Intro_vf-transcode.mp4,videos/67d2ac3caca8a18cf8e729fc_67d3e12fc960f51f2c8129f1_Paddle_Paddle_Intro_vf-transcode.webm" data-wf-ignore="true"><video autoplay="" data-object-fit="cover" data-wf-ignore="true" id="cbb1a830-d640-d943-8602-ee0d537f7020-video" loop="" muted="" playsinline="" style='background-image:url("images/67d2ac3caca8a18cf8e729fc_67d3e12fc960f51f2c8129f1_Paddle_Paddle_Intro_vf-poster-00001.jpg")'><source data-wf-ignore="true" src="videos/67d2ac3caca8a18cf8e729fc_67d3e12fc960f51f2c8129f1_Paddle_Paddle_Intro_vf-transcode.mp4"/><source data-wf-ignore="true" src="videos/67d2ac3caca8a18cf8e729fc_67d3e12fc960f51f2c8129f1_Paddle_Paddle_Intro_vf-transcode.webm"/></video></div></div><div class="intro_title_wrapper"><h2 class="intro_title u-text-style-h2 u-text-align-center">Le surf de demain s'invente aujourd'hui</h2></div></div></div></div><div class="g_section-space w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3" data-wf--global-section-space--section-space="large"></div></section><section class="last_projects_wrap"><div class="g_section-space" data-wf--global-section-space--section-space="none"></div><div class="last_projects_contain"><div class="last_projects_layout"><div class="last_projects_cms_wrap w-dyn-list"><div class="last_projects_cms_list w-dyn-items" role="list"><div class="last_projects_cms_item w-dyn-item" role="listitem"><div class="last_projects_wrapper u-visual-wrap u-vflex-left-top u-theme-dark"><div class="g_visual_wrap u-cover-absolute"><div class="g_visual_background u-cover-absolute"></div><img alt="" class="g_visual_img u-cover-absolute" loading="lazy" sizes="100vw" src="images/67d3ca570cae67900818ffb5_ghana-1.avif" srcset="images/67d3ca570cae67900818ffb5_ghana-1-p-500.avif 500w, images/67d3ca570cae67900818ffb5_ghana-1-p-800.avif 800w, images/67d3ca570cae67900818ffb5_ghana-1-p-1080.avif 1080w, images/67d3ca570cae67900818ffb5_ghana-1.avif 1830w"/><div class="g_visual_overlay u-cover-absolute" style="opacity: 40%;"></div></div><div class="last_projects_heading u-position-relative"><div class="last_project_title u-text-style-display u-mb-8">GHANA</div><p class="last_projects_summary u-mb-6">Co-création dâun club pour futurs athlètes de haut niveau afin de placer le Ghana sur la carte mondiale du surf.</p><a class="last_projects_link u-text-style-h5 u-text-underline u-display-inline-block underline-link" href="/projects/ghana">â Voir le projet</a></div></div></div><div class="last_projects_cms_item w-dyn-item" role="listitem"><div class="last_projects_wrapper u-visual-wrap u-vflex-left-top u-theme-dark"><div class="g_visual_wrap u-cover-absolute"><div class="g_visual_background u-cover-absolute"></div><img alt="" class="g_visual_img u-cover-absolute" loading="lazy" sizes="100vw" src="images/67dad16441adbc5fe2c598d1_Image_principale_-_projet_surf_Colombie_@lara.waves-min.avif" srcset="images/67dad16441adbc5fe2c598d1_Image_principale_-_projet_surf_Colombie_@lara.waves-min-p-500.avif 500w, images/67dad16441adbc5fe2c598d1_Image_principale_-_projet_surf_Colombie_@lara.waves-min-p-800.avif 800w, images/67dad16441adbc5fe2c598d1_Image_principale_-_projet_surf_Colombie_@lara.waves-min-p-1080.avif 1080w, images/67dad16441adbc5fe2c598d1_Image_principale_-_projet_surf_Colombie_@lara.waves-min.avif 1920w"/>
297<div class="g_visual_overlay u-cover-absolute" style="opacity: 40%;"></div></div><div class="last_projects_heading u-position-relative"><div class="last_project_title u-text-style-display u-mb-8">COLOMBIE</div><p class="last_projects_summary u-mb-6">Fédérer les clubs de surf colombiens autour dâun projet de développement commun. Fournir du matériel aux communautés isolées et offrir de nouvelles perspectives à la jeunesse.</p><a class="last_projects_link u-text-style-h5 u-text-underline u-display-inline-block underline-link" href="/projects/colombie">â Voir le projet</a></div></div></div><div class="last_projects_cms_item w-dyn-item" role="listitem"><div class="last_projects_wrapper u-visual-wrap u-vflex-left-top u-theme-dark"><div class="g_visual_wrap u-cover-absolute"><div class="g_visual_background u-cover-absolute"></div><img alt="" class="g_visual_img u-cover-absolute" loading="lazy" sizes="100vw" src="images/67d3cd5299dc0665c1904b1c_maroc-1-min.avif" srcset="images/67d3cd5299dc0665c1904b1c_maroc-1-min-p-500.avif 500w, images/67d3cd5299dc0665c1904b1c_maroc-1-min-p-800.avif 800w, images/67d3cd5299dc0665c1904b1c_maroc-1-min-p-1080.avif 1080w, images/67d3cd5299dc0665c1904b1c_maroc-1-min.avif 1924w"/><div class="g_visual_overlay u-cover-absolute" style="opacity: 40%;"></div></div><div class="last_projects_heading u-position-relative"><div class="last_project_title u-text-style-display u-mb-8">MAROC</div><p class="last_projects_summary u-mb-6">Redonner vie à un club de surf mythique qui propose gratuitement des cours de surf en échange de quelques minutes de beach-cleaning.</p><a class="last_projects_link u-text-style-h5 u-text-underline u-display-inline-block underline-link" href="/projects/maroc">â Voir le projet</a></div></div></div></div></div><a class="projects_all_link u-text-style-h5 u-text-underline u-mt-8 u-display-inline-block underline-link" href="/projets">â Voir tous les projets</a></div></div><div class="g_section-space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490" data-wf--global-section-space--section-space="main"></div></section><section class="missions_wrap"><div class="g_section-space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490" data-wf--global-section-space--section-space="main"></div><div class="missions_contain u-container"><div class="missions_layout u-vflex-left-top"><div class="heading_main u-grid-custom u-width-full"><h2 class="heading_title u-text-style-h2 u-text-wrap-wrap">Nos missions</h2><p class="heading_desc u-text-style-h3 u-text-align-right u-text-wrap-wrap">Avancer ensemble vers un surf plus accessible, plus inclusif et plus durable. Collecter, réparer, recycler du matériel de glisse.<br/>Former aux métiers du surf.</p></div><div class="mission_item_wrap u-width-full u-grid-custom"><div class="mission_visual u-visual-wrap u-radius-none"><div class="g_visual_wrap u-cover-absolute"><div class="g_visual_background u-cover-absolute"></div><img alt="3 surfers carrying softboards" class="g_visual_img u-cover-absolute" loading="lazy" sizes="100vw" src="images/67e7bd1da2990ddc3050cee6_5717F1A4-3D5D-4114-928E-A59D12617373.avif" srcset="images/67e7bd1da2990ddc3050cee6_5717F1A4-3D5D-4114-928E-A59D12617373-p-500.avif 500w, images/67e7bd1da2990ddc3050cee6_5717F1A4-3D5D-4114-928E-A59D12617373-p-800.avif 800w, images/67e7bd1da2990ddc3050cee6_5717F1A4-3D5D-4114-928E-A59D12617373-p-1080.avif 1080w, images/67e7bd1da2990ddc3050cee6_5717F1A4-3D5D-4114-928E-A59D12617373.avif 1440w"/></div></div><div class="missions_subheading_wrapper u-vflex-left-top u-gap-6" id="w-node-a8b7acd9-fc9d-8e
2976a-c5b9-10f916c585be-0765f843"><div class="mission_subheading u-vflex-left-top u-gap-6"><h3 class="mission_item_title u-text-style-h4 u-text-wrap-wrap">Encourager lâinclusion et lâinsertion professionnelle via le surf</h3><p class="mission_item_desc">Nous menons des initiatives en faveur de lâégalité des chances, simplifions lâaccès à la pratique du surf et à ses équipements. Nous favorisons l'accès à l'éducation pour les jeunes via la pratique de ce sport et proposons des programmes formations.</p></div><div class="mission_subheading u-vflex-left-top u-gap-6 is-mission-2" id="w-node-d52b3cd9-26cd-9791-aaf8-3349dd5ac8d6-0765f843"><h3 class="mission_item_title u-text-style-h4 u-text-wrap-wrap">Des solutions concrètes pour le recyclage du matériel</h3><p class="mission_item_desc">Nous redonnons vie ou recyclons via des circuits adaptés le matériel de surf. Nous valorisons les alternatives écologiques que proposent les acteurs du surf en France et à lâinternational. Nous organisons des actions de sensibilisation auprès du grand public.</p><div class="section_link_wrap u-mt-8"><a class="section_link u-text-style-h5 u-text-underline u-display-inline-block underline-link" href="/missions">â En savoir plus sur nos missions</a></div></div></div></div></div></div><div class="g_section-space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490" data-wf--global-section-space--section-space="main"></div></section><section class="manifeste_wrap"><div class="g_section-space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490" data-wf--global-section-space--section-space="main"></div><div class="manifeste_contain u-container"><div class="manifeste_layout u-grid-custom"><p class="manifeste_paragraph u-text-style-h3 u-text-wrap-wrap">Depuis 2018 notre association offre son soutien aux communautés surf du monde entier pour chacun puisse profiter des nombreux bénéfices de ce sport : <br/><br/>bien-être physique et mental, projection vers l'avenir, émancipation via une communauté bienveillante et soudée.</p><div class="manifeste_visual_wrapper u-visual-wrap"><div class="g_visual_wrap u-cover-absolute"><div class="g_visual_background u-cover-absolute"></div><img alt="Paddle Paddle Surf Project" class="g_visual_img u-cover-absolute" loading="lazy" sizes="100vw" src="images/67fe270c6ab098346f4323f9_Paddle_img_asso-min.avif" srcset="images/67fe270c6ab098346f4323f9_Paddle_img_asso-min-p-500.avif 500w, images/67fe270c6ab098346f4323f9_Paddle_img_asso-min-p-800.avif 800w, images/67fe270c6ab098346f4323f9_Paddle_img_asso-min-p-1080.avif 1080w, images/67fe270c6ab098346f4323f9_Paddle_img_asso-min-p-1600.avif 1600w, images/67fe270c6ab098346f4323f9_Paddle_img_asso-min.avif 1748w"/></div></div><div class="section_link_wrap u-mt-8"><a class="section_link u-text-style-h5 u-text-underline u-display-inline-block underline-link" href="/association">â Découvrir l'association</a></div></div></div><div class="g_section-space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490" data-wf--global-section-space--section-space="main"></div></section><section class="partners_wrap"><div class="g_section-space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490" data-wf--global-section-space--section-space="main"></div><div class="partners_contain u-container"><div class="partners_layout u-vflex-left-top"><div class="heading_main u-grid-custom u-width-full"><h2 class="heading_title u-text-style-h2 u-text-wrap-wrap">Partenaires</h2><p class="heading_desc u-text-style-h3 u-text-align-right u-text-wrap-wrap">Nous sommes engagés à leurs côtés.</p></div><div class="partners_cms_wrap u-width-full w-dyn-list"><div class="partners_cms_list u-grid-column-4 u-gap-row-8 w-dyn-items" role="list"><div class="partners_cms_item w-dyn-item" role="listitem"><div class="partner_visual u-height-full u-vflex-center-center"><img alt="" class="partner_img" loading="lazy" src="images/logo-little-festival.png"/></div></div><div class="partners_cms_item w-dyn-item" role="listitem"><div class="partner_visual u-height-full u-vflex-center-center"><img alt="" class="partner_img" loading="lazy" src="images/logo-dflg.png"/></div></div><div class="partners_cms_item w-dyn-item" role="listitem"><div class="partner_visual u-height-full u-vflex-center-center"><img alt="" class="partner_img" loading="lazy" sizes="100vw" src="images/67e2641379a7047719e487a1_Logo_Captain_Fin.avif" srcset="images/67e2641379a7047719e487a1_Logo_Captain_Fin-p-500.avif 500w, images/67e2641379a7047719e487a1_Logo_Captain_Fin.avif 3251w"/></div></div><div class="partners_cms_item w-dyn-item" role="listitem"><div class="partner_visual u-height-full u-vflex-center-center"><img alt="" class="partner_img" loading="lazy" src="images/67e4da285cc20aed350f2a84_Logo_Jo_Joe_1.avif"/></div></div><div class="partners_cms_item w-dyn-item" role="listitem"><div class="partner_visual u-height-full u-vflex-center-center"><img alt="" class="partner_img" loading="lazy" src="images/67e264866a9f8d796d011d30_MANERA-LOGO-2022-black_(1).avif"/></div></div><div class="partners_cms_item w-dyn-item" role="listitem"><div class="partner_visual u-height-full u-vflex-center-center"><img alt="" class="partner_img" loading="lazy" src="images/67e264b0739a93d9603248b2_Logo_Nixon.avif"/></div></div><div class="partners_cms_item w-dyn-item" role="listitem"><div class="partner_visual u-height-full u-vflex-center-center"><img alt="" class="partner_img" loading="lazy" src="images/67e264dc2319766b465e3fe3_REBEL_SURF_LOGO.avif"/></div></div><div class="partners_cms_item w-dyn-item" role="listitem"><div class="partner_visual u-height-full u-vflex-center-center"><img alt="" class="partner_img" loading="lazy" src="images/67e2652673b62a64c147113b_Logo_Rip_Curl_1.avif"/></div></div><div class="partners_cms_item w-dyn-item" role="listitem"><div class="partner_visual u-height-full u-vflex-center-center"><img alt="" class="partner_img" loading="lazy" src="images/67e4d9b32def857a7b8c7202_Logo_Sim_Wax.avif"/></div></div><div class="partners_cms_item w-dyn-item" role="listitem"><div class="partner_visual u-height-full u-vflex-center-center"><img alt="" class="partner_img" loading="lazy" src="images/686cd13c9677c3ac45f2afe8_lemarquier-white_1.svg"/></div></div></div></div></div></div><div class="g_section-space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490" data-wf--global-section-space--section-space="main"></div></section><section class="cta_wrap"><div class="g_section-space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490" data-wf--global-section-space--section-space="main"></div><div class="cta_contain"><div class="cta_layout u-hflex-between-center u-gap-4"><div class="cta_visual_wrapper u-width-full u-radius-none u-visual-wrap u-theme-dark u-vflex-left-center is-cta">
297<div class="g_visual_wrap u-cover-absolute"><div class="g_visual_background u-cover-absolute"></div><img alt="" class="g_visual_img u-cover-absolute" loading="lazy" sizes="100vw" src="images/67d3fec2fcfbfe4fbe096faf_cta-min.avif" srcset="images/67d3fec2fcfbfe4fbe096faf_cta-min-p-500.avif 500w, images/67d3fec2fcfbfe4fbe096faf_cta-min-p-800.avif 800w, images/67d3fec2fcfbfe4fbe096faf_cta-min-p-1080.avif 1080w, images/67d3fec2fcfbfe4fbe096faf_cta-min-p-1600.avif 1600w, images/67d3fec2fcfbfe4fbe096faf_cta-min.avif 1920w"/><div class="g_visual_overlay u-cover-absolute" style="opacity: 40%;"></div></div><p class="cta_visual_text u-text-style-h3 u-position-relative u-text-wrap-wrap">8 projets réalisés depuis 2018</p><div class="section_link_wrap u-mt-8 u-position-relative"><a class="section_link u-text-style-h5 u-text-underline u-display-inline-block underline-link" href="/partenariats">â Devenir partenaire</a></div></div></div></div><div class="g_section-space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490" data-wf--global-section-space--section-space="main"></div></section></main><footer class="footer_wrap"><div class="g_section-space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490" data-wf--global-section-space--section-space="main"></div><div class="footer_contain u-container-full"><div class="footer_layout u-visual-wrap u-theme-dark u-radius-none u-vflex-center-between"><div class="g_visual_wrap u-cover-absolute"><div class="g_visual_background u-cover-absolute"></div><img alt="" class="g_visual_img u-cover-absolute" loading="lazy" sizes="100vw" src="images/67d410307aff956365c9f984_footer-min.avif" srcset="images/67d410307aff956365c9f984_footer-min-p-500.avif 500w, images/67d410307aff956365c9f984_footer-min-p-800.avif 800w, images/67d410307aff956365c9f984_footer-min-p-1080.avif 1080w, images/67d410307aff956365c9f984_footer-min-p-1600.avif 1600w, images/67d410307aff956365c9f984_footer-min.avif 1920w"/><div class="g_visual_overlay u-cover-absolute" style="opacity: 40%;"></div></div><div class="footer_heading u-width-full u-position-relative u-vflex-center-center u-gap-8"><img alt="" class="footer_logo u-align-self-center" loading="lazy" src="images/67d2ca9d03f21182fc384487_Logo_black.svg"/><div class="footer_label_wrapper"><p class="footer_label u-text-style-h1 u-display-inline-block u-text-align-center"><span class="footer-display">Le surf</span><br/><span class="footer-sub">solidaire</span></p></div></div><div class="footer_bottom u-width-full u-hflex-between-center u-position-relative"><div class="footer_bottom_left u-hflex-left-center u-gap-8"><a class="footer_legal_link u-text-underline" href="/mentions-legales">Mentions légales</a><p>©2025. Tous droits réservés.</p><a aria-label="Lien vers Instagram Paddle Paddle Surf Project" class="footer_social_link u-hflex-left-center u-gap-2 w-inline-block" href="https://www.instagram.com/paddlepaddlesurfproject/" target="_blank"><svg class="footer_instagram" fill="none" viewbox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 3.24268H8C5.23858 3.24268 3 5.48126 3 8.24268V16.2427C3 19.0041 5.23858 21.2427 8 21.2427H16C18.7614 21.2427 21 19.0041 21 16.2427V8.24268C21 5.48126 18.7614 3.24268 16 3.24268ZM19.25 16.2427C19.2445 18.0353 17.7926 19.4872 16 19.4927H8C6.20735 19.4872 4.75549 18.0353 4.75 16.2427V8.24268C4.75549 6.45003 6.20735 4.99817 8 4.99268H16C17.7926 4.99817 19.2445 6.45003 19.25 8.24268V16.2427ZM16.75 8.49268C17.3023 8.49268 17.75 8.04496 17.75 7.49268C17.75 6.9404 17.3023 6.49268 16.75 6.49268C16.1977 6.49268 15.75 6.9404 15.75 7.49268C15.75 8.04496 16.1977 8.49268 16.75 8.49268ZM12 7.74268C9.51472 7.74268 7.5 9.7574 7.5 12.2427C7.5 14.728 9.51472 16.7427 12 16.7427C14.4853 16.7427 16.5 14.728 16.5 12.2427C16.5027 11.0484 16.0294 9.90225 15.1849 9.05776C14.3404 8.21327 13.1943 7.74002 12 7.74268ZM9.25 12.2427C9.25 13.7615 10.4812 14.9927 12 14.9927C13.5188 14.9927 14.75 13.7615 14.75 12.2427C14.75 10.7239 13.5188 9.49268 12 9.49268C10.4812 9.49268 9.25 10.7239 9.25 12.2427Z" fill="#F9F9F9" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M16 3.24268H8C5.23858 3.24268 3 5.48126 3 8.24268V16.2427C3 19.0041 5.23858 21.2427 8 21.2427H16C18.7614 21.2427 21 19.0041 21 16.2427V8.24268C21 5.48126 18.7614 3.24268 16 3.24268ZM19.25 16.2427C19.2445 18.0353 17.7926 19.4872 16 19.4927H8C6.20735 19.4872 4.75549 18.0353 4.7
2975 16.2427V8.24268C4.75549 6.45003 6.20735 4.99817 8 4.99268H16C17.7926 4.99817 19.2445 6.45003 19.25 8.24268V16.2427ZM16.75 8.49268C17.3023 8.49268 17.75 8.04496 17.75 7.49268C17.75 6.9404 17.3023 6.49268 16.75 6.49268C16.1977 6.49268 15.75 6.9404 15.75 7.49268C15.75 8.04496 16.1977 8.49268 16.75 8.49268ZM12 7.74268C9.51472 7.74268 7.5 9.7574 7.5 12.2427C7.5 14.728 9.51472 16.7427 12 16.7427C14.4853 16.7427 16.5 14.728 16.5 12.2427C16.5027 11.0484 16.0294 9.90225 15.1849 9.05776C14.3404 8.21327 13.1943 7.74002 12 7.74268ZM9.25 12.2427C9.25 13.7615 10.4812 14.9927 12 14.9927C13.5188 14.9927 14.75 13.7615 14.75 12.2427C14.75 10.7239 13.5188 9.49268 12 9.49268C10.4812 9.49268 9.25 10.7239 9.25 12.2427Z" fill="#F9F9F9" fill-rule="evenodd"></path></svg><div class="footer_social_label u-mt-1">Suivez-nous !</div></a></div><div>Design by <a href="https://quentinguerandel.com/" target="_blank"><span class="u-text-underline">Quentin Guérandel</span></a></div></div></div></div></footer></div>
297<script crossorigin="anonymous" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" type="text/javascript"></script>
297<script src="js/paddlepaddlesurfproject-preprod.schunk.36b8fb49256177c8.js" type="text/javascript"></script>
297<script src="js/paddlepaddlesurfproject-preprod.0d7d1081.8c3fe7c63efb7ed9.js" type="text/javascript"></script>
297<!-- CSS --> 298<link href="https://unpkg.com/[email protected]/dist/lenis.css" rel="stylesheet"/> 299<!-- JS -->
300<script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
vendor: 1 bytes, line 300
300
301<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
vendor: 1 bytes, line 301
301
302<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/CustomEase.min.js"></script>
vendor: 1 bytes, line 302
302
303<script> 304// Lenis 305const lenis = new Lenis({ 306 autoRaf: true, 307}); 308 309</script>
vendor: 1 bytes, line 309
309
310<script> 311 312document.addEventListener("DOMContentLoaded", () =>{ 313 314 gsap.registerPlugin(CustomEase) 315 CustomEase.create("button-ease", "0.5, 0.05, 0.05, 0.99") 316 317 initMenuButton() 318 319}) 320 321function initMenuButton() { 322 // Select elements 323 const menuButton = document.querySelector("[data-menu-button]"); 324 const lines = document.querySelectorAll(".menu-button-line"); 325 const [line1, line2, line3] = lines; 326 327 // Define one global timeline 328 let menuButtonTl = gsap.timeline({ 329 defaults:{ 330 overwrite:"auto", 331 ease: "button-ease", 332 duration: 0.3 333 } 334 }) 335 336 const menuOpen = () => { 337 menuButtonTl.clear() // Stop any previous tweens, if any 338 .to(line2, { scaleX: 0, opacity: 0 }) // Step 1: Hide middle line 339 .to(line1, { x: "-1.3em", opacity: 0 }, "<") // Step 1: Movetop line 340 .to(line3, { x: "1.3em", opacity: 0 }, "<") // Step 1: Move bottom line 341 .to([line1,line3],{opacity:0, duration: 0.1},"<+=0.2") // Step 2: Quickly fade top and bottom lines 342 .set(line1, { rotate: -135, y: "-1.3em", scaleX: 0.9 }) // Step 3: Instantly rotate and scale top line 343 .set(line3, { rotate: 135, y: "-1.4em", scaleX: 0.9 }, "<") // Step 3: Instantly rotate and scale bottom line 344 .to(line1, { opacity: 1, x: "0em", y: "0.5em"}) // Step 4: Move top line to final position 345 .to(line3, { opacity: 1, x: "0em", y: "-0.25em" }, "<+=0.1"); // Step 4: Move bottom line to final position 346 } 347 348 const menuClose = () => { 349 menuButtonTl.clear() // Stop any previous tweens, if any 350 .to([line1, line2, line3], { // Move all lines back in a different animation 351 scaleX: 1, 352 rotate: 0, 353 x: "0em", 354 y: "0em", 355 opacity: 1, 356 duration: 0.45, 357 overwrite: "auto", 358 }) 359 } 360 361 // Toggle Animation 362 menuButton.addEventListener("click", () => { 363 const currentState = menuButton.getAttribute("data-menu-button"); 364 365 if (currentState === "burger") { 366 menuOpen() 367 menuButton.setAttribute("data-menu-button", "close"); 368 } else { 369 menuClose() 370 menuButton.setAttribute("data-menu-button", "burger"); 371 } 372 }); 373} 374 375</script>
375<script src="https://player.vimeo.com/api/player.js"></script>
vendor: 1 bytes, line 375
375
376<script> 377function initVimeoBGVideo() { 378 // Select all elements that have [data-vimeo-bg-init] 379 const vimeoPlayers = document.querySelectorAll('[data-vimeo-bg-init]'); 380 381 vimeoPlayers.forEach(function(vimeoElement, index) { 382 383 // Add Vimeo URL ID to the iframe [src] 384 // Looks like: https://player.vimeo.com/video/1019191082 385 const vimeoVideoID = vimeoElement.getAttribute('data-vimeo-video-id'); 386 if (!vimeoVideoID) return; 387 const vimeoVideoURL = `https://player.vimeo.com/video/${vimeoVideoID}?api=1&background=1&autoplay=0&loop=1&muted=1`; 388 vimeoElement.querySelector('iframe').setAttribute('src', vimeoVideoURL); 389 390 // Assign an ID to each element 391 const videoIndexID = 'vimeo-player-index-' + index; 392 vimeoElement.setAttribute('id', videoIndexID); 393 394 const iframeID = vimeoElement.id; 395 const player = new Vimeo.Player(iframeID); 396 397 let videoAspectRatio; 398 399 // Update Aspect Ratio if [data-vimeo-update-size="true"] 400 if (vimeoElement.getAttribute('data-vimeo-update-size') === 'true') { 401 player.getVideoWidth().then(function(width) { 402 player.getVideoHeight().then(function(height) { 403 videoAspectRatio = height / width; 404 const beforeEl = vimeoElement.querySelector('.vimeo-player__before'); 405 if (beforeEl) { 406 beforeEl.style.paddingTop = videoAspectRatio * 100 + '%'; 407 } 408 }); 409 }); 410 } 411 412 // Function to adjust video sizing 413 function adjustVideoSizing() { 414 const containerAspectRatio = (vimeoElement.offsetHeight / vimeoElement.offsetWidth) * 100; 415 416 const iframeWrapper = vimeoElement.querySelector('.vimeo-bg__iframe-wrapper'); 417 if (iframeWrapper && videoAspectRatio) { 418 if (containerAspectRatio > videoAspectRatio * 100) { 419 iframeWrapper.style.width = `${(containerAspectRatio / (videoAspectRatio * 100)) * 100}%`; 420 } else { 421 iframeWrapper.style.width = ''; 422 } 423 } 424 } 425 426 // Adjust video sizing initially 427 if (vimeoElement.getAttribute('data-vimeo-update-size') === 'true') { 428 adjustVideoSizing(); 429 player.getVideoWidth().then(function() { 430 player.getVideoHeight().then(function() { 431 adjustVideoSizing(); 432 }); 433 }); 434 } else { 435 adjustVideoSizing(); 436 } 437 438 // Adjust video sizing on resize 439 window.addEventListener('resize', adjustVideoSizing); 440 441 // Loaded 442 player.on('play', function() { 443 vimeoElement.setAttribute('data-vimeo-loaded', 'true'); 444 }); 445 446 // Autoplay 447 if (vimeoElement.getAttribute('data-vimeo-autoplay') === 'false') { 448 // Autoplay = false 449 player.pause(); 450 } else { 451 // Autoplay = true 452 // If paused-by-user === false, do scroll-based autoplay 453 if (vimeoElement.getAttribute('data-vimeo-paused-by-user') === 'false') { 454 function checkVisibility() { 455 const rect = vimeoElement.getBoundingClientRect(); 456 const inView = rect.top < window.innerHeight && rect.bottom > 0; 457 inView ? vimeoPlayerPlay() : vimeoPlayerPause(); 458 } 459 460 // Initial check 461 checkVisibility(); 462 463 // Handle scroll 464 window.addEventListener('scroll', checkVisibility); 465 } 466 } 467 468 // Function: Play Video 469 function vimeoPlayerPlay() { 470 vimeoElement.setAttribute('data-vimeo-activated', 'true'); 471 vimeoElement.setAttribute('data-vimeo-playing', 'true'); 472 player.play(); 473 } 474 475 // Function: Pause Video 476 function vimeoPlayerPause() { 477 vimeoElement.setAttribute('data-vimeo-playing', 'false'); 478 player.pause(); 479 } 480 481 // Click: Play 482 const playBtn = vimeoElement.querySelector('[data-vimeo-control="play"]'); 483 if (playBtn) { 484 playBtn.addEventListener('click', function() { 485 vimeoPlayerPlay(); 486 }); 487 } 488 489 // Click: Pause 490 const pauseBtn = vimeoElement.querySelector('[data-vimeo-control="pause"]'); 491 if (pauseBtn) { 492 pauseBtn.addEventListener('click', function() { 493 vimeoPlayerPause(); 494 // If paused by user => kill the scroll-based autoplay 495 if (vimeoElement.getAttribute('data-vimeo-autoplay') === 'true') { 496 vimeoElement.setAttribute('data-vimeo-paused-by-user', 'true'); 497 // Removing scroll listener (if youâd like) 498 window.removeEventListener('scroll', checkVisibility); 499 } 500 }); 501 } 502 }); 503} 504
505// Initialize Vimeo Background Video 506document.addEventListener('DOMContentLoaded', function() { 507 initVimeoBGVideo(); 508}); 509</script>
509</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.