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. </p> <p>Le Luberon et le Verdon disposent également d'une offre <strong><a href="../../../page/les-itineraires-velo-vtt">VTT</a> </strong>et <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 </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 des services de<strong> <a href="../../../page/location-de-velos">location de vélos</a></strong> et <strong><a href="../../../page/accompagnateurs-velo">des accompagnateurs vélo</a> </strong> disponibles pour vous aider à découvrir les plus belles routes et les plus beaux sentiers de la région.</p> <p>Pour vous faciliter la vie, vous pouvez<strong> télécharger gratuitement les traces GPX</strong> 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> </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. </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 © 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.