PageSourceSearch

https://www.paddlepaddlesurfproject.com/

html paddlepaddlesurfproject.com collected 2026-10-06 08:25:51 UTC 49,297 bytes, 509 lines download raw bytes

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.