PageSourceSearch

https://www.veloloisirprovence.com/les-itineraires-velo

html veloloisirprovence.com collected 2026-10-02 11:24:07 UTC 41,080 bytes, 752 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="fr-FR">
3    <head>
4        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5<meta name="author" content="Upnboost" />
6<title>Parcours, itinéraires, circuits vélo en Luberon et Verdon </title>
7<meta name="description" content="Découvrez tous nos itinéraires vélo, VTT et Gravel adaptés à tous les niveaux et pratiques dans le Luberon et le Verdon . Venez découvrir ce que la Provence offre de plus beau !">
8                <link rel="canonical" href="https://www.veloloisirprovence.com/les-itineraires-velo" />
9<meta property="og:image" content="https://www.veloloisirprovence.com/image/15960-normal-1200-640.jpg" />
10<meta property="og:url" content="https://www.veloloisirprovence.com/les-itineraires-velo" />
11<meta property="og:title" content="Parcours, itinéraires, circuits vélo en Luberon et Verdon " />
12
13<script src="https://d3u4euruw58666.cloudfront.net/js/tarteaucitron/tarteaucitron.js"></script>
vendor: 2 bytes, line 13
13
14<script>
15tarteaucitron.init({
16    "privacyUrl": "https://www.veloloisirprovence.com/mentions-legales.html",
17    "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
18    "cookieName": "tarteaucitron", /* Cookie name */
19
20    "orientation": "bottom", /* Banner position (top - bottom - middle - popup) */
21
22    "groupServices": true, /* Group services by category */
23
24    "showAlertSmall": false, /* Show the small banner on bottom right */
25    "cookieslist": false, /* Show the cookie list */
26    
27    "showIcon": true, /* Show cookie icon to manage cookies */
28    "iconSrc": "https://d3u4euruw58666.cloudfront.net/img/cookies.png", /* Optionnal: URL or base64 encoded image */
29    "iconPosition": "BottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */
30
31    "adblocker": false, /* Show a Warning if an adblocker is detected */
32
33    "DenyAllCta" : true, /* Show the deny all button */
34    "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
35    "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
36
37    "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
38
39    "removeCredit": true, /* Remove credit link */
40    "moreInfoLink": true, /* Show more info link */
41    "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
42
43    "cookieDomain": ".veloloisirprovence.com", /* Shared cookie for subdomain website */
44
45    "readmoreLink": "", /* Change the default readmore link pointing to tarteaucitron.io */
46    
47    "mandatory": true /* Show a message about mandatory cookies */
48});
49</script>
vendor: 2 bytes, line 49
49
50<script type="text/javascript">
51    (tarteaucitron.job = tarteaucitron.job || []).push('recaptcha');
52    tarteaucitron.user.gtagMore = function () {
53    };
54    (tarteaucitron.job = tarteaucitron.job || []).push('facebook');
55</script>
55
56<link rel="dns-prefetch" href="//fonts.googleapis.com">
57<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
58<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
59
60<link rel="preload" href="https://fonts.googleapis.com/css?family=Oswald|Quicksand:400,700" as="style" onload="this.rel='stylesheet'">
61<link rel="preload" href="https://fonts.googleapis.com/css?family=Italianno&display=swap" as="style" onload="this.rel='stylesheet'">
62<link rel="preload" href="/theme/default/css/optimize.min.css" as="style" onload="this.rel='stylesheet'" />
63<link rel="preload" href="/theme/default/css/custom.css" as="style" onload="this.rel='stylesheet'" />
64<link rel="preload" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css" as="style" onload="this.rel='stylesheet'" />
65<link rel="preload" href="/img/icone/favicon.ico" as="image">
66
67
68<script src="/vendors/jquery-1.11.3.min.js"></script>
vendor: 1 bytes, line 68
68
69<script>
70    $(document).ready(function() {
71        if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1){
72            loadMozillaCss("https://fonts.googleapis.com/css?family=Oswald|Quicksand:400,700");
73            loadMozillaCss("https://fonts.googleapis.com/css?family=Italianno&display=swap");
74            loadMozillaCss("/theme/default/css/optimize.min.css");
75            loadMozillaCss("/theme/default/css/custom.css");
76            loadMozillaCss("//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css");
77        }
78    });
79</script>
79
80<meta name="viewport" content="width=device-width, initial-scale=1" />
81<link rel="icon" href="/img/icone/favicon.ico" />
82<script>
83    function loadMozillaCss(url) {
84        var lien_css = document.createElement('link');
85        lien_css.setAttribute("href",url);
86        lien_css.setAttribute("rel","stylesheet");
87        lien_css.setAttribute("type","text/css");
88        document.getElementsByTagName("head").item(0).appendChild(lien_css);
89    }
90</script>
90
91
92<meta name="google-site-verification" content="GAuafT3UlDrlSqsEWBEOWegFPwBTZPmeDAbGuLpWk3U" />
93<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 93-94
93
94<script async src="https://www.googletagmanager.com/gtag/js?id=
94UA-54901165-1
vendor: 12 bytes, line 94
94"></script>
95<script>
96  
vendor: 134 bytes, lines 96-100
96window.dataLayer = window.dataLayer || [];
97  function gtag(){dataLayer.push(arguments);}
98  gtag('js', new Date());
99
100  gtag('config', '
100UA-54901165-1
vendor: 4 bytes, line 100
100');
101</script>
101
102
103
104
105<script src="/theme/default/js/regieupn.js"></script>
105
106
107
108
109    </head>
110    <body class="stretched device-x1 no-transition">
111        <input type="hidden" name="upnTags" id="upnTags" value=""/>
112        <input type="hidden" name="idLangage" id="idLangage" value="1"/>
113        <div id="wrapper" class="clearfix" style="animation-duration: 1500ms; opacity: 1;">
114            
115            <header id="header" class="full-header static-sticky sticky-header" >
116                <div id="header-wrap">
117                    <div style="height:25px;width:100%;font-weight:bold;border-bottom:1px solid #f5f5f5;padding-top:5px;padding-bottom:5px;padding-right:10px;text-align:right"><a href="/parcours" target="_blank">Créez votre itinéraire vélo</a> | <a href="https://presse.veloloisirprovence.com">Presse</a> | <a href="https://pro.veloloisirprovence.com">Pro</a></div>
118<div class="container clearfix">
119    <div id="primary-menu-trigger"><i class="icon-reorder"></i></div><div id="logo" ><a href="https://www.veloloisirprovence.com" class="standard-logo" data-dark-logo="/image/92-normal-250-100.png"><img src="/image/92-normal-400-150.png" alt="Vélo Loisir Provence" class="divcenter"></a><a href="https://www.veloloisirprovence.com" class="retina-logo" data-dark-logo="/image/92-normal-800-300.png"><img src="/image/92-normal-800-300.png" alt="Vélo Loisir Provence" class="divcenter"></a></div><nav id="primary-menu" class="style-3"><ul class="sf-js-enabled" style="touch-action: pan-y;"><li class="current"><a href="https://www.veloloisirprovence.com/" title="Vélo Loisir Provence" ><div><i class='icon icon-home'></i></div></a></li><li ><a href="https://www.veloloisirprovence.com/parcours"  ><div>Générateur d'itinéraires </div></a></li><li ><a href="https://www.veloloisirprovence.com/les-itineraires-velo"  ><div>Tous les itinéraires vélo </div></a></li><li ><a href="/page/les-itineraires-velo-loisir-balises"  ><div>Parcours vélo balisés </div></a></li><li ><a href="/page/les-itineraires-velo-non-balises"  ><div>Parcours vélo non-balisés </div></a></li><li ><a href="/page/parcours-gravel-en-luberon-et-verdon+11645.html"  ><div>Parcours Gravel </div></a></li></ul><!-- Top Search============================================= --><div id="top-lang"><a href="#" id="top-lang-trigger">FR</a><div class="top-lang-content"><div class="top-lang-title"><span>Changez la langue</span></div><div class="top-lang-items"><div class="top-lang-item"><div class="top-lang-item-image"><a href="https://www.veloloisirprovence.com"><img src="/img/lang/FR-min.png" alt="FR" style="width:16px"></a></div><div class="top-lang-item-desc"><a href="https://www.veloloisirprovence.com">Version en Français</a></div></div><div class="top-lang-item"><div class="top-lang-item-image"><a href="https://uk.veloloisirprovence.com"><img src="/img/lang/EN-min.png" alt="EN" style="width:16px"></a></div><div class="top-lang-item-desc"><a href="https://uk.veloloisirprovence.com">Version en Anglais</a></div></div><div class="top-lang-item"><div class="top-lang-item-image"><a href="https://de.veloloisirprovence.com"><img src="/img/lang/DE-min.png" alt="DE" style="width:16px"></a></div><div class="top-lang-item-desc"><a href="https://de.veloloisirprovence.com">Version en Allemand</a></div></div></div></div></div><div id="top-cart"><a href="#" id="top-cart-trigger"><i class="icon-shopping-cart"></i></a><div class="top-cart-content"></div></div><div id="top-account"><a href="/carnet/cart.php?id_langage=1" id="" title="Carnet de voyage"><i class="icon-heart-empty"></i></a></div><div id="top-search"><a href="#" id="top-search-trigger"><i class="icon-search3"></i><i class="icon-line-cross"></i></a><form action="/search/simple.php" method="get" style='padding-bottom:50px;'><input type="hidden" name="id_langage" value="1"/><input type="text" name="q" class="form-control" value="" placeholder="Saisissez votre recherche.."></form></div><!-- #top-search end --></nav><!-- #primary-menu end -->
120</div>
121                </div>
122            </header>
123            <section id="content">
124                <div class="nopadding">
125                    <div  style="background: url('/image/15960-normal.jpg') no-repeat center center; background-size: cover; height: 600px; width: 100%; position: relative; ">
126                        <input type="hidden" name="idPage" id="idPage" value="1100"/>
127                        
128                                                
129                        <div class="container-fluid vertical-middle center clearfix">
130                            <div class="emphasis-title nomargin" data-animate="fadeInUp" style="color:#fff">
131                                <h1 style="font-size: 56px;color:#fff">Parcours vélo en Luberon et Verdon</h1>
132                                <p class="lead topmargin-sm"></p>
133                            </div>
134                        </div>
135                        <div style="position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99; background: url('/image/93-normal.png') repeat center bottom; background-size: auto 100%; height: 40px; margin-top: -40px;"></div>
136                    </div>
137
138                </div>
139
140<div class="clearfix"></div>
141<section id="page-breadcrumb" class="margintop-sm">
142<div class="container clearfix">
143<ol class="breadcrumb">
144<li class="breadcrumb-item"><a href="https://www.veloloisirprovence.com/">Vélo Loisir Provence</a></li>
145<li class="breadcrumb-item active" aria-current="page">Parcours vélo en Luberon et Verdon</li>
146</ol>
147</div>
148</section>
149<div class="section topmargin-sm nopadding">
150<div class="container">
151<div class="row">
152<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8" style="padding-top:20px;">
153<p class='lead'>Découvrez tous nos itinéraires vélo, VTT et Gravel adaptés à tous les niveaux et pratiques dans le Luberon et le Verdon . Venez découvrir ce que la Provence offre de plus beau !</p>
154</div>
155<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 text-center" style="padding-top:20px;">
156<ul class="social-nav">
157 </ul>
158</div>
159</div>
160<div class="clearfix"></div>
161
162<div class="contentPage"><div class="row"><div class="col-sm-3 col-xs-3 column col-md-12"><div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"><h1>Tout savoir sur les itinéraires cyclables dans le Luberon et le Verdon</h1></div></div><div class="col-md-12 col-sm-12 col-xs-12 column"><div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"><p>Dans les superbes parcs naturels régionaux du <strong><a href="../../../page/parc-naturel-regional-du-luberon">Luberon</a></strong> et du <a href="../../../page/parc-naturel-regional-du-verdon"><strong>Verdon</strong></a>
162, vous trouverez une diversité d'itinéraires. Que vous aimiez les sentiers techniques, les routes pittoresques ou les voies vertes sécurisées pour une balade en famille, nous avons tout ce qu'il faut pour satisfaire vos envies.</p>  <p>Avec plus de 500 km d’itinéraires vélo balisés en Luberon et plus de 800 km dans le Verdon, vous pourrez explorer des villages remarquables, découvrir des sites incontournables et vous émerveiller devant des paysages variés.&nbsp;</p>  <p>Le Luberon et le Verdon&nbsp; disposent également d'une offre&nbsp; <strong><a href="../../../page/les-itineraires-velo-vtt">VTT</a> </strong>et&nbsp;<strong> <a href="../../../page/parcours-gravel-en-luberon-et-verdon+11645.html">gravel</a></strong> exceptionnelles avec des itinéraires variés et accessibles à tous les niveaux .</p></div></div><div class="col-sm-3 col-xs-3 column col-md-4" style=""><div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"><p><img class="img-responsive lazy" data-original="../../../image/16151-normal.jpg"><noscript><img class="img-responsive" src="../../../image/16151-normal.jpg"></noscript></p></div></div><div class="col-sm-3 col-xs-3 column col-md-4" style=""><div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"><p><img class="img-responsive lazy" data-original="../../../image/16152-normal.jpg"><noscript><img class="img-responsive" src="../../../image/16152-normal.jpg"></noscript></p></div></div><div class="col-sm-3 col-xs-3 column col-md-4" style=""><div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"><p><img class="img-responsive lazy" data-original="../../../image/16149-normal.jpg"><noscript><img class="img-responsive" src="../../../image/16149-normal.jpg"></noscript></p></div></div><div class="col-sm-3 col-xs-3 column col-md-12" style=""><div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"><h2>Les infos pratiques&nbsp;</h2></div></div><div class="col-sm-3 col-xs-3 column col-md-12" style=""><div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"><p>Il existe&nbsp; des services de<strong> <a href="../../../page/location-de-velos">location&nbsp;de vélos</a></strong> et <strong><a href="../../../page/accompagnateurs-velo">des accompagnateurs vélo</a>&nbsp;</strong> disponibles pour vous aider à découvrir les plus belles routes et les plus&nbsp; beaux sentiers de la région.</p>  <p>Pour vous faciliter la vie, vous pouvez<strong> télécharger gratuitement les traces GPX</strong>&nbsp; et <strong><a href="../../../page/brochures-et-depliants">les dépliants</a> </strong>de nos différents itinéraires directement depuis notre site internet. Ainsi, vous pourrez suivre facilement les parcours et profiter pleinement de votre expérience à vélo, VTT ou gravel dans le Luberon et le Verdon .</p>  <p>Préparez-vous à vivre des moments uniques sur les routes de ces deux magnifiques territoires.</p>  <p>&nbsp;</p>  <p>N'oubliez pas de vous renseigner sur les réglementations locales, de respecter l'environnement et de suivre les règles de sécurité lors de vos sorties à vélo.&nbsp;</p></div></div></div></div>
163
164</div>
165</div>
166<section id="content" class="nomargin nopadding">
167<div class="container clearfix">
168<div class="row">
169<div class="col-md-8">
170<div id="objets" class="row objet-grid"  >
171<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" >
172<div class="objet">
173
174
175<div class="objet-image">
176<a href="/page/les-itineraires-velo-loisir-balises" ><img data-original="/image/16154-normal-370-200-37:20.jpg" alt="Parcours vélo balisés" class="img-responsive lazy" width="100%"><noscript><img src="/image/16154-normal-370-200-37:20.jpg" alt="Parcours vélo balisés" class="img-responsive" ></noscript></a>
177</div>
178<div class="objet-title">
179<span><a href="/page/les-itineraires-velo-loisir-balises">Parcours vélo balisés</a></span>
180</div>
181<div class="objet-content">
182</div>
183
184</div>
185</div>
186<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" >
187<div class="objet">
188
189
190<div class="objet-image">
191<a href="/page/les-itineraires-velo-non-balises" ><img data-original="/image/15961-normal-370-200-37:20.jpg" alt="Parcours vélo non-balisés" class="img-responsive lazy" width="100%"><noscript><img src="/image/15961-normal-370-200-37:20.jpg" alt="Parcours vélo non-balisés" class="img-responsive" ></noscript></a>
192</div>
193<div class="objet-title">
194<span><a href="/page/les-itineraires-velo-non-balises">
194Parcours vélo non-balisés</a></span>
195</div>
196<div class="objet-content">
197</div>
198
199</div>
200</div>
201<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" >
202<div class="objet">
203
204
205<div class="objet-image">
206<a href="/page/parcours-gravel-en-luberon-et-verdon+11645.html" ><img data-original="/image/15696-normal-370-200-37:20.jpg" alt="Parcours gravel en Luberon et Verdon" class="img-responsive lazy" width="100%"><noscript><img src="/image/15696-normal-370-200-37:20.jpg" alt="Parcours gravel en Luberon et Verdon" class="img-responsive" ></noscript></a>
207</div>
208<div class="objet-title">
209<span><a href="/page/parcours-gravel-en-luberon-et-verdon+11645.html">Parcours gravel en Luberon et Verdon</a></span>
210</div>
211<div class="objet-content">
212</div>
213
214</div>
215</div>
216<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" >
217<div class="objet">
218
219
220<div class="objet-image">
221<a href="/page/les-itineraires-velo-vtt" ><img data-original="/image/4599-normal-370-200-37:20.jpg" alt="Parcours VTT" class="img-responsive lazy" width="100%"><noscript><img src="/image/4599-normal-370-200-37:20.jpg" alt="Parcours VTT" class="img-responsive" ></noscript></a>
222</div>
223<div class="objet-title">
224<span><a href="/page/les-itineraires-velo-vtt">Parcours VTT</a></span>
225</div>
226<div class="objet-content">
227</div>
228
229</div>
230</div>
231<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" >
232<div class="objet">
233
234
235<div class="objet-image">
236<a href="/page/les-itineraires-velo-grands-itineraires" ><img data-original="/image/7755-normal-370-200-37:20.jpg" alt="Grands itinéraires" class="img-responsive lazy" width="100%"><noscript><img src="/image/7755-normal-370-200-37:20.jpg" alt="Grands itinéraires" class="img-responsive" ></noscript></a>
237</div>
238<div class="objet-title">
239<span><a href="/page/les-itineraires-velo-grands-itineraires">Grands itinéraires</a></span>
240</div>
241<div class="objet-content">
242</div>
243
244</div>
245</div>
246</div>
247</div>
248<div class="col-md-4">
248<script type='text/javascript'>window.addEventListener("load", function(event) { upnRegie_emplacement('4',document.getElementById('upnTags').value,'upn_6aba1b4721c9a',document.getElementById('idLangage').value);});</script>
248<div class='regie-container' id='upn_6aba1b4721c9a'></div></div>
249</div>
250</div>
251</section>
252<div class="container" style="margin-top:100px;margin-bottom:50px;">
253<div class="row" >
254<div class="col-lg-12">
255<div class="row" style="background-color: #fcfcfc;">
256<div class="col-lg-8"><div style="font-size:26px;color: #444;font-weight: 600;line-height: 1.5;margin: 0 0 30px 0;font-family: 'Oswald', sans-serif;">Carte intéractive</div>
257<p>Découvrez notre outil gratuit et facile d'accès pour créer votre itinéraire vélo en quelques clics ! </p>
258<a href="/parcours" class="button button-large button-dark button-rounded" target="_blank">Créez votre itinéraire vélo</a></div>
259<div class="col-lg-4"><img data-original="/image/7919-normal.jpg" alt="Créez votre itinéraire vélo" class="img-responsive lazy" width="100%"><noscript><img src="/image/7919-normal.jpg" alt="Créez votre itinéraire vélo" class="img-responsive" ></noscript></div>
260</div>
261</div>
262</div>
263</div>
264<div id="fixedButtonsRight">
265<a id="fixedCarteInteractive" class="hidden-xs hidden-sm hidden-md" href="#animatedModal">
266<img src="/theme/default/images/map.png" alt="Carte" class="infinite swing animated" data-animate="swing">
267</a>
268<a id="fixedFavoris" class="hidden-xs hidden-sm hidden-md" href="/carnet/cart.php?id_langage=1">
269<img src="/theme/default/images/favoris.png" alt="Favoris">
270</a>
271<a id="fixedBoutique" class="hidden-xs hidden-sm hidden-md" href="/page/boutique-velo-loisir-provence">
272<img src="/theme/default/images/boutique.png" alt="Boutique">
273</a>
274<a id="fixedContact" class="hidden-xs hidden-sm hidden-md" onclick="$('#myForm').modal('show');$('#messageLink').click();">
275<img src="/theme/default/images/contact.png" alt="Contact">
276</a>
277</div>
278<div id="animatedModal">
279<div class="close-animatedModal"> 
280<span class="icon icon-close"></span>Fermer la carte intéractive
281</div>
282<div class="modal-content" id="contentCarteInteractive">
283<iframe id="frame" src="">
284</iframe>
285</div>
286</div>
287
288<div class="modal fade" id="modal_search" tabindex="-1" role="dialog" aria-labelledby="modal_search" aria-modal="true">
289    <div class="modal-dialog">
290        <div class="modal-body">
291            <div class="modal-content">
292                <div class="modal-header">
293                    <h4 class="modal-title" id="modal_search">Rechercher</h4>
294                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
295                </div>
296                <div class="modal-body">
297                    <form action="/search/simple.php" method="get">
298                        <input type="hidden" name="id_langage" value="1">
299                        <input type="text" name="q" class="form-control" value="" placeholder="Saisissez votre recherche..">
300                        <br/>
301                        <button type="submit" class="btn btn-primary">Rechercher</button>
302                    </form>
303                </div>
304                <div class="modal-footer">
305                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
306                </div>
307            </div>
308        </div>
309    </div>
310</div>
311
312<script type="text/javascript">
313    $("#fixedCarteInteractive").click(function() {
314        if ($("#frame").attr('src') == "") {
315            $("#frame").attr('src', "/carte-interactive/1?v=2");
316        }
317    });
318
319
320    $( document ).ready(function() {
321        boutiqueOrSearch();
322    });
323    $( window ).resize(function() {
324        boutiqueOrSearch();
325    });
326    function boutiqueOrSearch() {
327        var width = $( window ).width();
328        if (width >= 576) {
329            $("#fixedBoutique").attr("href", "/page/boutique-velo-loisir-provence");
330            $("#fixedBoutique img").attr("src", "/theme/default/images/boutique.png");
331            $("#fixedBoutique img").attr("alt", "Boutique");
332            $("#fixedBoutique").removeAttr("data-toggle");
333            $("#fixedBoutique").removeAttr("data-target");
334        }
335        if (width <= 575) {
336            $("#fixedBoutique").attr("href", "#");
337            $("#fixedBoutique img").attr("src", "/theme/default/images/recherche.png");
338            $("#fixedBoutique img").attr("alt", "Recherche");
339            $("#fixedBoutique").attr("data-toggle", "modal");
340            $("#fixedBoutique").attr("data-target", "#modal_search");
341        }
342    }
343
344    $( document ).on('click', '#fixedBoutique', function(e) {
345        if ( $(this).attr('href') == "#" ) {
346             e.preventDefault();
347             $("a[id='#top-search-trigger']").trigger('click');
348        }
349    });
350
351</script>
351<div class="container" style="margin-top:100px;margin-bottom:50px;">
352    <div class="row">
353        <div class="col-xs-12 col-md-7 col-lg-7">
354            <div class="promo promo-mini promo-brochure">
355                <h3 class="h1 t700 jackInTheBox animated" data-animate="Demande de documentation">Demande de documentation</h3>
356                <p>Découvrez nos brochures et dépliants pour préparer votre séjour à vélo : parcours, prestataires, agenda...</p>
357                <a href="#TaskListDialog" onclick="$('#myForm').modal('show');$('#messageLink').click();" class="button button-large button-dark button-rounded">Commandez</a>
358            </div>
359            <br/>
360        </div>
361        <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5">
362            <div class="promo promo-mini promo-newsletter">
363                <h3 class="h1 t700 jackInTheBox animated" data-animate="S’abonner à notre newsletter">S’abonner à notre newsletter</h3>
364                <p>Bons plans, événements vélo et VTT, dernières nouvelles, retrouvez toute l’actualité du Luberon et du Verdon !</p>
365                <a href="#TaskListDialog" onclick="$('#myForm').modal('show');$('#newsletterLink').click();" class="button button-large button-dark button-rounded">S'inscrire</a>
366            </div>
367            <br/>
368        </div>
369    </div>
370</div>
371</section>
372
373<!-- ========== Footer ========== -->
374<div class="modal fade" tabindex="-1" role="dialog" id="myForm">
375    <div class="modal-dialog" role="document">
376        <div class="modal-content">
377            <div class="modal-body">
378                <div class="tabs clearfix ui-tabs ui-corner-all ui-widget ui-widget-content" id="myTabs">
379
380                    <!-- Nav tabs -->
381                    <ul class="nav nav-tabs tab-nav tab-nav2 clearfix ui-tabs-nav ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header" role="tablist">
382                        <li role="presentation" class="ui-tabs-tab ui-corner-top ui-state-default ui-tab"><a href="#message" aria-controls="home" role="tab" data-toggle="tab" id="messageLink">Contactez-nous</a></li>
383                        <li role="presentation" class="ui-tabs-tab ui-corner-top ui-state-default ui-tab"><a href="#newsletter" aria-controls="profile" role="tab" data-toggle="tab" id="newsletterLink">S’abonner à notre newsletter</a></li>
384                    </ul>
385                    <!-- Tab panes -->
386                    <div class="tab-container tab-content">
387                        <div role="tabpanel" class="tab-pane clearfix ui-tabs-panel ui-corner-bottom ui-widget-content" id="message">
388                            <p class="lead">Faites-nous part de vos remarques et demandes par ce formulaire. Notre équipe se fera un plaisir de vous répondre dans les plus brefs délais. </p>
389
390                            <form method="post" action="/contact/sendmessage.php" name="message" >
391                                <input type="hidden" name="domaine_contact" value="4">
392                                <div class="form-row">
393                                    <div class="form-group col-md-6">
394                                        <label for="nom">Nom</label>
395                                        <input type="text" class="form-control" id="nom" name="nom">
396                                    </div>
397                                    <div class="form-group col-md-6">
398                                        <label for="prenom">Prénom</label>
399                                        <input type="text" class="form-control" id="prenom" name="prenom">
400                                    </div>
401                                </div>
402                                <div class="form-group">
403                                    <label for="email">Email</label>
404                                    <input type="email" class="form-control" id="email" name="email">
405                                </div>
406                                <div class="form-group">
407                                    <label for="demande">Demande</label>
408                                    <textarea class="form-control" id="demande" name="demande"></textarea>
409                                </div>
410                                <div class="form-group">
411                                    <div id="captchaID1"></div>
412                                </div>
413
414                                <button type="button" class="btn btn-primary" onclick="sendMessage()">Envoyer</button>
415                                <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
416                            </form>
417                        </div>
418
419                        <div role="tabpanel" class="tab-pane clearfix ui-tabs-panel ui-corner-bottom ui-widget-content" id="newsletter">
420                            <p class="lead">Abonnez vous à notre newsletter pour recevoir notre lettre mensuelle</p>
421                            <form  method="post" action="/contact/inscriptionnewsletter.php" name="newsletter" class="form-horizontal">
422                                <input type="hidden" name="ajout_newsletter" value="true">
423                                <div class="form-group">
424                                    <label class="control-label col-sm-4" for="nom">Nom :</label>
425                                    <div class="col-sm-8">
426                                        <input type="text" class="form-control" id="nom" name="nom">
427                                    </div>
428                                </div>
429                                <div class="form-group">
430                                    <label class="control-label col-sm-4" for="prenom">Prénom :</label>
431                                    <div class="col-sm-8">
432                                        <input type="text" class="form-control" id="prenom" name="prenom">
433                                    </div>
434                                </div>
435                                <div class="form-group">
436                                    <label class="control-label col-sm-4" for="email">Email *:</label>
437                                    <div class="col-sm-8">
438                                        <input type="email" class="form-control" id="email" name="email">
439                                    </div>
440                                </div>
441                                <div class="form-group">
442                                    <label class="control-label col-sm-4" for="email2">Confirmation Email *:</label>
443                                    <div class="col-sm-8">
444                                        <input type="email" class="form-control" id="email2" name="email2">
445                                    </div>
446                                </div>
447                                <div class="form-group"> 
448                                    <div id="captchaID3"></div>
449                                </div>
450                                <div class="form-group"> 
451                                    <div class="col-sm-offset-4 col-sm-8">
452                                        <button type="button" class="btn btn-primary" onclick="sendNewsletter()">S'inscrire</button>
453                                        <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
454                                    </div>
455                                </div>
456                            </form>
457                        </div>
458                        
459                    </div>
460
461                </div>
462            </div>
463            <div class="modal-footer">
464                <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
465
466            </div>
467        </div><!-- /.modal-content -->
468    </div><!-- /.modal-dialog -->
469</div><!-- /.modal -->
470
471
472<div class="modal fade" id="confirm-submit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
473    <div class="modal-dialog">
474        <div class="modal-content">
475            <div class="modal-header">
476                Confirmation
477            </div>
478            <div class="modal-body">
479                Votre demande a bien été envoyé ! 
480            </div>
481        </div>
482    </div>
483</div>
484
485
486
487<footer id="footer" class="dark">
488<div style="position: absolute; top: 0; left: 0; width: 100%; z-index: 299; background: url('/image/94-normal.png') repeat center bottom; background-size: auto 100%; height: 40px; margin-top: -30px;"></div>
489    <!-- Copyrights
490    ============================================= -->
491    <div id="copyrights">
492
493        <div class="container clearfix">
494
495            <div class="col_half">
496                Copyrights &copy; 2026 Tous droits réservés à Vélo Loisir Provence<br>
497<div class="copyright-links"><a href="/mentions-legales.html">Mentions légales</a> / <a href="#" onclick="$('#myForm').modal('show');$('#messageLink').click();">Contactez-nous</a> / <a href="/foire-aux-questions.html">FAQ</a>  / <a href="https://www.veloloisirprovence.com/page/qui-sommes-nous">Qui sommes-nous</a>  / <a href="https://www.veloloisirprovence.com/nos-ressources">Nos ressources</a></div>
498            </div>
499
500            <div class="col_half col_last tright">
501                <div class="fright clearfix">
502                                       <a href="https://www.facebook.com/veloloisirprovence/" target="_blank" rel="nofollow" class="social-icon si-small si-borderless si-facebook">
503                        <i class="icon-facebook"></i>
504                        <i class="icon-facebook"></i>
505                    </a>
506
507                    <a href="https://www.instagram.com/veloloisirprovence/"  target="_blank" rel="nofollow" class="social-icon si-small si-borderless si-instagram">
508                        <i class="icon-instagram"></i>
509                        <i class="icon-instagram"></i>
510                    </a>
511
512                    <a href="https://www.youtube.com/channel/UC0lNFEGRAmMJqADXIue8bGA"  target="_blank" rel="nofollow" class="social-icon si-small si-borderless si-youtube">
513                        <i class="icon-youtube"></i>
514                        <i class="icon-youtube"></i>
515                    </a>
516
517                    <a href="https://fr.linkedin.com/company/velo-loisir-provence" target="_blank" rel="nofollow" class="social-icon si-small si-borderless si-linkedin">
518                        <i class="icon-linkedin"></i>
519                        <i class="icon-linkedin"></i>
520                    </a>
521
522                </div>
523
524                <div class="clear"></div>
525
526                <div class="mail-tel-separation"><div class="footer-mail-separation"><i class="icon-envelope2"></i> [email protected] <span class="middot">·</span></div> <div class="footer-tel-separation"><i class="icon-phone"></i> +33 (0)4 90 76 48 05 <span class="middot">·</span></div></div>
527                <br/> Site Internet réalisé par <a href="https://upnboost.com" rel="nofollow" target="_blank" style="color:#999">Upnboost</a>
528            </div>
529
530        </div>
531
532    </div><!-- #copyrights end -->
533
534</footer><!-- #footer end -->
535
536</div>
537<div id="gotoTop" class="icon-angle-up"></div>
538<script src="/theme/default/js/plugins.js"></script>
vendor: 1 bytes, line 538
538
539<script src="/theme/default/js/functions.js"></script>
vendor: 1 bytes, line 539
539
540<script src="/theme/default/js/sticky.js"></script>
vendor: 1 bytes, line 540
540
541<script src="/theme/default/js/components/datepicker.js"></script>
vendor: 1 bytes, line 541
541
542<script src="/theme/default/js/components/daterangepicker.js"></script>
542
543
544<script src="/theme/default/js/plugins/animatedModal.min.js"></script>
544
545
546<script src="/vendors/lazyloading/jquery.lazyload.min.js"></script>
vendor: 1 bytes, line 546
546
547<script type="text/javascript">
548    var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
549    $(document).ready(function () {
550        $("img.lazy").lazyload();
551    });
552
553</script>
vendor: 1 bytes, line 553
553
554<script type="text/javascript">
555    
556    $("#myAffix").stick_in_parent({offset_top: 120});
557    
558</script>
vendor: 1 bytes, line 558
558
559<script type="text/javascript">
560        $("#fixedCarteInteractive").animatedModal({
561            "animatedIn": "zoomInUp",
562            "animatedOut": "bounceOutDown"
563    });
564
565</script>
vendor: 1 bytes, line 565
565
566<script type="text/javascript">
567    $(document).ready(function() {
568        $(document).on("click", "#top-lang", function() {
569            $(this).toggleClass("top-lang-open");
570        });
571    });
572</script>
vendor: 1 bytes, line 572
572
573<script type="text/javascript">
574
575    $(document).ready(function () {
576
577        $.ajax({
578            url: '/ecommerce/cartajax.php?idlang=1',
579            type: 'GET',
580            dataType: 'html',
581            success: function (code_html, statut) { // success est toujours en place, bien sûr !
582                $('.top-cart-content').html(code_html);
583            },
584
585            error: function (resultat, statut, erreur) {
586                $('.top-cart-content').html("Erreur : " + erreur);
587            }
588
589        });
590
591    });
592
593    $('.modal').on('shown.bs.modal', function (e) {
594        $('html').addClass('freezePage');
595        $('body').addClass('freezePage');
596    });
597    $('.modal').on('hidden.bs.modal', function (e) {
598        $('html').removeClass('freezePage');
599        $('body').removeClass('freezePage');
600    });
601</script>
601
602
603<!-- Facebook Pixel Code -->
604
605<script type="text/javascript">
vendor: 431 bytes, lines 605-615
605
606!function(f,b,e,v,n,t,s)
607    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
608    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
609    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
610    n.queue=[];t=b.createElement(e);t.async=!0;
611    t.src=v;s=b.getElementsByTagName(e)[0];
612    s.parentNode.insertBefore(t,s)}(window,document,'script',
613    'https://connect.facebook.net/en_US/fbevents.js');
614
615    fbq('init', '
615401142707504503
vendor: 34 bytes, lines 615-616
615');
616    fbq('track', 'PageView');
617</script>
617
618<noscript>
619    <img height="1" width="1" src="https://www.facebook.com/tr?id=401142707504503&ev=PageView&noscript=1"/>
620</noscript>
621
622<!-- End Facebook Pixel Code -->
623
624<script type="text/javascript">
625    function addLoaderPage() {
626        $('body').append('<div class="container-loader-boutique"><div class="loader-boutique"></div></div>');
627        return false;
628    }
629</script>
629
630
631<script type="text/javascript">
632    function sendMessage() {
633        if (document.message.email.value == "") {
634            alert("");
635            return(false);
636        }
637        if (document.message.demande.value == "") {
638            alert("Veuillez saisir une demande");
639            return(false);
640        }
641        
642        var captcha = false;
643        if (grecaptcha.getResponse(0) == "") {
644            msg_captcha = "Problème, vous êtes un robot";
645        } else {
646            msg_captcha = "";
647            captcha = true;
648        }
649
650        if (captcha == true) {
651
652        } else {
653            alert(msg_captcha);
654            e.preventDefault();
655        }
656        
657        $('#myForm').modal('hide');
658        $('#confirm-submit').modal('show');
659        document.forms["message"].submit();
660    }
661    
662    function sendNewsletter() {
663        if (document.newsletter.email.value == "") {
664            alert("");
665            return(false);
666        }
667        if (document.newsletter.email.value != document.newsletter.email2.value) {
668            alert("Les deux adresses emails ne sont pas identiques");
669            return(false);
670        }
671
672        var captcha = false;
673        if (grecaptcha.getResponse(1) == "") {
674            msg_captcha = "Cochez la case je ne suis pas un robot";
675        } else {
676            msg_captcha = "";
677            captcha = true;
678        }
679        if (captcha == true) {
680
681        } else {
682            alert(msg_captcha);
683            e.preventDefault();
684        }
685        
686        $('#myForm').modal('hide');
687        $('#confirm-submit').modal('show');
688        document.newsletter.submit();
689    }
690</script>
690
691
692<script type="text/javascript">
693    var widgetId1;
694    var widgetId3;
695    var widgetIdProDemande;
696    var widgetIdForm;
697    var onloadCallback = function() {
698        widgetId1 = grecaptcha.render(document.getElementById('captchaID1'), {
699            'sitekey' : '6LdoxLEUAAAAAPCB8eavJlFljPoydWlbmJuLMpQy'
700        });
701        widgetId3 = grecaptcha.render(document.getElementById('captchaID3'), {
702            'sitekey' : '6LdoxLEUAAAAAPCB8eavJlFljPoydWlbmJuLMpQy'
703        });
704        if ($('#captchaDemande').length) {
705            widgetIdCallMeBack = grecaptcha.render(document.getElementById('captchaDemande'), {
706                'sitekey' : '6LdoxLEUAAAAAPCB8eavJlFljPoydWlbmJuLMpQy'
707            });
708        }
709        $(".captchaGenerateForm").each(function(index) {
710            widgetIdForm = grecaptcha.render(document.getElementById($(this).attr("id")), {
711                'sitekey' : '6LdoxLEUAAAAAPCB8eavJlFljPoydWlbmJuLMpQy'
712            });
713        });
714    };
715</script>
vendor: 116 bytes, lines 715-717
715
716<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
717
718<script type="text/javascript">
719    $('.formulaireBtn').click(function () {
720        $('.formulaireTopMobile').removeClass("notActiveX");
721        $('.formulaireTopMobile').addClass("activeX");
722        $('.formulaireBtn').removeClass("activeX");
723        $('.formulaireBtn').addClass("notActiveX");
724    });
725    $('.formulaireBtnMobile').click(function () {
726        $('.formulaireTopMobile').removeClass("activeX");
727        $('.formulaireTopMobile').addClass("notActiveX");
728        $('.formulaireBtn').removeClass("notActiveX");
729        $('.formulaireBtn').addClass("activeX");
730        
731    });
732    var w = 0;
733
734    $(window).on('load', function(){
735        w = $(window).width();
736        
737    });
738    $(window).resize(function () {
739        if (w != $(window).width()) {
740           $('.formulaireTopMobile').removeClass("activeX");
741            $('.formulaireTopMobile').addClass("notActiveX");
742            $('.formulaireBtn').removeClass("notActiveX");
743            w = $( window ).width();
744            if(w>991){
745                $('.formulaireBtn').removeClass("activeX");
746            }
747        }
748    });
749</script>
749
750
751</body>
752</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.