1<!DOCTYPE html> 2<html lang='fr'> 3<head> 4<meta charset='utf-8' /> 5<title>Contact Stych</title><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2, user-scalable=1, viewport-fit=cover"> 6<meta name="description" content="Pour contacter l'administration de Stych, il vous suffit de vous créer un compte gratuit et de nous envoyer un message ou de prendre un rendez vous téléphonique. Nous répondons à l'ensemble des questions en moins de 2 heures. "> 7<meta name="robots" content="index, follow"> 8<meta http-equiv="X-UA-Compatible" content="IE=edge"><link href="/img/stych/favicon/favicon256x256.png" rel="apple-touch-icon" sizes="256x256" type="image/png"> 9<link href="/img/stych/favicon/favicon96x96.png" rel="apple-touch-icon" sizes="96x96" type="image/png"> 10<link href="/img/stych/favicon/favicon32x32.png" rel="apple-touch-icon" sizes="32x32" type="image/png"> 11<link href="/img/stych/favicon/favicon16x16.png" rel="apple-touch-icon" sizes="16x16" type="image/png"> 12<link href="/img/stych/favicon/favicon256x256.png" rel="icon" sizes="256x256" type="image/png"> 13<link href="/img/stych/favicon/favicon96x96.png" rel="icon" sizes="96x96" type="image/png"> 14<link href="/img/stych/favicon/favicon32x32.png" rel="icon" sizes="32x32" type="image/png"> 15<link href="/img/stych/favicon/favicon16x16.png" rel="icon" sizes="16x16" type="image/png"> 16<link href="/css/fontawesome/all.css?v=1603208579" media="screen" rel="stylesheet" type="text/css"> 17<link href="/css/fontawesome/v4-shims.css?v=1603208579" media="screen" rel="stylesheet" type="text/css"> 18<link href="/css/style_site_stych.min.css?v=1778586152" media="screen" rel="stylesheet" type="text/css"> 19<link href="/css/MaterialSymbolsOutlined.css?v=1716359496" media="screen" rel="stylesheet" type="text/css"> 20<link href="/css/scss/site-msf/fonts.css?v=1584462091" media="screen" rel="stylesheet" type="text/css"> 21<link href="https://www.stych.fr/contact" rel="canonical"> 22<link href="https://www.stych.fr/contact" rel="canonical"> 23<link href="https://player.vimeo.com" rel="preconnect dns-prefetch" crossorigin="anonymous"> 24<link href="https://www.facebook.com" rel="preconnect dns-prefetch" crossorigin="anonymous"> 25<link href="https://connect.facebook.net" rel="preconnect dns-prefetch" crossorigin="anonymous"> 26<link href="https://www.google-analytics.com" rel="preconnect dns-prefetch" crossorigin="anonymous"> 27<link href="//fonts.googleapis.com" rel="preconnect dns-prefetch" crossorigin="anonymous"> 28<link href="/css/fontawesome/all.css?v=1603208579" rel="preload" as="style"> 29<link href="/css/fontawesome/v4-shims.css?v=1603208579" rel="preload" as="style"> 30<link href="/css/scss/site-msf/fonts.css?v=1584462091" rel="preload" as="style"> 31<link href="/css/style_site_stych.min.css?v=1778586152" rel="preload" as="style">
31<script type="text/javascript" src="https://try.abtasty.com/2ff0417260cc648d97a686b72589997c.js"></script>
vendor: 1 bytes, line 31
31
32<script type="text/javascript"> 33 //<!-- 34 window.tplChatButton = '<button class="chat_btn " aria-label="chat"><i class="icon-messagerie"></i><i class="icon-close"></i></button>' 35 //--> 36</script>
vendor: 1 bytes, line 36
36
37<script type="text/javascript"> 38 //<!-- 39 40 window.websocket_server_uri="wss://www.stych.fr/wss2/" 41 window.user_hashed="" 42 43 //--> 44</script>
44 45<!--[if lt IE 9]>
45<script type="text/javascript" src="/js/respond.min.js"></script>
45<![endif]--> 46<!--[if lt IE 9]>
46<script type="text/javascript" src="/js/html5shiv.js"></script>
46<![endif]-->
47<script type="text/javascript" src="/js/jquery.min.js"></script>
vendor: 1 bytes, line 47
47
48<script type="text/javascript" src="/js/jquery-ui-1.11.0/jquery-ui.min.js?v=1580891405"></script>
vendor: 1 bytes, line 48
48
49<script type="text/javascript" src="/js/script_site_stych.min.js?v=1782199184"></script>
vendor: 1 bytes, line 49
49
50<script type="text/javascript" src="/js/app.js?v=1675329971"></script>
vendor: 1 bytes, line 50
50
51<script type="text/javascript" src="/js/tracker-gtm4.js?v=1718784040"></script>
vendor: 1 bytes, line 51
51
52<script type="text/javascript" src="/js/chat.js?v=0.77"></script>
vendor: 1 bytes, line 52
52
53<script type="text/javascript" src="/libs/jquery-validation/dist/jquery.validate.min.js?v=1732196158"></script>
vendor: 1 bytes, line 53
53
54<script type="text/javascript" src="/js/moment.min.js?v=1597373469"></script>
vendor: 1 bytes, line 54
54
55<script type="text/javascript" src="/js/jquery.inputmask.bundle.js?v=1580891405"></script>
vendor: 1 bytes, line 55
55
56<script type="text/javascript"> 57 //<!-- 58 59 var gl_is_gtm_actif = Boolean(1) 60 var gl_canSetTrackingCookies = Boolean(0) 61 62 //--> 63</script>
63<!-- Hotjar Tracking Code for www.auto-ecole.net : ancien ID: 2119027 -->
64<script>
vendor: 128 bytes, lines 64-67
64 65 (function(h,o,t,j,a,r){ 66 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 67 h._hjSettings={hjid:
672641064
vendor: 264 bytes, lines 67-72
67,hjsv:6}; 68 a=o.getElementsByTagName('head')[0]; 69 r=o.createElement('script');r.async=1; 70 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 71 a.appendChild(r); 72 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
73</script>
73 74
75<script> 76 window.axeptioSettings = { 77 clientId: "60ae70a1dba45064b3bf5cba", 78 }; 79 80 (function(d, s) { 81 var t = d.getElementsByTagName(s)[0], e = d.createElement(s); 82 e.async = true; e.src = "//static.axept.io/sdk.js"; 83 t.parentNode.insertBefore(e, t); 84 })(document, "script"); 85 86 87 /* hack css to surcharge axeptio */ 88 $(document).ready(function() { 89 90 if (1) 91 sendConsentModeDenied(); 92 93 function axeptioSurchargeDesign() { 94 if (window.innerWidth > 450) { 95 axeptioHeight = parseInt(window.innerHeight) - parseInt($('.ax-widget-container').css('height')); 96 axWidgetContainerWidth = parseInt($('.ax-widget-container').css('width')); 97 axeptioWindowWidth = parseInt(document.body.clientWidth) - axWidgetContainerWidth; 98 $('.ax-widget-container').css('bottom',axeptioHeight/2); 99 $('.ax-widget-container').css('left',axeptioWindowWidth/2); 100 $('.ax-widget-container').css('width',axWidgetContainerWidth); 101 if (!$('#axeptio_overlay_website').length) { 102 $('body').append('<div id="axeptio_overlay_website"></div>'); 103 } 104 } else { 105 $('.ax-widget-container').css('bottom','0'); 106 $('.ax-widget-container').css('margin-top','0'); 107 $('.ax-widget-container').css('transform','none'); 108 $('.ax-widget-container').css('left','0'); 109 $('.ax-widget-container').css('width','100%'); 110 $('.axeptio_widget_wrapper').css('margin-left','0'); 111 } 112 } 113 114 $(window).on('resize', function(){ 115 axeptioSurchargeDesign(); 116 }); 117 118 var checkAxeptioContainerExist = setInterval(function() { 119 if ($('.ax-widget-container').length && $('.axeptio_widget_wrapper').length) { 120 axeptioSurchargeDesign(); 121 clearInterval(checkAxeptioContainerExist); 122 } 123 }, 100); 124 125 var checkAxeptioContainerIsVisible = setInterval(function() { 126 if ($('.ax-widget-container').is(":visible")) { 127 $('#axeptio_overlay_website').css('display','block'); 128 } else { 129 $('#axeptio_overlay_website').css('display','none'); 130 } 131 }, 100); 132 133 var checkAxeptioButtonExist = setInterval(function() { 134 if ($('#axeptio_overlay button').length) { 135 $('#axeptio_overlay button:contains("Choix des cookies")').remove(); 136 clearInterval(checkAxeptioButtonExist); 137 } 138 }, 20); 139 140 }); 141 142 143 var ccExdate=new Date(); 144 ccExdate.setDate(ccExdate.getDate() + 90); 145 ccExdate = ccExdate.toUTCString(); 146 147 void 0 === window._axcb && (window._axcb = []); 148 window._axcb.push(function(axeptio) { 149 axeptio.on("cookies:complete", function(choices) { 150 manageAxeptioConsentMode(choices); 151 }); 152 }); 153 154 function manageAxeptioConsentMode(choices) 155 { 156 var tags = {'functionality_storage' : true, 157 'security_storage' : true, 158 'google_analytics' : choices['google_analytics'] || 0, 159 'google_ads_ad_storage' : choices['google_ads_ad_storage'] || 0, 160 'google_ads_ad_user_data' : choices['google_ads_ad_user_data'] || 0 , 161 'google_ads_personalization' :choices['google_ads_personalization'] || 0, 162 'hotjar' : choices['hotjar'] || 0, 163 'abtasty' : choices['abtasty'] || 0, 164 'contentsquare' : choices['contentsquare'] || 0, 165 'bing' : choices['bing'] || 0, 166 'rakuten_affiliate' : choices['rakuten_affiliate'] || 0, 167 'snapchat' : choices['snapchat'] || 0, 168 'tiktok' : choices['tiktok'] || 0, 169 'antvoice' : choices['antvoice'] || 0, 170 'goldenbees' : choices['goldenbees'] || 0, 171 'adrenalead' : choices['adrenalead'] || 0, 172 'adventure' : choices['adventure'] || 0, 173 'leadsmonitor' : choices['leadsmonitor'] || 0, 174 'facebook' : choices['facebook'] || 0, 175 'amazon' : choices['amazon'] || 0, 176 'floodlight' : choices['floodlight'] || 0, 177 'twitter' : choices['twitter'] || 0 }; 178 179 180 for (tag in tags) 181 setTrackerCookie('consent_'+tag, tags[tag]); 182 183 sendConsentMode(tags); 184 185 } 186 187 //Avant la 1ère intéraction avec Axeptio, on indique que tous les trackers sont en denied 188 function sendConsentModeDenied() 189 { 190 //Envoi d'un tableau vide, ainsi tout sera en denied. 191 sendConsentMode([]);
192 } 193 194 function sendConsentMode(tags) 195 { 196 window.dataLayer.push({ 197 event: 'setconsent', 198 functionality_storage: tags['functionality_storage'] ? 'granted' : 'denied', 199 security_storage: tags['security_storage'] ? 'granted' : 'denied', 200 google_analytics: tags['google_analytics'] ? 'granted' : 'denied', 201 google_ads_ad_storage: tags['google_ads_ad_storage'] ? 'granted' : 'denied', 202 google_ads_ad_user_data: tags['google_ads_ad_user_data'] ? 'granted' : 'denied', 203 google_ads_personalization: tags['google_ads_personalization'] ? 'granted' : 'denied', 204 hotjar: tags['hotjar'] ? 'granted' : 'denied', 205 abtasty: tags['abtasty'] ? 'granted' : 'denied', 206 contentsquare: tags['contentsquare'] ? 'granted' : 'denied', 207 bing: tags['bing'] ? 'granted' : 'denied', 208 rakuten_affiliate: tags['rakuten_affiliate'] ? 'granted' : 'denied', 209 snapchat: tags['snapchat'] ? 'granted' : 'denied', 210 tiktok: tags['tiktok'] ? 'granted' : 'denied', 211 antvoice: tags['antvoice'] ? 'granted' : 'denied', 212 goldenbees: tags['goldenbees'] ? 'granted' : 'denied', 213 adrenalead: tags['adrenalead'] ? 'granted' : 'denied', 214 adventure: tags['adventure'] ? 'granted' : 'denied', 215 leadsmonitor: tags['leadsmonitor'] ? 'granted' : 'denied', 216 facebook: tags['facebook'] ? 'granted' : 'denied', 217 amazon: tags['amazon'] ? 'granted' : 'denied', 218 floodlight: tags['floodlight'] ? 'granted' : 'denied', 219 twitter: tags['twitter'] ? 'granted' : 'denied', 220 }); 221 222 } 223 224 function setTrackerCookie(tag, value) 225 { 226 document.cookie = tag+"="+value+"; expires="+ccExdate+"; path=/; domain=www.stych.fr";//www.stych.fr 227 document.cookie = tag+"="+value+"; expires="+ccExdate+"; path=/; domain=stych.fr";//stych.fr 228 } 229 230</script>
230 231
231<script> 232 window.dataLayer = window.dataLayer || []; 233 window.dataLayer.push({typeUtilisateur : 'user'}); 234 </script>
234 235 236 237
237<script> 238 window.dataLayer = window.dataLayer || []; 239 </script>
239 240 <!-- Google Tag Manager --> 241
241<script>
vendor: 343 bytes, lines 241-245
241(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 242 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 243 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 244 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 245 })(window,document,'script','dataLayer','
245GTM-WM2JKJ2
vendor: 3 bytes, line 245
245');
245</script>
245 246 <!-- End Google Tag Manager --> 247
248<script> 249 250$(document).ready(function() { 251 252 // Pour que les liens obfusquer fonctionnent sur ios 253 $(document).on('touchstart', 'span[data-title]', function() { 254 var data_title = $(this).data('title'); 255 $('a[data-title="'+data_title+'"]').trigger('click'); 256 }) 257 258 // passive listeners to improve scrolling performance 259 jQuery.event.special.touchstart = { 260 setup: function( _, ns, handle ) { 261 this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") }); 262 } 263 }; 264 jQuery.event.special.touchmove = { 265 setup: function( _, ns, handle ) { 266 this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") }); 267 } 268 }; 269 jQuery.event.special.wheel = { 270 setup: function( _, ns, handle ){ 271 this.addEventListener("wheel", handle, { passive: true }); 272 } 273 }; 274 jQuery.event.special.mousewheel = { 275 setup: function( _, ns, handle ){ 276 this.addEventListener("mousewheel", handle, { passive: true }); 277 } 278 }; 279 280 $('.nav a, .nav a li > a').click(function(event) { 281 $(this).parent().addClass('navHover'); 282 }); 283 284 $('.nav a').on('mouseout', function () { 285 $('li').removeClass('navHover'); 286 }); 287 288 // var target = document.location.hash.replace("#", ""); 289 // if (target.length) { 290 // $('#'+target).modal('show').find('.modal-body').load('request_url', function () { 291 // // $(this).find('video').get(0).play(); 292 // }); 293 // } 294 295 /* fix div onclick bug on ios */ 296 document.ontouchmove = function(e) { 297 if ($('body').hasClass('modal-open')) 298 { 299 if (e.target.tagName == 'INPUT') 300 { 301 e.preventDefault(); 302 e.target.focus(); 303 } 304 } 305 }; 306 307 shortcut.add("Ctrl+Alt+T", function() { 308 if (confirm("Voulez vous remplir le formulaire automatiquement ?")) 309 { 310 $('input').each(function() { 311 var test = $(this).data('test'); 312 if (!$(this).val() && test != '') 313 { 314 $(this).val(test).trigger('focusout').trigger('change'); 315 } 316 317 var name = $(this).attr('name'); 318 if ($(this).attr('type') === "radio" && !$('[name="'+name+'"]:checked').length) 319 { 320 $('[name="'+name+'"][value="'+test+'"]').prop("checked", true); 321 } 322 323 }); 324 325 $('select').each(function() { 326 var test = $(this).data('test'); 327 if (!$(this).val()) 328 $(this).val(test); 329 }); 330 } 331 }); 332 333}); 334</script>
334 335<noscript></noscript> 336</head> 337<body> 338 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 338-339
338 339 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
339GTM-WM2JKJ2
vendor: 91 bytes, lines 339-341
339" 340 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 341
341<!-- End Google Tag Manager (noscript) --> 342 <!--Mobile Toggle Menu--> 343 344<nav class="navbar navbar-custom anchor-skip bg-primary navbar-expand-lg sticky-top navbar-custom-md navbar-toggleable-md py-lg-0 white-menu"> 345 <div class="container"> 346 <a class="navbar-brand pl-4 pl-lg-0" href="/" title="Visitez la page d'accueil de Stych - Votre auto école en ligne" class="text-center"> 347 <picture id="logo-stych-header"> 348 <svg xmlns="http://www.w3.org/2000/svg" width="92" height="43" viewBox="0 0 109.454 49.512"> 349 <g id="logo-stych" transform="translate(0 -2.04)"> 350 <path id="Tracé_1" d="M690.463 338.032a7.84 7.84 0 0 1-3.75 1.662c-1.632.008-4.33-.781-4.8-3.622a8 8 0 0 1 1.036-4.72 6.258 6.258 0 0 1 2.4-2.53 2.328 2.328 0 0 1 2.333.347c.5.561.639 1.049.982 1.427.536.591 2.236.583 3.311-.187.968-.693.605-1.74.372-2.421a6.228 6.228 0 0 0-5.536-3.964c-2.76-.2-5.347 1.568-6.775 3.079a13.96 13.96 0 0 0-3.182 6.156 11.034 11.034 0 0 0 .9 6.968c1.493 2.8 6.308 5.513 11.21 4.3a8.55 8.55 0 0 0 4.149-2.081c.569-.58 1.811-2.073.8-3.608a2.548 2.548 0 0 0-3.457-.81" fill="#edff00" transform="translate(-612.761 -308.194)"/> 351 <path id="Tracé_2" d="M195.785 258.446a1.912 1.912 0 0 1-2.114-1.623c-.212-1.438.082-3.279 1.541-4.135.1-.057 1.407-.723 1.6-.827 1.107-.6 1.955-1.1 2.75-1.634 1.294-.866 3.459-2.317 3.149-3.9-.3-1.554-1.474-2.161-2.857-2.74l-.837-.349c-1.305-.543-2.93-1.219-5.076-2.194a7.977 7.977 0 0 1-4.561-5.8c-.751-4.762 1.835-8.337 4.137-10.5a25.315 25.315 0 0 1 10.789-5.708 3.085 3.085 0 0 1 .762-.1 2.558 2.558 0 0 1 2.472 2.438 4.106 4.106 0 0 1-2.454 4.25c-.278.088-.746.262-1 .346-1.175.392-1.919.642-3.538 1.264a8.7 8.7 0 0 0-4.737 3.719c-.841 1.542-.841 3.05.214 4.051 1.291 1.225 4.231 2.514 6.377 3.456.965.423 1.8.789 2.249 1.046 2.939 1.679 5.911 4.754 3.382 9.869-.756 1.529-2.935 5.292-9.97 8.485a6.85 6.85 0 0 1-2.282.578" fill="#edff00" transform="translate(-189.25 -216.903)"/> 352 <path id="Tracé_3" d="M332.007 244.774l.049-.008c3.365-.543 9.98-.971 10.275-1.008 2.024-.113 3.225-2.305 3.258-4.11.025-1.359-.617-1.765-1.64-1.762s-4.94.4-7.2.73c-1.408.206-3.09.49-4.753.792v-.463-4.092c.016-1.521-.657-2.582-2.746-2.259-2.024.314-2.447 1.582-2.451 3.165 0 0 0 1.652-.006 3.884v.8l-.286.063a49.982 49.982 0 0 0-6.692 1.786 2.294 2.294 0 0 0-1.366 2.735c.354 1.188 1.411 2.288 3.585 1.745 1.461-.365 3.458-.857 4.748-1.105.026 2.8.014 4.669-.009 5.309-.108 3.049-.081 4.333-.324 9.573-.179 3.855 1.962 4.388 2.815 4.57.922.2 2.846.123 2.879-1.711.031-1.738-.011-8.287-.072-10.711-.023-.907-.044-4.313-.057-7.92" fill="#edff00" transform="translate(-301.429 -228.714)"/> 353 <path id="Tracé_5" d="M489.145 349.527c0-3.736-1.9-4.687-3.358-4.807a4.972 4.972 0 0 0-3.66 1.789c-1.345 1.355-3.349 4.429-4.338 5.605s-6.473 7.546-7.4 2.333c-.488-2.733-.026-6.23-.174-7.667-.3-2.124-2.626-2.65-4.532-2.521-1.435.1-1.668 1.194-1.67 2.407-.006 3.363.479 8.655 1.271 10.66.728 1.841 1.935 4.7 5.584 4.891s6.714-2.137 9.527-5.083a26.676 26.676 0 0 0 3.372-4.566c-.379 1.678-2.063 7.34-3.469 12.691-1.22 4.643-2.15 7.005-2.639 8.8-.636 2.338 1.053 3.587 2.911 3.19 2.52-.537 2.894-2.717 3.153-3.623 0 0 5.424-19.884 5.424-24.1" fill="#edff00" transform="translate(-427.99 -325.774)"/> 354 <path id="Tracé_6" d="M832.425 260.678c0 3.736 1.9 4.687 3.358 4.806a4.973 4.973 0 0 0 3.66-1.788c1.345-1.355 3.349-4.43 4.338-5.606s6.473-7.546 7.4-2.333c.487 2.733.026 6.23.173 7.667.3 2.124 2.626 2.65 4.532 2.521 1.435-.1 1.668-1.194 1.67-2.407.006-3.363-.479-8.655-1.271-10.66-.728-1.841-1.935-4.7-5.584-4.891s-6.714 2.137-9.527 5.083a26.677 26.677 0 0 0-3.372 4.566c.379-1.678 2.063-7.34 3.469-12.691 1.22-4.643 2.15-7.005 2.638-8.8.636-2.338-1.053-3.587-2.911-3.191-2.52.537-2.894 2.717-3.152 3.623 0 0-5.424 19.884-5.424 24.1" fill="#edff00" transform="translate(-748.105 -229.013)"/> 355 </g> 356</svg> 357 </picture> 358 </a> 359 <a class="nav-link d-block d-md-none d-lg-none btn-cta-secondary btn-md-inscription px-0" href="/inscription" > 360 S'inscrire 361 </a> <button class="mr-0 pr-0 navbar-toggler navbar-toggler-right custom-toggler d-md-none collapsed" type="button" data-toggle="collapse" data-target="#navbarCollapseMobile" aria-controls="navbarC
361ollapseMobile" aria-expanded="false" aria-label="Toggle navigation"> 362 <span class="navbar-toggler-icon"></span> 363 </button> 364 <div class="collapse navbar-collapse w-100" id="navbarCollapse"> 365 <div class="navbar_menu_top navbar_menu_top_md navbar-nav d-none d-none d-xl-flex flex-column flex-lg-row mr-lg-auto pt-5 pt-lg-0 pb-2 pb-lg-0 pl-0 "> 366 367 <div class="nav-item element-hide element-1"> 368 <a class="nav-link text-left d-inline-block track-level-1 " href="/code-de-la-route">Code de la route</a> 369 </div> 370 <div class="nav-item dropdown dropdown-not-hide-when-click element-hide element-2"><a href="javascript:void(0);" class="nav-link track-level-1" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span><i class="fa fa-angle-down d-lg-none mr-2"></i></span>Permis de conduire<span style="display: inline-block;"><i class="ml-2 fa fa-angle-down d-none d-lg-block"></i></span></a><div class="dropdown-menu dropdown-menu-stych dropdown-top-menu" aria-labelledby="navbarDropdown"><a href="javascript:void(0);" class="dropdown-item text-left menu-collapse track-level-2 level-2" 371 role="button" data-target="navbar-dropdown-burgermenu-938453985082246-3" aria-expanded="false" aria-controls="navbar-dropdown-burgermenu-938453985082246-3" title="Permis B : Voiture"> 372 Permis B : Voiture<i class="fas fa-chevron-right"></i> 373 </a><div class="collapse" id="navbar-dropdown-burgermenu-938453985082246-3"><a class="dropdown-item dropdown-child text-left track-level-3 level-3" href="/permis-B" title="Packs classiques"> 374 Packs classiques 375 </a><a class="dropdown-item dropdown-child text-left track-level-3 level-3" href="/pp-pack-accelere-code-conduite" title="Permis accéléré"> 376 Permis accéléré 377 </a><a class="dropdown-item dropdown-child text-left track-level-3 level-3" href="/pp-conduite-accompagnee" title="Conduite accompagnée"> 378 Conduite accompagnée 379 </a></div> 380 <a class="dropdown-item text-left track-level-2 level-1" href="/permis-B-cpf" > 381 Financement CPF</a> 382 <a class="dropdown-item text-left track-level-2 level-1" href="/tarifs" > 383 Nos tarifs</a> 384 <a class="dropdown-item text-left track-level-2 level-1" href="/contact" > 385 Contacter un conseiller</a></div></div> 386 <div class="nav-item element-hide element-3"> 387 <a class="nav-link text-left d-inline-block track-level-1 " href="/permis-A">Permis Moto</a> 388 </div> 389 390 <div class="nav-item element-hide element-4"> 391 <a class="nav-link text-left d-inline-block track-level-1 " href="/nos-points-de-rdv-search">Où sommes nous ? </a> 392 </div> 393 <div class="nav-item dropdown dropdown-not-hide-when-click element-hide element-5"><a href="javascript:void(0);" class="nav-link track-level-1" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span><i class="fa fa-angle-down d-lg-none mr-2"></i></span>Autres services<span style="display: inline-block;"><i class="ml-2 fa fa-angle-down d-none d-lg-block"></i></span></a><div class="dropdown-menu dropdown-menu-stych dropdown-top-menu" aria-labelledby="navbarDropdown"> 394 <a class="dropdown-item text-left track-level-2 level-1" href="/pp-formation-ecoconduite" > 395 Formation Ãco conduite</a> 396 <a class="dropdown-item text-left track-level-2 level-1" href="/pp-formation-securite-routiere" > 397 Sécurité Routière</a> 398 <a class="dropdown-item text-left track-level-2 level-1" href="/pp-formation-velo" > 399 Vélo</a> 400 <a class="dropdown-item text-left track-level-2 level-1" href="/pp-formation-trottinette" > 401 Trottinette</a> 402 <a class="dropdown-item text-left track-level-2 level-1" href="/pp-assurance-auto-stych" > 403 Assurance auto</a></div></div> 404 </div> 405 </div> 406 <div class="collapse w-100 d-lg-none" id="navbarCollapseMobile"> 407 <div class="navbar_menu_top navbar-nav menu-complet d-flex flex-column pt-4 pb-4 pl-0 "> 408 <a class="dropdown-item text-left track-level-1 level-1" href="/code-de-la-route" title="Code de la route"> 409 Code de la route 410 </a><a href="javascript:void(0);" class="dropdown-item text-left menu-collapse track-level-1 level-1" 411 role="button" data-target="navbar-dropdown-burgermenu-332607916378334-2" aria-expanded="false" aria-controls="navbar-dropdown-burgermenu-332607916378334-2" title="Permis de conduire"> 412 Permis de conduire<i class="fas fa-chevron-right"></i> 413 </a><div class="collapse" id="navbar-dropdown-burgermenu-332607916378334-2"><a href="javascript:void(0);" class="dropdown-item text-left menu-collapse track-level-2 level-2" 414 role="button" data-target="navbar-dropdown-burgermenu-332607916378334-3" aria-expanded="false" aria-controls="navbar-dropdown-burgermenu-332607916378334-3" title="Permis B : Voiture"> 415 Permis B : Voiture<i class="fas fa-chevron-right"></i> 416 </a><div class="collapse" id="navbar-dropdown-burgermenu-332607916378334-3"><a class="dropdown-item dropdown-child text-left track-level-3 level-3" href="/permis-B" title="Packs classiques"> 417 Packs classiques 418 </a><a class="dropdown-item dropdown-child text-left track-level-3 level-3" href="/pp-pack-accelere-code-conduite" title="Permis accéléré"> 419 Permis accéléré 420 </a><a class="dropdown-item dropdown-child text-left track-level-3 level-3" href="/pp-conduite-accompagnee" title="Conduite accompagnée"> 421 Conduite accompagnée 422 </a></div><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/permis-B-cpf" title="Financement CPF"> 423 Financement CPF 424 </a><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/tarifs" title="Nos tarifs"> 425 Nos tarifs 426 </a><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/contact" title="Contacter un conseiller"> 427 Contacter un conseiller 428 </a></div><a class="dropdown-item text-left track-level-1 level-1" href="/permis-A" title="Permis Moto"> 429 Permis Moto 430 </a><a class="dropdown-item text-left track-level-1 level-1" href="/nos-points-de-rdv-search" title="Où sommes nous ? "> 431 Où sommes nous ? 432 </a><a href="javascript:void(0);" class="dropdown-item text-left menu-collapse track-level-1 level-1" 433 role="button" data-target="navbar-dropdown-burgermenu-332607916378334-7" aria-expanded="false" aria-controls="navbar-dropdown-burgermenu-332607916378334-7" title="Autres services"> 434 Autres services<i class="fas fa-chevron-right"></i> 435 </a><div class="collapse" id="navbar-dropdown-burgermenu-332607916378334-7"><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/pp-formation-ecoconduite" title="Formation Ãco conduite"> 436 Formation Ãco conduite 437 </a><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/pp-formation-securite-routiere" title="Sécurité Routière"> 438 Sécurité Routière 439 </a><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/pp-formation-velo" title="Vélo"> 440 Vélo 441 </a><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/pp-formation-trottinette" title="Trottinette"> 442 Trottinette 443 </a><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/pp-assurance-auto-stych" title="Assurance auto"> 444 Assurance auto 445 </a></div><div class="nav-item-md d-lg-none"> 446 <a class="nav-link-md" href="/connexion"> 447 Se connecter 448 </a> 449 </div> 450 </div> 451 </div> 452 <div class="navbar-collapse col-xl-4 col-lg-10 col-md-10 col-sm-9 col-8 px-0"> 453 <ul class="navbar_menu_account navbar-nav ml-lg-auto d-none d-md-flex flex-md-row justify-content-md-end align-items-center"> 454 <li class="nav-item text-center"> 455 <a class="nav-link btn-cta-primary btn-md-login" style="color: #3366FF !important;" href="/connexion" title="Se connecter">Se connecter</a> 456 </li><li class="nav-item text-center ml-3"> 457 <a class="nav-link btn-cta-secondary btn-md-inscription" href="/inscription" title="S'inscrire" >S'inscrire</a> 458 </li><div class="nav-item dropdown dropdown-downleft menu-complet dropdown-not-hide-when-click pl-3 p-0"> 459 <a href="javascript:void(0);" class="nav-link" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
460 <span class="menu-complet-icon-md"></span> 461 </a> 462 <div class="dropdown-menu dropdown-menu-stych dropdown-menu-stych-md" aria-labelledby="navbarDropdown"> 463 <a class="dropdown-item text-left track-level-1 level-1" href="/code-de-la-route" title="Code de la route"> 464 Code de la route 465 </a><a href="javascript:void(0);" class="dropdown-item text-left menu-collapse track-level-1 level-1" 466 role="button" data-target="navbar-dropdown-burgermenu-495169857920876-2" aria-expanded="false" aria-controls="navbar-dropdown-burgermenu-495169857920876-2" title="Permis de conduire"> 467 Permis de conduire<i class="fas fa-chevron-right"></i> 468 </a><div class="collapse" id="navbar-dropdown-burgermenu-495169857920876-2"><a href="javascript:void(0);" class="dropdown-item text-left menu-collapse track-level-2 level-2" 469 role="button" data-target="navbar-dropdown-burgermenu-495169857920876-3" aria-expanded="false" aria-controls="navbar-dropdown-burgermenu-495169857920876-3" title="Permis B : Voiture"> 470 Permis B : Voiture<i class="fas fa-chevron-right"></i> 471 </a><div class="collapse" id="navbar-dropdown-burgermenu-495169857920876-3"><a class="dropdown-item dropdown-child text-left track-level-3 level-3" href="/permis-B" title="Packs classiques"> 472 Packs classiques 473 </a><a class="dropdown-item dropdown-child text-left track-level-3 level-3" href="/pp-pack-accelere-code-conduite" title="Permis accéléré"> 474 Permis accéléré 475 </a><a class="dropdown-item dropdown-child text-left track-level-3 level-3" href="/pp-conduite-accompagnee" title="Conduite accompagnée"> 476 Conduite accompagnée 477 </a></div><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/permis-B-cpf" title="Financement CPF"> 478 Financement CPF 479 </a><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/tarifs" title="Nos tarifs"> 480 Nos tarifs 481 </a><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/contact" title="Contacter un conseiller"> 482 Contacter un conseiller 483 </a></div><a class="dropdown-item text-left track-level-1 level-1" href="/permis-A" title="Permis Moto"> 484 Permis Moto 485 </a><a class="dropdown-item text-left track-level-1 level-1" href="/nos-points-de-rdv-search" title="Où sommes nous ? "> 486 Où sommes nous ? 487 </a><a href="javascript:void(0);" class="dropdown-item text-left menu-collapse track-level-1 level-1" 488 role="button" data-target="navbar-dropdown-burgermenu-495169857920876-7" aria-expanded="false" aria-controls="navbar-dropdown-burgermenu-495169857920876-7" title="Autres services"> 489 Autres services<i class="fas fa-chevron-right"></i> 490 </a><div class="collapse" id="navbar-dropdown-burgermenu-495169857920876-7"><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/pp-formation-ecoconduite" title="Formation Ãco conduite"> 491 Formation Ãco conduite 492 </a><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/pp-formation-securite-routiere" title="Sécurité Routière"> 493 Sécurité Routière 494 </a><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/pp-formation-velo" title="Vélo"> 495 Vélo 496 </a><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/pp-formation-trottinette" title="Trottinette"> 497 Trottinette 498 </a><a class="dropdown-item dropdown-child text-left track-level-2 level-2" href="/pp-assurance-auto-stych" title="Assurance auto"> 499 Assurance auto 500 </a></div> 501 </div> 502 </div> 503 </ul> 504 </div> 505 </div> 506</nav> 507 508 509 510<main id="lambda-page"> 511 512 <section class="section-contact-md"> 513 <div> 514 <div class='row pt-2 pb-4 no-gutters justify-content-center'> 515 <div class='col-contact col-lg-12 col-sm-12'> 516 <div class="container"> 517 <h1 class="text-center pt-5 m-0">Prends un rendez-vous téléphonique</h1> 518 <h2 class="pb-5 text-center secondary"> 519 Nos conseillers sont à ton écoute 520 </h2> 521 </div> 522 523 <div class="blue-info d-block d-md-none"> 524 <div class="container"> 525 526 <p class="blue-info-head text-left text-lg-center">Un conseiller te rappellera à lâhoraire de ton choix</p> 527 528 <div class="d-flex pt-5">
529 <span class="material-symbols-outlined"> 530 person 531 </span> 532 <div class="col-10"> 533 <p>Si tu es déjà client(e) Stych, contacte le service client <a class="white-link-md" href="/elearning/formation-home">depuis ton compte</a>.</p> 534 </div> 535 </div> 536 537 <div class="d-flex pt-5"> 538 <span class="material-symbols-outlined"> 539 help 540 </span> 541 <div class="col-10"> 542 <p>Avant de nous contacter, n'hésite pas à consulter <a class="white-link-md" href="javascript:void(0)" onclick="toggleFaq()">notre FAQ</a>.</p> 543 </div> 544 </div> 545 546 <div class="d-flex pt-5"> 547 <span class="material-symbols-outlined"> 548 call 549 </span> 550 <div class="col-10"> 551 <p>Notre service client est disponible 7 jours sur 7 pour t'assister et répondre à tes questions.</p> 552 </div> 553 </div> 554 </div> 555 </div> 556 <div class='row justify-content-center'> 557 <div class="contact-left left col-lg-4 col-md-12 d-none d-md-flex"> 558 <div class="blue-info blue-info-radius p-5"> 559 <p class="blue-info-head">Un conseiller te rappellera à lâhoraire de ton choix</p> 560 561 <div class="d-flex pt-5"> 562 <span class="material-symbols-outlined"> 563 person 564 </span> 565 <div class="col-10"> 566 <p>Si tu es déjà client(e) Stych, contacte le service client <a class="white-link-md" href="/elearning/formation-home">depuis ton compte</a>.</p> 567 </div> 568 </div> 569 570 <div class="d-flex pt-5"> 571 <span class="material-symbols-outlined"> 572 help 573 </span> 574 <div class="col-10"> 575 <p>Avant de nous contacter, n'hésite pas à consulter <a class="white-link-md" href="javascript:void(0)" onclick="toggleFaq()">notre FAQ</a>.</p> 576 </div> 577 </div> 578 579 <div class="d-flex pt-5"> 580 <span class="material-symbols-outlined"> 581 call 582 </span> 583 <div class="col-10"> 584 <p>Notre service client est disponible 7 jours sur 7 pour t'assister et répondre à tes questions.</p> 585 </div> 586 </div> 587 </div> 588 589 <div class="justify-content-center h-100 img-star-container"> 590 <div class="d-flex h-100"> 591 <img src="/img/stych/home/star_yellow.svg"> 592 </div> 593 </div> 594 </div> 595 <div class='contact-right col-12 col-md-12 col-lg-5'> 596 <div class="contact-form container"> 597 <h4 class="secondary"> 598 Laisse-nous tes coordonnées, choisis ton créneau de rappel, créé ton compte et on te rappelle. 599 </h4> 600 601 <div class="obligatoire"> 602 <span style="color: #FD8C22;">*</span> Champs obligatoires 603 </div> 604 605 <form action="" method="POST" name="inscription" novalidate="novalidate" id="inscription"><div> 606 607 608 <div id="zone-recall"> 609 610 <div class="form-group " id="zone_selected_hour_callback"> 611 <select name="selected_hour_callback" id="heure_demande_rappel" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 form-inscription-input input-ae dropdown-select custom-select" autocomplete="off" required="required" data-msg_require="l’heure de rappel"><option value=""></option></select> 612 613 <label for="heure_demande_rappel">
613Quand souhaites-tu être rappelé ?</label> 614 615 </div> <input type="hidden" name="id_assign_rappel" id="id_assign_rappel" value=""> <div class="clearfix"></div> 616 617 </div> 618</div> 619
620<script> 621 var arrayAvailableDays = []; 622 var arrayAvailableHours = []; 623 624 function availableDays(date) { 625 if (!arrayAvailableDays) 626 return [false, "", "Unavailable"]; 627 var ymd = moment(date).format('YYYY-MM-DD'); 628 if ($.inArray(ymd, arrayAvailableDays) !== -1) 629 return [true, ""]; 630 else 631 return [false, "", "Unavailable"]; 632 } 633 634 function getDates(month, year) { 635 var url = "/insc/available-days"; 636 var data = {month: month, 637 year: year, 638 date_debut: '', 639 from_inscription: "1", 640 refund: "", 641 cpf: "", 642 cl: "", 643 classique: "", 644 evalInit: ""}; 645 646 $.pjson( 647 url, 648 data 649 ) 650 .done(function (data) { 651 if (data.alert) 652 alert(data.alert); 653 else { 654 arrayAvailableDays = data.availableDays; 655 arrayAvailableHours = data.availableHours; 656 // $('#date_demande_rappel').datepicker('refresh'); 657 getHours(); 658 } 659 }) 660 .fail(function () { 661 }); 662 } 663 664 function getHours() { 665 var options = $('#heure_demande_rappel > option:first-child')[0].outerHTML; 666 if (Object.keys(arrayAvailableHours).length) { 667 $.each(arrayAvailableHours, function (indexDate, ary) { 668 var date = moment(indexDate).format('DD-MM-YYYY'); 669 options += '<optgroup label="'+date+'">'; 670 $.each(ary, function (aryIndex, elem) { 671 options += '<option value="'+indexDate+ ' ' + elem.heure_debut + '" data-id_assign="' + elem.id_assign 672 + '">entre ' + elem.heure_debut_fr + ' et ' + elem.heure_fin_fr + '</option>' 673 }); 674 options += '</optgroup>'; 675 }); 676 $('#heure_demande_rappel').html(options); 677 $('#heure_demande_rappel option:eq(0)').val(0); 678 $('#heure_demande_rappel option:eq(1)').prop('selected', true); 679 $('#heure_demande_rappel').trigger('change'); 680 } 681 } 682 683 var isCpackCPF = 0; 684 jQuery(document).ready(function ($) { 685 686 if (0) 687 { 688 $('#zone-recall').hide(); 689 690 $('#code_postal').change(function() { 691 if ($.inArray(parseInt($(this).val().substring(0,2)), [01,02,03,04,05,06,07,08,09,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,97]) != -1 || isCpackCPF == 1) 692 { 693 $('#zone-recall').show(); 694 if (0) 695 { 696 $('#heure_demande_rappel').prepend($("<option value='-1'></option>")); 697 $('#heure_demande_rappel option:eq(0)').prop('selected', true).trigger('change'); 698 } 699 else 700 $('#heure_demande_rappel option:eq(1)').prop('selected', true).trigger('change'); 701 // $('input[name="want_recall"]').trigger('change'); 702 } 703 else if ($('input[name=want_recall]:checked').length == 0) 704 { 705 $('#heure_demande_rappel option:eq(0)').prop('selected', true).trigger('change'); 706 $('[name="id_assign_rappel"]').val(0); 707 $('#zone-recall').hide(); 708 } 709 }); 710 711 } 712 713 var spanError = $('<span>').addClass('form-error is-visible'); 714 715 $('[name="selected_hour_callback"]').change(function(){ 716 $(this).removeClass('input-error').next('.form-error').remove(); 717 }); 718 719 $('.btn-save-demande').click(function(){ 720 721 var selectedHour = $('[name="selected_hour_callback"]').val(); 722 if (!selectedHour) 723 { 724 $('[name="selected_hour_callback"]').addClass('input-error') 725 .after(spanError.html('Merci de sélectionner un horaire.')); 726 return false; 727 } 728 729 var curBtn = $(this); 730 curBtn.button('loading'); 731 732 var data = new FormData(); 733 data.append('id_assign_rappel', $('[name="id_assign_rappel"]').val()); 734 data.append('selected_hour_callback', selectedHour); 735 736 737 $.pjson( 738 '/elearning/demande-de-rappel/record-rappel-simplified', 739 data 740 ) 741 .done(function (data) { 742 if (typeof callBackRecordRapel === 'function') 743 { 744 callBackRecordRapel(data); 745 } 746 curBtn.button('reset'); 747 }) 748 .fail(function () { 749 curBtn.button('reset'); 750 }); 751 }); 752 753 if ($('[name="want_recall"]').length == 0) 754 { 755 getDates('10', '2026'); 756 $('#heure_demande_rappel option:first').text('Je ne souhaite pas être rappelé'); 757 } 758 759 $('[name="want_recall"]').change(function () { 760 var bool = Boolean(Number($(this).val())); 761 $('#zone-recall').toggle(bool); 762 if (!bool) 763 { 764 $('[name="selected_hour_callback"]').val('').trigger('change'); 765 } 766 else 767 { 768 getDates('10', '2026'); 769 $('#date_demande_rappel').datepicker('show'); 770 } 771 }); 772 773 $(document).on('change', '#heure_demande_rappel', function () { 774 var id_assign = $(this).find('option:selected').data('id_assign'); 775 $('[name="id_assign_rappel"]').val(id_assign); 776 }); 777 778 }); 779</script>
779 780 781 782 <div class="form-group " id="zone_tel"> 783 <input name="tel" required="required" type="tel" autocomplete="off" data-test="0691585712" maxlength="10" pattern="^(\+33|0033|0)(6|7)[0-9]{8}$" id="tel" placeholder="Téléphone" class=" form-control" value=""> 784 785 <label for="tel">Téléphone</label> 786 787 </div> 788 <div class="form-group " id="zone_email"> 789 <input name="email" required="required" type="email" autocomplete="off" data-test="Test1791585712@yopmail.com" pattern="^[a-zA-Z0-9\.!#$%&’*+\/=?^_`\{\|\}~\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-]+$" id="email" placeholder="Email" class=" form-control" value=""> 790 791 <label for="email">Email</label> 792 793 </div> 794 <div class="form-group " id="zone_mdp"> 795 <input name="mdp" required="required" type="password" id="mdp" autocomplete="off" data-test="123456" placeholder="Mot de passe" class=" form-control" value=""> 796 797 <label for="mdp">Mot de passe</label> 798 799 </div> <div id="zone_code_postal_date_naissance"> 800 <div class="form-group col-sm-5" id="zone_code_postal"> 801 <input name="code_postal" required="required" type="tel" autocomplete="off" data-test="75006" maxlength="5" pattern="\d*" id="code_postal" placeholder="Code postal" class=" form-control" value=""> 802 803 <label for="code_postal">Code postal</label> 804 805 </div> 806 <div class="form-group col-sm-7" id="zone_date_naissance"> 807 <label>Date de naissance</label> 808 <div class="d-flex" style="justify-content: space-between;"> 809 <input class="form-control col-3 px-3 text-center" required="required" type="number" min="1" max="31" data-test="11" id="day" maxlength="2" placeholder="JJ" pattern="\d{1,2}" inputmode="numeric" required> 810 <input class="form-control col-3 px-3 text-center" required="required" type="number" min="1" max="12" data-test="11" id="month" maxlength="2" placeholder="MM" pattern="\d{1,2}" inputmode="numeric" required> 811 <input class="form-control col-4 px-3 text-center" required="required" type="number" min="1925" data-test="1992" id="year" maxlength="4" placeholder="AAAA" pattern="\d{4}" inputmode="numeric" required> 812 </div> 813 814 <input style="position: absolute; width: 1px; height: 1px; opacity: 0;" name="date_naissance" required="required" type="tel" autocomplete="off" data-test="11/11/1992" maxlength="10" placeholder="XX/XX/XXXX" readonly="readonly" id="date_naissance" class="form-control" value=""> 815 </div> 816 817</div> 818<div id="zone-profession"> 819 <h3 class="zone_title_profession mb-4" style="display:none;">Afin de te proposer une expérience personnalisée, peux-tu nous en dire plus sur ta situation actuelle:</h3> 820 821 <div class="form-group " id="zone_select_id_profession"> 822 <select name="select_id_profession" id="select_id_profession" class="required-if-visible custom-select" autocomplete="off" required="required" data-msg_require="Saisis ta situation actuelle"><option value="" selected="selected" disabled="disabled"></option> 823<option value="12">Lycéen / étudiant</option> 824<option value="13">Salarié</option> 825<option value="14">Travailleur indépendant</option> 826<option value="15">Fonctionnaire</option> 827<option value="16">Demandeur dâemploi inscrits à France travail</option> 828<option value="10">Autre catégorie</option></select> 829 830 <label for="select_id_profession">Quelle est ta situation actuelle ?</label> 831 832 </div> 833 <div class="form-group " id="zone_select_id_temps_travail"> 834 <select name="select_id_temps_travail" id="select_id_temps_travail" class="required-if-visible custom-select" autocomplete="off" required="required" data-msg_require="Saisis ton temps de travail"><option value="" selected="selected" disabled="disabled"></option> 835<option value="2">Temps partiel</option> 836<option value="1">Temps plein</option></select> 837 838 <label for="select_id_temps_travail">Temps plein ou temps partiel ?</label> 839 840 </div> 841 <div class="form-group " id="zone_select_annees_travail"> 842 <select name="select_annees_travail" id="select_annees_travail" class="required-if-visible custom-select" autocomplete="off" required="required" data-msg_require="Saisis le nombre d'années travaillées"><option value="" selected="selected" disabled="disabled"></option> 843<option value="1">1 an</option> 844<option value="2">2 ans</option> 845<option value="3">3 ans</option> 846<option value="4">4 ans</option> 847<option value="5">5 ans ou plus</option></select> 848 849 <label for="select_annees_travail">Depuis combien de temps ?</label> 850 851 </div> 852 <div class="form-group " id="zone_select_profession_cfa"> 853 <select name="select_profession_cfa" id="select_profession_cfa" class="required-if-visible custom-select" autocomplete="off" required="required" data-msg_require="Réponds par oui ou par non."><option value="" selected="selected" disabled="disabled"></option> 854<option value="1">Oui</option> 855<option value="0">Non</option></select> 856 857 <label for="select_profession_cfa">Es-tu en contrat d'apprentissage dans un CFA</label> 858 859 </div> <div class="clearfix"></div> 860</div> 861
862<script> 863 864 var departements_eligibles_zen = [01,02,03,04,05,06,07,08,09,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,97]; 865 866 $(document).ready(function() { 867 init_profession(); 868 869 $('#code_postal').on('input', function() { 870 if ($(this).val().length >= 5) 871 init_profession(); 872 }); 873 874 $('select[name="select_id_profession"]').on('change', function() { 875 init_profession(); 876 877 if ($(this).valid()) 878 { 879 $(this).parent().find('.invalid-feedback').remove(); 880 $(this).removeClass('is-invalid') 881 } 882 883 }); 884 885 $(".contact-form #zone_select_id_profession option:first-child").text("Quelle est ta situation actuelle ?"); 886 $(".contact-form #zone_select_id_temps_travail option:first-child").text("Temps plein ou temps partiel ?"); 887 $(".contact-form #zone_select_annees_travail option:first-child").text("Depuis combien de temps ?"); 888 $(".contact-form #zone_select_profession_cfa option:first-child").text("Es-tu en contrat d'apprentissage dans un CFA ?"); 889 890 }); 891 892 function init_profession() 893 { 894 var ids_profession_included = ['13', '15']; 895 var ids_profession_cfa_included = ['12']; 896 let code_postal = $('input[name="code_postal"]').val(); 897 let departement = 0; 898 if (code_postal.length >= 5) 899 departement = code_postal.substr(0, 2); 900 901 if (departements_eligibles_zen.includes(parseInt(departement))) 902 { 903 $('.zone_title_profession').show(); 904 $('#zone_select_id_profession').show(); 905 } 906 else 907 { 908 $('.zone_title_profession').hide(); 909 $('#zone_select_id_profession').hide(); 910 $('#zone_select_id_temps_travail').hide(); 911 $('#zone_select_annees_travail').hide(); 912 $('#zone_select_profession_cfa').hide(); 913 } 914 915 var id_profession = $('#select_id_profession').val(); 916 if ($('#select_id_profession').is(':visible') && ids_profession_included.indexOf(id_profession) !== -1) 917 { 918 if ($('#select_id_profession').val() == '15') 919 { 920 $('#zone_select_id_temps_travail label').html('Vous êtes fonctionnaire à quel temps ?'); 921 $('#zone_select_annees_travail label').html("Vous êtes fonctionnaire depuis combien d'année ?"); 922 } 923 else 924 { 925 $('#zone_select_id_temps_travail label').html('Temps plein ou temps partiel ?'); 926 $('#zone_select_annees_travail label').html("Depuis combien de temps ?"); 927 } 928 $('#zone_select_id_temps_travail').show(); 929 $('#zone_select_annees_travail').show(); 930 } 931 else 932 { 933 $('#zone_select_id_temps_travail').hide(); 934 $('#zone_select_annees_travail').hide(); 935 } 936 937 if ($('#select_id_profession').is(':visible') && ids_profession_cfa_included.indexOf(id_profession) !== -1) 938 $('#zone_select_profession_cfa').show(); 939 else 940 $('#zone_select_profession_cfa').hide(); 941 942 $('#inscription').find('input:visible,select:visible,textarea:visible').on('keyup change',function() { 943 if ($(this).attr('name') === 'mdp') 944 return; 945
946 if ($(this).valid()) 947 { 948 $(this).parent().find('.invalid-feedback').remove(); 949 $(this).removeClass('is-invalid') 950 } 951 }) 952 } 953 954</script>
954 <div id='check-code' class='custom-control custom-checkbox mt-2 mb-2 d-none'> 955 <input id="check-besoin-code" name="checked_besoin_code" type='checkbox' class='custom-control-input' autocomplete='OFF'> 956 <label for="check-besoin-code" id='lbl-check-besoin-code' class="fz-12 fz-md-14 custom-control-label"> 957 J'ai besoin d'une formation au code de la route</a> 958 </label> 959 </div> 960 961 <div class="custom-control custom-checkbox " id="zone_accepte_offre_commerciale"> 962 <input type="hidden" name="accepte_offre_commerciale" value="0"><input type="checkbox" name="accepte_offre_commerciale" autocomplete="off" id="accepte_offre_commerciale" class=" custom-control-input" value="1"> 963 <label class="fz-12 fz-md-14 custom-control-label" for="accepte_offre_commerciale">Jâaccepte de recevoir des offres commerciales de la part de nos partenaires (La Posteâ¦)</label> 964 965 </div> 966 <input type="hidden" name="account_from_rappel" id="account_from_rappel" value="1"><input type="hidden" name="pk_creation_compte" id="pk_creation_compte" value=""><input type="hidden" name="is_minified" id="is_minified" value="1"><input type="hidden" name="track_uri" id="track_uri" value=""><input type="hidden" name="cpack" id="cpack" value=""> 967<input type="hidden" name="fromCPF" value="0" /> 968<div id='check-contrat' class='custom-control custom-checkbox mt-2'> 969 <input id="check-read-contrat" name="checked_read_contrat" type='checkbox' class='custom-control-input' required autocomplete='OFF'> 970 <label for="check-read-contrat" id='lbl-check-read-contrat' class="fz-12 fz-md-14 custom-control-label"> 971 <div> 972 J'ai lu et j'accepte les <a class='get-contract' style='text-decoration: underline' href="javascript:void(0);">CGV</a> 973 et la <a target="_blank" style='text-decoration: underline' href='/politique-confidentialite'>politique de confidentialité des données</a> 974 </div> 975 </label> 976</div> 977 978<div class="row justify-content-center bg-white floating-action-button-wrapper m-md-0"> 979 <input name="submit" type="submit" class="btn btn-primary btn-red btn-block text-uppercase p-3 rounded-lg mt-3 fz-12 order-1 submit-inscription submit-disabled order-md-0" id="btn-new-inscription" value="Créer mon compte"><label></label></div> 980 981<div class='zone-contrat' style='display:none;'> 982 <div style="margin:10% 0; text-align: center;"> 983 <i class='fa fa-2x fa-spinner fa-spin' style="margin:10px;"></i> Chargement⦠984 </div> 985</div> 986 987
988<script> 989var includedFromMercanetGPForm = 0; 990 991$(document).ready(function() { 992 var elZoneContrat = $('.zone-contrat').clone(); 993 elZoneContrat.removeAttr('style'); 994 function getContract(flat){ 995 if (!flat) 996 { 997 var elContrat = $(); 998 if (window.Foundation) 999 { 1000 elContrat = $('<div class="wrZc" style="position: relative; width: 100%; max-width: 1000px; margin: 0 auto;">' + 1001 '<button class="close-button" data-close aria-label="Close reveal" type="button">\n' + 1002 ' <span aria-hidden="true">×</span>\n' + 1003 '</button></div>').append(elZoneContrat); 1004 var elem = new Foundation.Reveal(elContrat, {}); 1005 elem.open(); 1006 } 1007 else 1008 { 1009 elContrat = $('<div class="modal fade" tabindex="-1" aria-hidden="true">\n' + 1010 ' <div class="modal_contrat_cgv modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">\n' + 1011 ' <div class="modal-content">\n' + 1012 ' <button type="button" class="close" data-dismiss="modal" aria-label="Close">\n' + 1013 ' <span aria-hidden="true">×</span>\n' + 1014 ' </button>\n' + 1015 ' </div>\n' + 1016 ' </div>\n' + 1017 '</div>'); 1018 elContrat.find('.modal-content').append(elZoneContrat); 1019 elContrat.modal('show'); 1020 } 1021 } 1022 1023 return $.pjson( 1024 '/plateforme/contrat-json?id_facture=0', 1025 {} 1026 ) 1027 .done(function (data) { 1028 if (data.content) { 1029 if (!flat) 1030 elContrat.find('.zone-contrat').html(data.content); 1031 else 1032 $('.zone-contrat').html(data.content); 1033 } 1034 }) 1035 .fail(function () { 1036 }); 1037 } 1038 1039 if ($('.zone-contrat').is(':visible')) 1040 getContract(true); 1041 1042 $('.get-contract').click(function(){ 1043 1044 var curBtn = $(this); 1045 curBtn.button('loading'); 1046 1047 getContract().then(function(){ 1048 curBtn.button('reset'); 1049 }); 1050 }); 1051 1052 $('#lbl-check-read-contrat').click(function(e) { 1053 1054 e.stopPropagation(); 1055 1056 var check_id = $('#check-read-contrat').attr('check_id'); 1057 $('.checkbox[name=checker][check_id='+check_id+']').click(); 1058 1059 }); 1060 1061 $('#check-read-contrat').click(function() { 1062 1063 if (includedFromMercanetGPForm) 1064 return; 1065 1066 if ($('#check-read-contrat').is(':checked')) 1067 $('#btn-sign').show(); 1068 else 1069 $('#btn-sign').hide(); 1070 1071 }); 1072 1073 1074 $('#btn-sign').click(function(event) { 1075 1076 $('#btn-sign').button('loading'); 1077 $('#btn-sign').css({"border-radius": "40px" }); 1078 1079 var urlRedirect = ''; 1080 1081 $.post( 1082 '/plateforme/sign-contrat', 1083 {id_facture: ''}, 1084 function (data) 1085 { 1086 if (data.alert) 1087 alert(data.alert); 1088 1089 if (data.statut == 'OK') 1090 { 1091 if (urlRedirect) 1092 { 1093 window.location.href = urlRedirect; 1094 } 1095 else if (data.redirect) 1096 { 1097 window.location.href = data.redirect; 1098 } 1099 else 1100 { 1101 window.location.href = window.location.href.substr(0, window.location.href.indexOf('#')); 1102 } 1103 } 1104 else 1105 { 1106 $('#btn-sign').button('reset'); 1107 } 1108 }, 1109 'json'); 1110 }); 1111 1112}); 1113</script>
1113 1114<style type="text/css"> 1115 .modal .modal_contrat_cgv .modal-content{ 1116 background: none; 1117 border:none; 1118 position: relative; 1119 border-radius: 0; 1120 } 1121 .modal .modal-content .zone-contrat{ 1122 margin: 0 auto; 1123 max-width: 100%; 1124 height: 80vh !important; 1125 } 1126 .modal .modal_contrat_cgv .modal-content .close{ 1127 position: absolute; 1128 right: 25px; 1129 top: 20px; 1130 } 1131 /**/ 1132 #view-container{ 1133 background-color: rgb(231,235,238); 1134 } 1135 1136 /**/ 1137</style>
1138<script> 1139var aryRequired = {"nom":"Saisis ton nom","prenom":"Saisis ton pr\u00e9nom","email":"Saisis ton email","mdp":"Veuillez saisir votre mot de passe","code_postal":"Saisis ton code postal","date_naissance":"Saisis ta date de naissance"}; 1140var aryInvalid = {"email":"Ton email ne semble pas correct"}; 1141 1142$(document).ready(function() { 1143 var is_v2 = Boolean($('#inscription-v2').length); 1144 1145 $("#track_uri").val(""+window.location.href+""); 1146 1147 $('[name="code_postal"],[name="tel"]').keypress(function(e){ 1148 return e.keyCode>47 && e.keyCode<58; 1149 }); 1150 1151 $('#zone_mdp').append('<div class="eye-password" ></div>'); 1152 $('.eye-password').click(function(){ 1153 let el_mdp = document.getElementById("mdp"); 1154 $(this).removeClass('showed'); 1155 if (el_mdp.type == 'password') 1156 { 1157 el_mdp.type = "text"; 1158 $(this).addClass('showed'); 1159 } 1160 else 1161 el_mdp.type = "password"; 1162 }); 1163 1164 if (is_v2) 1165 { 1166 $('#inscription').find('input:visible,select:visible,textarea:visible').on('keyup change',function() { 1167 if ($(this).attr('name') === 'mdp') 1168 { 1169 newValidPassword($(this).val()) 1170 return; 1171 } 1172
1173 if ($(this).valid()) 1174 $(this).parent().find('.invalid-feedback').remove(); 1175 }) 1176 $('#inscription').find('input:visible,select:visible,textarea:visible').on('focusout',function() { 1177 $(this).removeClass('is-invalid'); 1178 if ($(this).attr('name') === 'mdp') 1179 return; 1180 1181 var msgRequired = aryRequired[$(this).attr('name')]; 1182 if (!msgRequired) 1183 return; 1184 1185 var parents = $(this).parents('.form-group'); 1186 var elError = parents.find('.invalid-feedback'); 1187 1188 if (!elError.length) 1189 { 1190 elError = $('<div class="invalid-feedback"></div>'); 1191 $(elError).insertAfter(this); 1192 } 1193 1194 if (!$.trim($(this).val())) 1195 { 1196 parents.addClass('was-validated'); 1197 elError.html(msgRequired); 1198 // $(this).focus(); 1199 error = true; 1200 return; 1201 } 1202 1203 var msgInvalid = aryInvalid[$(this).attr('name')]; 1204 if (!msgInvalid) 1205 { 1206 elError.remove(); 1207 return; 1208 } 1209 1210 if ($(this)[0].checkValidity() === false) 1211 { 1212 parents.addClass('was-validated'); 1213 elError.html(msgInvalid); 1214 // $(this).focus(); 1215 error = true; 1216 return; 1217 } 1218 elError.remove(); 1219 }); 1220 } 1221 1222 $('#inscription').submit(function(){ 1223 var curBtn = $(this).find('input:submit') 1224 var error = false; 1225 1226 $('#inscription').find('input:visible,select:visible,textarea:visible').each(function() { 1227 var msgRequired = aryRequired[$(this).attr('name')]; 1228 if (!msgRequired) 1229 return; 1230 1231 1232 var parents = $(this).parents('.form-group'); 1233 var elError = parents.find('.invalid-feedback'); 1234 1235 if (!elError.length) 1236 { 1237 elError = $('<div class="invalid-feedback"></div>'); 1238 $(elError).insertAfter(this); 1239 } 1240 1241 if (!$.trim($(this).val())) 1242 { 1243 parents.addClass('was-validated'); 1244 $(this).addClass('is-invalid'); 1245 elError.html(msgRequired); 1246 if ($(this).attr('name') != 'date_naissance') 1247 $(this).focus(); 1248 error = true; 1249 return; 1250 } 1251 1252 var msgInvalid = aryInvalid[$(this).attr('name')]; 1253 if (!msgInvalid) 1254 { 1255 if (is_v2) 1256 elError.remove(); 1257 return; 1258 } 1259 1260 if ($(this)[0].checkValidity() === false) 1261 { 1262 parents.addClass('was-validated'); 1263 elError.html(msgInvalid); 1264 $(this).focus(); 1265 error = true; 1266 return; 1267 } 1268 if (is_v2) 1269 elError.remove(); 1270 }); 1271 1272 // check required-if-visible 1273 $('#inscription').find('input:visible,select:visible,textarea:visible').each(function() { 1274 if (!$(this).hasClass('required-if-visible')) 1275 return; 1276 1277 var parents = $(this).parents('.form-group'); 1278 var elError = parents.find('.invalid-feedback'); 1279 $(this).removeClass('is-invalid'); 1280 1281 if (!elError.length) 1282 { 1283 elError = $('<div class="invalid-feedback"></div>'); 1284 $(elError).insertAfter(this); 1285 } 1286 1287 if (!$.trim($(this).val())) 1288 { 1289 parents.addClass('was-validated'); 1290 $(this).addClass('is-invalid'); 1291 elError.html($(this).data('msg_require')); 1292 $(this).focus(); 1293 error = true; 1294 return; 1295 } 1296 if (is_v2) 1297 elError.remove(); 1298 }); 1299 1300 if (is_v2) 1301 { 1302 var elPwd = $('input[name^=mdp]:visible'); 1303 if (elPwd.length) 1304 { 1305 var parents = elPwd.parents('.form-group'); 1306 var elError = parents.find('.invalid-feedback'); 1307 1308 parents.removeClass('was-validated'); 1309 elPwd.removeClass('is-invalid'); 1310 1311 if ($('.list-password').find('.valid').length < 3) 1312 { 1313 if (!elError.length) 1314 { 1315 elError = $('<div class="invalid-feedback"></div>'); 1316 $(elError).insertAfter(elPwd); 1317 } 1318 elError.html("Saisis un mot de passe valide"); 1319 parents.removeClass('was-validated'); 1320 elPwd.addClass('is-invalid'); 1321 error = true; 1322 } 1323 else 1324 { 1325 elError.remove(); 1326 } 1327 } 1328 } 1329 1330 var elCP = $('input[name^=code_postal]:visible'); 1331 if (elCP.length) 1332 { 1333 var parents = elCP.parents('.form-group');
1334 var elError = parents.find('.invalid-feedback'); 1335 1336 parents.removeClass('was-validated'); 1337 elCP.removeClass('is-invalid'); 1338 1339 if (!elError.length) 1340 { 1341 elError = $('<div class="invalid-feedback"></div>'); 1342 $(elError).insertAfter(elCP); 1343 } 1344 1345 let code_postal = elCP.val(); 1346 let msg = ''; 1347 if (code_postal.length != 5) 1348 { 1349 parents.removeClass('was-validated'); 1350 elCP.addClass('is-invalid'); 1351 msg = "Merci d'indiquer un code postal valide"; 1352 elCP.focus(); 1353 error = true; 1354 } 1355 elError.html(msg); 1356 if (msg == '' && is_v2) 1357 elError.remove(); 1358 } 1359 1360 var elPhone = $('input[name^=tel]:visible'); 1361 if (elPhone.length) 1362 { 1363 var parents = elPhone.parents('.form-group'); 1364 var elError = parents.find('.invalid-feedback'); 1365 1366 if (!elError.length) 1367 { 1368 elError = $('<div class="invalid-feedback"></div>'); 1369 $(elError).insertAfter(elPhone); 1370 } 1371 1372 var isPhoneOptionnal = false; 1373 if ($('#heure_demande_rappel option:first').is(':selected')) 1374 isPhoneOptionnal = true; 1375 1376 var msg = ''; 1377 if ((!elPhone.val() || (['06', '07'].indexOf(elPhone.val().substring(0, 2)) === -1) || !elPhone.is(':valid')) && !isPhoneOptionnal) 1378 { 1379 parents.addClass('was-validated'); 1380 msg = 'Merci d\'indiquer un numéro valide commençant par 06 ou 07'; 1381 elPhone.focus(); 1382 error = true; 1383 } 1384 elError.html(msg); 1385 if (msg == '' && is_v2) 1386 elError.remove(); 1387 msg = ''; 1388 } 1389 1390 var elRappel = $('select[name^=selected_hour_callback]:visible'); 1391 if (elRappel.length) 1392 { 1393 var parents = elRappel.parents('.form-group'); 1394 var elError = parents.find('.invalid-feedback'); 1395 1396 parents.removeClass('was-validated'); 1397 elRappel.removeClass('is-invalid'); 1398 1399 if (!elError.length) 1400 { 1401 elError = $('<div class="invalid-feedback"></div>'); 1402 $(elError).insertAfter(elRappel); 1403 } 1404 let selected_hour_callback = elRappel.val(); 1405 if (selected_hour_callback == '-1') 1406 { 1407 parents.removeClass('was-validated'); 1408 1409 elRappel.addClass('is-invalid'); 1410 msg = "Merci d'indiquer si tu souhaites être rappelé"; 1411 elRappel.focus(); 1412 error = true; 1413 } 1414 elError.html(msg); 1415 if (msg == '' && is_v2) 1416 elError.remove(); 1417 } 1418 1419 var elNom = $('input[name^=nom]:visible'); 1420 // var regex_nom_prenom = /\d/; 1421 if (elNom.length) 1422 { 1423 var parents = elNom.parents('.form-group'); 1424 var elError = parents.find('.invalid-feedback'); 1425 1426 parents.removeClass('was-validated'); 1427 elNom.removeClass('is-invalid'); 1428 1429 if (!elError.length) 1430 { 1431 elError = $('<div class="invalid-feedback"></div>'); 1432 $(elError).insertAfter(elNom); 1433 } 1434 let name_value = elNom.val(); 1435 1436 var msg = ''; 1437 if (name_value.length < 2) 1438 { 1439 parents.removeClass('was-validated'); 1440 1441 elNom.addClass('is-invalid'); 1442 msg = "Le nom indiqué n'est pas valide"; 1443 elNom.focus(); 1444 error = true; 1445 } 1446 elError.html(msg); 1447 if (msg == '' && is_v2) 1448 elError.remove(); 1449 } 1450 1451 var prenom = $('input[name^=prenom]:visible'); 1452 if (prenom.length) 1453 { 1454 var parents = prenom.parents('.form-group'); 1455 var elError = parents.find('.invalid-feedback'); 1456 1457 parents.removeClass('was-validated'); 1458 prenom.removeClass('is-invalid'); 1459 1460 if (!elError.length) 1461 { 1462 elError = $('<div class="invalid-feedback"></div>'); 1463 $(elError).insertAfter(prenom); 1464 } 1465 let first_name_value = prenom.val(); 1466 1467 var msg = ''; 1468 if (first_name_value.length < 2) 1469 { 1470 parents.removeClass('was-validated'); 1471 1472 prenom.addClass('is-invalid'); 1473 msg = "Le prenom indiqué n'est pas valide";
1474 prenom.focus(); 1475 error = true; 1476 } 1477 elError.html(msg); 1478 if (msg == '' && is_v2) 1479 elError.remove(); 1480 } 1481 1482 var read_contrat = $('input[name=checked_read_contrat]:visible'); 1483 if (read_contrat) 1484 { 1485 var parents = read_contrat.parents('#check-contrat'); 1486 parents.find('.invalid-feedback').css('display','none'); 1487 if (read_contrat.is(':checked') === false) 1488 { 1489 var elError = parents.find('.invalid-feedback'); 1490 1491 if (!elError.length) 1492 { 1493 elError = $('<div class="invalid-feedback"></div>'); 1494 $(elError).insertAfter(parents.find('label')); 1495 } 1496 1497 var msg = 'Tu dois accepter les conditions générales d\'utilisation pour t\'inscrire'; 1498 read_contrat.focus(); 1499 error = true; 1500 elError.html(msg); 1501 if (is_v2) 1502 parents.find('.invalid-feedback').css('display','flex'); 1503 else 1504 parents.find('.invalid-feedback').css('display','block'); 1505 } 1506 } 1507 1508 if (error) 1509 { 1510 scrollToError(); 1511 return false; 1512 } 1513 1514 var formData = $(this).serialize(); 1515 1516 curBtn.button('loading'); 1517 $.pjson( 1518 '/inscription//record', 1519 formData 1520 ) 1521 .done(function(data) { 1522 if (is_v2) 1523 { 1524 if (data.statut == 'KO') 1525 { 1526 scrollToError(); 1527 } 1528 } 1529 1530 if (data.callback) 1531 { 1532 if(typeof window[data.callback] === 'function') 1533 window[data.callback](data.callbackParams); 1534 } 1535 1536 if (data.openWindow) 1537 window.open(data.openWindow); 1538 1539 if (data.show_modal_not_eligible_cpf) 1540 { 1541 $('#modalNotEligibleCpf').modal({backdrop: 'static', keyboard: false, 'show': true}); 1542 return; 1543 } 1544 1545 if (data.redirect) 1546 { 1547 if (data.tracker_free_code_data) 1548 trackerFreeCode(data.tracker_free_code_data) 1549 if (data.tracker_sign_up_data) 1550 trackerSignUp(data.tracker_sign_up_data) 1551 window.location.href = data.redirect; 1552 return; 1553 } 1554 1555 if (data.refresh) 1556 { 1557 window.location.href = window.location.href; 1558 return; 1559 } 1560 1561 if (data.close_popup) 1562 $('.modal-header .close').click(); 1563 1564 if (data.fieldError) 1565 { 1566 $.each(data.fieldError, function (element, msg) { 1567 setFormGroupError(msg, $('#'+element)); 1568 }); 1569 } 1570 1571 if (!data.doNotResetButton) 1572 curBtn.button('reset'); 1573 }) 1574 .fail(function() { 1575 curBtn.button('reset'); 1576 }); 1577 return false; 1578 }); 1579 1580 const dateNaissanceInputActions = { 1581 validateAndMove(current, next, min, max, maxLength) { 1582 $(current).on("input", function () { 1583 let val = $(this).val().replace(/\D/g, ''); 1584 $(this).val(val); 1585 1586 if (val.length >= maxLength && next) { 1587 $(next).focus(); 1588 } 1589 1590 dateNaissanceInputActions.checkAndTrigger(); 1591 }); 1592 1593 $(current).on('focusout', function () { 1594 let val = $(this).val().replace(/\D/g, ''); 1595 let num = parseInt(val, 10); 1596 1597 if (!isNaN(num)) { 1598 if (num < min) { 1599 num = min; 1600 } else if (num > max) { 1601 num = max; 1602 } 1603 $(this).val(num.toString()); 1604 } else { 1605 $(this).val(min.toString()); 1606 } 1607 1608 dateNaissanceInputActions.checkAndTrigger(); 1609 }); 1610 }, 1611 1612 checkAndTrigger() { 1613 let day = $("#day").val().padStart(2, '0'); 1614 let month = $("#month").val().padStart(2, '0'); 1615 let year = $("#year").val(); 1616 1617 let selectedDate = `${day}/${month}/${year}`; 1618 dateNaissanceInputActions.fillHiddenDateField(selectedDate); 1619 }, 1620 1621 fillHiddenDateField(date) { 1622 $('#date_naissance').val(date).trigger('focusout'); 1623 } 1624 } 1625 1626 const current_year = (new Date()).getFullYear();
1627 const max_year_allowed = current_year - '13'; 1628 const min_year_allowed = current_year - '100'; 1629 1630 dateNaissanceInputActions.validateAndMove("#day", "#month", 1, 31, 2); 1631 dateNaissanceInputActions.validateAndMove("#month", "#year", 1, 12, 2); 1632 dateNaissanceInputActions.validateAndMove("#year", null, min_year_allowed, max_year_allowed, 4); 1633 1634 function scrollToError() 1635 { 1636 let errors_elm = $('.invalid-feedback:visible, input.error:visible'); 1637 1638 if (errors_elm.length > 0) 1639 { 1640 let elm_to_scroll = errors_elm[0]; 1641 if (elm_to_scroll) 1642 { 1643 let scrollTopPosition = $(elm_to_scroll).offset().top - ($(window).height() / 2) + ($(elm_to_scroll).outerHeight() / 2); 1644 $('html, body').animate({ 1645 scrollTop: scrollTopPosition 1646 }, 1000); 1647 } 1648 } 1649 } 1650 1651 function trackerFreeCode(data) 1652 { 1653 if (data) 1654 { 1655 window.dataLayer = window.dataLayer || []; 1656 window.dataLayer.push(JSON.parse(data)); 1657 } 1658 } 1659 1660 function trackerSignUp(data) 1661 { 1662 if (data) 1663 { 1664 window.dataLayer = window.dataLayer || []; 1665 window.dataLayer.push(JSON.parse(data)); 1666 } 1667 } 1668 1669 function newValidPassword(val) 1670 { 1671 var passwordRegex = /[!?,;:+\-*/=%\^~<>\|\(\)\[\]\{\}@#&_$§\.]/; 1672 var regex_maj = /[A-Z]/; 1673 1674 var minPasswordLength = 6; 1675 var maxPasswordLength = 255; 1676 1677 var length_valid = val.length >= minPasswordLength && val.length <= maxPasswordLength; 1678 var maj_valid = regex_maj.test(val); 1679 var char_valid = passwordRegex.test(val); 1680 1681 const invalidSpecialChars = /[^a-zA-Z0-9!?\.,;:+\-*/=%\^~<>\|\(\)\[\]\{\}@#&_$§]/g; 1682 1683 const invalidCharsFound = val.match(invalidSpecialChars); 1684 1685 $('#length-password').toggleClass('valid', length_valid); 1686 $('#maj-password').toggleClass('valid', maj_valid); 1687 $('#char-password').toggleClass('valid', char_valid && !Boolean(invalidCharsFound)); 1688 1689 if (invalidCharsFound) 1690 { 1691 $('#char-password').addClass('d-none') 1692 $('#char-invalid').removeClass('d-none') 1693 if (invalidCharsFound.length == 1) 1694 $('#char-invalid').text("Le caractère \""+ invalidCharsFound.join("") + "\" n'est pas compatible") 1695 else 1696 $('#char-invalid').text("Les caractères \""+ invalidCharsFound.join("") + "\" ne sont pas compatibles") 1697 $('#mdp').addClass('is-invalid'); 1698 1699 var elError = $('#mdp').parent().find('.invalid-feedback'); 1700 1701 if (!elError.length) 1702 { 1703 elError = $('<div class="invalid-feedback">Saisis un mot de passe valide</div>'); 1704 $(elError).insertAfter($('#mdp')); 1705 } 1706 } 1707 else 1708 { 1709 $('#char-password').removeClass('d-none') 1710 $('#char-invalid').addClass('d-none') 1711 } 1712 1713 if (length_valid && maj_valid && char_valid && !Boolean(invalidCharsFound)) 1714 { 1715 $('#mdp').removeClass('is-invalid'); 1716 $('#mdp').parent().find('.invalid-feedback').remove(); 1717 } 1718 1719 return (length_valid && maj_valid && char_valid && !Boolean(invalidCharsFound)); 1720 } 1721 1722 $("[name='date_naissance']").dateMask({ 1723 callbackError: setFormGroupError 1724 }).focusout(function() { 1725 if (!$(this).val() || $(this).is(':invalid')) 1726 return; 1727 1728 var value = $(this).val().split('/').reverse().join('-'); 1729 if (value && value > '2012-10-10') { 1730 setFormGroupError('Attention, vous devez avoir au moins 14 ans pour vous inscrire', $(this)); 1731 } 1732 }); 1733 1734 $('#civilite,#nom,#prenom,#date_naissance,#code_postal,#tel,#email,#connu_par,#pk_creation_compte').change(function () { 1735 1736 var field = $(this).attr('id'); 1737 var value = $(this).val(); 1738 1739 $.post('/log_inscription', { 1740 'field': field, 1741 'value': value 1742 }); 1743 }); 1744 1745 $('#inscription').find('input:submit').click(function () { 1746 $.post('/log_inscription', { 1747 'field': 'click_ctc', 1748 'value': '1' 1749 }); 1750 }); 1751 1752}); 1753 1754function setFormGroupError(msg, elDate) 1755{ 1756 var parents = elDate.parents('.form-group');
1757 var elError = parents.find('.invalid-feedback'); 1758 parents.addClass('was-validated'); 1759 1760 elDate[0].setCustomValidity(msg); 1761 if (!elError.length) 1762 { 1763 elError = $('<div class="invalid-feedback"></div>'); 1764 parents.append(elError); 1765 } 1766 elError.html(msg); 1767 elDate.focus(); 1768} 1769 1770</script>
1770 1771 1772<style> 1773label.error { 1774 display: none !important; 1775} 1776</style>
1777<script> 1778 $(document).ready(function(){ 1779 $('#heure_demande_rappel option:first').prop('disabled', true).text(''); 1780 }); 1781 1782 $('#btn-subscribe').removeClass('submit-disabled'); 1783 $('#btn-subscribe').val('Créer mon compte'); 1784 1785function isRegister(data) 1786{ 1787 if (data.tracking) 1788 { 1789 let data_to_send = JSON.parse(data.tracking); 1790 1791 window.dataLayer = window.dataLayer || []; 1792 window.dataLayer.push(data_to_send); 1793 } 1794 window.location.href = '/elearning/demande-de-rappel'; 1795 return false; 1796} 1797</script>
1797 1798 1799 </div> 1800 </div> 1801 </div> 1802 </div> 1803 </div> 1804 </div> 1805 </section> 1806 1807 1808 1809<section class="section-info-principale section-info-principale-md"> 1810 <div class="container px-0"> 1811 <div class="d-flex justify-content-center info-principale-row"> 1812 <button type="button" class="btn btn-demo" data-toggle="modal" data-target="#myModalAgence"> 1813 <div class="info-principale-elm text-center"> 1814 <div class="icon"> 1815 <i class="material-symbols-outlined">location_on</i> 1816 </div> 1817 <div class="titre"><span>79 agences <div class="custom-md-br"></div></span>agréées</div> 1818 </div> 1819 </button> 1820 <button type="button" class="btn btn-demo" data-toggle="modal" data-target="#myModalStats"> 1821 <div class="info-principale-elm text-center"> 1822 <div class="icon"> 1823 <i class="material-symbols-outlined">star</i> 1824 </div> 1825 <div class="titre"><span>94%</span> de nos <div class="custom-md-br"></div>élèves satisfaits</div> 1826 </div> 1827 </button> 1828 <button type="button" class="btn btn-demo" data-toggle="modal" data-target="#myModalExamen"> 1829 <div class="info-principale-elm text-center"> 1830 <div class="icon"> 1831 <i class="material-symbols-outlined">calendar_month</i> 1832 </div> 1833 <div class="titre">Date dâexamen <span><div class="custom-md-br"></div>en 45 jours</span></div> 1834 </div> 1835 </button> 1836 <button type="button" class="btn btn-demo" data-toggle="modal" data-target="#myModalPaiement"> 1837 <div id="box-paiement" class="info-principale-elm text-center"> 1838 <div class="icon"> 1839 <i class="material-symbols-outlined">savings</i> 1840 </div> 1841 <div class="titre">Paiement <div class="custom-md-br"></div><span>en plusieurs fois</span></div> 1842 </div> 1843 </button> 1844 </div> 1845 </div> 1846</section> 1847 1848 <div class="modal right fade" id="myModalAgence" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1"> 1849 <div class="modal-dialog" role="document"> 1850 <div class="modal-content"> 1851 <div class="modal-header"> 1852 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"> <img src="/img/stych/home/close.svg" alt=""></span></button> 1853 </div> 1854 1855 <div class="modal-body"> 1856 <div class="d-flex flex-column align-items-center py-4"> 1857 <div class="icon"> 1858 <i class="material-symbols-outlined">location_on</i> 1859 </div> 1860 <p class="modal-title info-principale-modal-title" id="myModalLabel1"><span>79 agences </span>agréées</p> 1861 </div> 1862 <div class="content-body"> 1863 <p class="pb-5 info-principale-modal-sous-titre">Un réseau dâauto-écoles dans toutes la France</p> 1864 <p>Stych est un réseau d'agences agréées réparties dans toute la France. </p> 1865 <p>Si nous tâoffrons la possibilité de gérer l'intégralité de ta formation 1866 en ligne via notre application ou notre site web, nous connaissons lâimportance du contact 1867 humain et nous savons que certaines situations nécessitent une rencontre.</p> 1868 <p>Nous disposons donc de 79 agences d'auto-école, toutes agréées par la Préfecture, 1869 où tu peux venir nous rencontrer.</p> 1870 </div> 1871 </div> 1872 <div class="modal-footer align-items-center justify-content-center"> 1873 <a href="/nos-points-de-rdv-search" class="btn-cta-secondary">Découvre notre réseau</a> 1874 <a href="#" data-dismiss="modal" class="btn-cta-primary mt-4">Fermer</a> 1875 </div> 1876 </div> 1877 </div> 1878 </div> 1879 <div class="modal right fade" id="myModalStats" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2"> 1880 <div class="modal-dialog" role="document"> 1881 <div class="modal-content"> 1882 <div class="modal-header"> 1883 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"> <img src="/img/stych/home/close.svg" alt=""></span></button> 1884 </div> 1885 1886 <div class="modal-body"> 1887 <div class="d-flex flex-column align-items-center py-4"> 1888 <div class="icon"> 1889 <i class="material-symbols-outlined">star</i> 1890 </div> 1891 <p class="modal-title info-principale-modal-title" id="myModalLabel2"><span>94%</span> de nos élèves satisfaits</p> 1892 </div> 1893 <div class="content-body"> 1894 <p class="pb-5 info-principale-modal-sous-titre">Déjà plus de 1 000 000 dâélèves satisfaits</p> 1895 <p>Selon Ekomi, notre certificateur dâavis indépendant, 94% de nos élèves sont satisfaits (note 4 ou 5 sur les 12 derniers mois). Tu peux consulter ces avis en cliquant ici. Mais ce nâest pas tout, car quel que soit le site dâavis, nos élèves n
1895ous adorent (on les aime aussi), Stych est ainsi noté :</p> 1896 <ul> 1897 <li><span>4,6/5</span> sur VroomVroom sur plus de 38 000 avis</li> 1898 <li><span>4,2/5</span> sur Trustpilot sur plus de 6000 avis</li> 1899 <li><span>4,7/5</span> sur Apple sur plus de 20000 avis</li> 1900 <li><span>4,5/5</span> sur Android sur plus de 4000 avis</li> 1901 <li><span>4,3/5</span> sur Google sur plus de 8000 avis</li> 1902 </ul> 1903 <p>Et parce que nous sommes transparents, nous avons listé ici tous les avis laissés par nos élèves (les bons, comme les mauvais). Tu peux les filtrer en sélectionnant lâagence qui tâintéresse</p> 1904 </div> 1905 </div> 1906 <div class="modal-footer align-items-center justify-content-center"> 1907 <a href="/avis" class="btn-cta-secondary">Découvre tous nos avis</a> 1908 <a href="#" data-dismiss="modal" class="btn-cta-primary mt-4">Fermer</a> 1909 </div> 1910 </div> 1911 </div> 1912 </div> 1913 <div class="modal right fade" id="myModalExamen" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3"> 1914 <div class="modal-dialog" role="document"> 1915 <div class="modal-content"> 1916 <div class="modal-header"> 1917 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"> <img src="/img/stych/home/close.svg" alt=""></span></button> 1918 </div> 1919 1920 <div class="modal-body"> 1921 <div class="d-flex flex-column align-items-center py-4"> 1922 <div class="icon"> 1923 <i class="material-symbols-outlined">calendar_month</i> 1924 </div> 1925 <p class="modal-title info-principale-modal-title" id="myModalLabel3">Date d'examen <span>en 45 jours</span></p> 1926 </div> 1927 <div class="content-body"> 1928 <p class="pb-5 info-principale-modal-sous-titre">Une convocation rapide à lâexamen dès que tu es prêt</p> 1929 1930 <p> 1931 Au cours des 6 derniers mois, nos élèves ont reçu leur date de convocation à lâexamen en moyenne 45 jours après avoir terminé leur formation et réussi un examen blanc. 1932 </p> 1933 <p> 1934 Si tu choisis un pack Permis Premium ou Permis Accéléré, câest encore plus rapide puisque quâen moyenne tu obtiens ta date de convocation à lâexamen pratique sous 30 jours après ta réussite à lâexamen blanc. 1935 </p> 1936 <p> 1937 A noter : les délais de présentation à lâexamen dépendent beaucoup du nombre dâinspecteurs disponibles dans chaque département. 1938 </p> 1939 <p> 1940 Découvre nos délais moyens dans ta ville en cliquant ci-dessous. 1941 </p> 1942 </div> 1943 </div> 1944 <div class="modal-footer align-items-center justify-content-center"> 1945 <a href="/stych-bilan-pedagogique" class="btn-cta-secondary">Résultats et délais dâattente</a> 1946 <a href="#" data-dismiss="modal" class="btn-cta-primary mt-4">Fermer</a> 1947 </div> 1948 </div> 1949 </div> 1950 </div> 1951 <div class="modal right fade" id="myModalPaiement" tabindex="-1" role="dialog" aria-labelledby="myModalLabel4"> 1952 <div class="modal-dialog" role="document"> 1953 <div class="modal-content"> 1954 <div class="modal-header"> 1955 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"> <img src="/img/stych/home/close.svg" alt=""></span></button> 1956 </div> 1957 1958 <div class="modal-body"> 1959 <div class="d-flex flex-column align-items-center py-4"> 1960 <div class="icon"> 1961 <i class="material-symbols-outlined">savings</i> 1962 </div> 1963 <p class="modal-title info-principale-modal-title" id="myModalLabel4">Paiement <span>en plusieurs fois</span></p> 1964 </div> 1965 <div class="content-body"> 1966 <p class="pb-5 info-principale-modal-sous-titre">Nos solutions adaptés à vos besoins</p> 1967 <p> 1968 Pour te faciliter l'accès au permis de conduire, il est possible de régler tes achats : 1969 </p> 1970 <ul> 1971 <li>jusqu'à <b>3 fois par carte bancaire</b></li> 1972 <li>jusqu'à <b>6 fois par chèque</b></li> 1973 </ul> 1974 <p> 1975 Une solution flexible pour mieux gérer ton budget, en toute simplicité. 1976 </p> 1977 1978 <p> 1979 <strong>à noter :</strong> les tarifs affichés sur notre site tiennent compte des promotions en cours <strong>et d'une réduction supplémentaire en cas de paiement en une seule fois.</strong> 1980 </p> 1981 <p> 1982 En choisissant le paiement en plusieurs fois, cette réduction ne sâapplique pas, mais tu continues à bénéficier des offres promotionnelles en cours. 1983 </p> 1984 </div> 1985 </div> 1986 <div class="modal-footer align-items-center justify-content-center"> 1987 <a href="/contact" class="btn-cta-secondary px-0">Contacte un conseiller</a> 1988 <a href="#" data-dismiss="modal" class="btn-cta-primary mt-4">Fermer</a> 1989 </div> 1990 </div> 1991 </div> 1992 </div> 1993 1994 1995 1996 1997 1998<section class="section-faq section-faq-md margin-top padding-top-1"> 1999 <div class="container"> 2000 <div class="row text-center"> 2001 <div class="col-12 col-sm-12 col-lg-12 px-0"> 2002 <h2>Tu as des questions ?</h2> 2003 <h4 class="desc-avis">Trouve toutes nos <span>réponses en un clic</span></h4> 2004 <div class="accordion" id="faq-md"> 2005 2006<div class="card"> 2007 <div class="card-header" id="faqhead-1"> 2008 <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq-1" 2009 aria-expanded="true" aria-controls="faq-1">Comment fonctionne la conduite chez Stych ? </a> 2010 </div> 2011 2012 <div id="faq-1" class="collapse" aria-labelledby="faqhead-1" data-parent="#faq-md"> 2013 <div class="card-body"> 2014 <p>Chez Stych, tu es acteur de ton apprentissage de la conduite! Dès ton inscription, tu commences tes cours de conduite tout en te préparant pour le code, que tu devrais passer en un mois environ.</p><p>Planifie tes cours comme tu le souhaites, choisis tes enseignants et tes lieux de rendez-vous.</p><p>Chaque séance de conduite a un objectif et un thème précis que nous te communiquons à l'avance. Tu révises ainsi en ligne pendant 15 minutes le sujet du cours. Cette préparation te permet de comprendre l'objectif de chaque séance, d'optimiser ton temps de conduite et de mettre directement en pratique tes connaissances théoriques.</p><p>Après chaque leçon, note ton enseignant: cela nous aide à améliorer constamment notre pédagogie.</p><p>Et pour l'examen du permis, chez Stych, nous nous occupons de toutes les démarches: nous te trouvons une place pour passer l'examen et un de nos enseignants t'accompagne.</p><p>Grâce à cette méthode innovante, tu peux obtenir ton permis en seulement 25 heures de conduite, ce qui te fait économiser 30% par rapport à la moyenne nationale.</p><p>Avec Stych, apprendre à conduire est flexible, transparent et efficace.</p> </div> 2015 </div> 2016</div> 2017 2018<div class="card"> 2019 <div class="card-header" id="faqhead-2"> 2020 <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq-2" 2021 aria-expanded="true" aria-controls="faq-2">Dans quel délai puis-je obtenir mon permis ? </a> 2022 </div> 2023 2024 <div id="faq-2" class="collapse" aria-labelledby="faqhead-2" data-parent="#faq-md"> 2025 <div class="card-body"> 2026 <p>Après ton inscription chez Stych, tu nous transmets les documents nécessaires pour ton dossier en ligne, et nous prenons en charge toutes les démarches administratives. Quelques jours plus tard, tu accèdes à notre planning en ligne pour réserver tes cours.</p><p>En général, tu planifies tes cours sur une période de 6 semaines, en fonction de ta disponibilité et celle de nos enseignants. Plus tu es disponible, plus vite tu peux avancer.</p><p>Dès que ton enseignant considère que tu es prêt à passer l'examen, nous nous chargeons de te trouver une date. Depuis novembre 2022, nous avons réussi à obtenir une date d'examen pour plus de 70% de nos élèves en moins de 30 jours après la fin de leur formation.</p><p>Si tu es pressé, notre formule de permis accéléré est une option intéressante. Elle te permet d'obtenir ton permis en moins de 2 mois: 1 mois pour te former et une garantie de passage à l'examen dans les 30 jours qui suivent.</p> </div> 2027 </div> 2028</div> 2029 2030<div class="card"> 2031 <div class="card-header" id="faqhead-3"> 2032 <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq-3" 2033 aria-expanded="true" aria-controls="faq-3">Où puis-je apprendre à conduire / vous rencontrer ? </a> 2034 </div> 2035 2036 <div id="faq-3" class="collapse" aria-labelledby="faqhead-3" data-parent="#faq-md"> 2037 <div class="card-body"> 2038 <p>Tu peux apprendre à conduire et nous rencontrer dans l'une de nos 79 agences d'auto-école agréées par la Préfecture, réparties dans toute la France. Nous avons aussi points de rendez-vous où tu peux prendre tes cours de conduite avec un de nos enseignants.</p><p><a href="/nos-points-de-rdv-search" title="Trouve l'agence la plus proche" class="underline">Trouve l'agence la plus proche de chez toi ou consulte la liste des points de cours</a></p> </div> 2039 </div> 2040</div> 2041 2042<div class="card"> 2043 <div class="card-header" id="faqhead-4"> 2044 <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq-4" 2045 aria-expanded="true" aria-controls="faq-4">Puis je utiliser mon compte CPF pour financer mon permis chez Stych ? </a> 2046 </div> 2047 2048 <div id="faq-4" class="collapse" aria-labelledby="faqhead-4" data-parent="#faq-md"> 2049 <div class="card-body"> 2050 <p>Oui, tu peux absolument utiliser ton Compte Personnel de Formation (CPF) pour financer ton permis de conduire chez Stych. Nous sommes un organisme de formation agréé et certifié Qualiopi ce qui signifie que tu peux mobiliser tes droits à la formation pour financer ton permis B.<
2050/p><p>Tous les détails son disponibles <a href="/permis-B-cpf" title="Permis B CPF" class="underline">ici</a> et tu peux si tu le souhaites <a href="/inscription-rappel?misc=cpf" title="Rappel par un de nos conseillers" class="underline">être rappelé par un de nos conseillers expert CPF</a></p> </div> 2051 </div> 2052</div> 2053 </div> 2054 <a href="javascript:void(0)" class="btn-cta-primary tchat-faqd d-none">Trouve toutes <span>les réponses à tes questions</span></a> 2055 </div> 2056 </div> 2057 </div> 2058</section> 2059 2060 2061 2062<section class="renseignement renseignement-md padding-top"> 2063 <div class="container"> 2064 <div class="info-text-footer"> 2065 <p> 2066 </p> 2067 </div> 2068 </div> 2069</section> 2070</main> 2071
2072<script type="text/javascript"> 2073 2074function setFormGroupError(msg, elDate) 2075 { 2076 var parents = elDate.parents('.form-group'); 2077 var elError = parents.find('.invalid-feedback'); 2078 parents.addClass('was-validated'); 2079 2080 elDate[0].setCustomValidity(msg); 2081 if (!elError.length) 2082 { 2083 elError = $('<div class="invalid-feedback"></div>'); 2084 parents.append(elError); 2085 } 2086 elError.html(msg); 2087 } 2088 2089$(document).ready(function($) { 2090 2091 $("#date_naissance").inputmask("99/99/9999"); 2092 2093 $('#btn-new-inscription').removeClass(); 2094 $('#btn-new-inscription').val('Envoie ta demande'); 2095 2096 $("#heure_demande_rappel option:first-child").text("Choisissez un horaire"); 2097 2098 $('.floating-action-button-wrapper').removeClass('floating-action-button-wrapper'); 2099 2100 $('.custom-control-label').removeClass('fz-12 fz-md-14'); 2101 2102 $("label[for='date_naissance']").text('Date de naissance'); 2103}); 2104 2105 function toggleFaq(){ 2106 var heightToSkip = 0; 2107 $('.anchor-skip:visible').each(function() { 2108 if ($(this).css('position') == 'sticky') { 2109 heightToSkip += $(this).height(); 2110 } 2111 }); 2112 2113 $('html, body').animate({ 2114 scrollTop: $('.section-faq').offset().top - heightToSkip 2115 }, 500); 2116 } 2117</script>
2117 2118<style> 2119 .margin-bot-10{ 2120 margin-bottom: 10px; 2121 } 2122 label { 2123 display: none; 2124 } 2125 .custom-control-label { 2126 display: block; 2127 color: #5A7694 !important; 2128 font-size: 1.6rem; 2129 } 2130 .content-mappy{ 2131 height: 100%; 2132 } 2133 .custom-control-label::before, 2134 .custom-control-label::after { 2135 border-color: #3366FF; 2136 width: 2rem; 2137 height: 2rem; 2138 left: -3rem; 2139 top: 0.5rem; 2140 } 2141 .custom-control { 2142 padding-left: 3rem; 2143 } 2144 2145 2146 2147 /* HOME MD */ 2148 2149</style> 2150
2151<script> 2152 $(document).ready(function() { 2153 $('.contact-form form').on('change',function() { 2154 onChangeForm(); 2155 }); 2156 }); 2157 2158 function onChangeForm() { 2159 var formValid = true; 2160 $('.contact-form form input[required]:visible').each(function() { 2161 if ($(this).val() === '') { 2162 formValid = false; 2163 return false; 2164 } 2165 }); 2166 2167 $('.contact-form form input[type="checkbox"][required]:visible').each(function() { 2168 if ($(this).is(':not(:checked)')) { 2169 formValid = false; 2170 return false; 2171 } 2172 }); 2173 2174 $('.contact-form form select[required]:visible').each(function() { 2175 if ($(this).val() === null) 2176 { 2177 formValid = false; 2178 return false; 2179 } 2180 }) 2181 2182 if (formValid) { 2183 $('#btn-new-inscription').addClass('validated'); 2184 } else { 2185 $('#btn-new-inscription').removeClass('validated'); 2186 } 2187 } 2188 2189</script>
2189 2190 2191 2192<footer class="bg-primary footer-md py-4"> 2193 <div class="container" style="position: relative;"> 2194 <div class="d-flex"> 2195 <div class="col-12 col-lg-12 px-0 pt-4"> 2196 <img src="/img/stych/logo/logo-stych-yellow.svg" alt="logo-stych-yellow."> 2197 </div> 2198 </div> 2199 <div class="d-flex flex-column flex-xl-row align-items-center"> 2200 <div class="col-xl-9 col-lg-12 pt-3 px-0"> 2201 <p class="footer-title text-center text-md-left">Prêt/Prête à nous rejoindre ?</p> 2202 </div> 2203 <div class="col-xl-3 col-lg-12 text-md-left text-center px-0"> 2204 <a href="/inscription" class="btn-cta-secondary text-dark-footer d-xl-block d-md-inline-block">Inscris-toi </a> 2205 </div> 2206 </div> 2207 <div class="d-flex flex-column flex-md-row sous-titre-footer align-items-center mt-5 mt-lg-5 text-center text-md-left"> 2208 <div class="col-xl-5 col-lg-6 px-0"> 2209 <p class="d-xl-block d-block">Vous êtes enseignante/<span>enseignant ?</span> </p> 2210 <a href="/recrutement-enseignant" class="d-inline-block white-link">On recrute<i class="fa fa-angle-right" aria-hidden="true" style="color: #EDFF00; padding-left: 8px"></i></a> 2211 </div> 2212 <div class="col-xl-4 col-lg-6 mt-4 mt-lg-0 px-0"> 2213 <!-- 2214 <p class="d-xl-block d-block">Vous êtes une auto-école ?</p> 2215 <a href="#" class="d-inline-block white-link">Rejoignez notre réseau <i class="fa fa-angle-right" aria-hidden="true" style="color: #EDFF00; padding-left: 8px"></i></a> 2216 --> 2217 </div> 2218 </div> 2219 <div class="d-flex pt-5 justify-content-center justify-content-md-start"> 2220 <div class="col-xl-4 col-lg-5 col-6 d-xl-block d-md-block d-none px-0"> 2221 <ul> 2222 <li><a href="/code-de-la-route">Code de la route</a></li> 2223 <li><a href="/permis-B">Permis de conduire</a></li> 2224 <li><a href="/permis-B-cpf">Permis CPF</a></li> 2225 <li><a href="/pp-pack-accelere-code-conduite">Permis accéléré</a></li> 2226 <li><a href="/pp-pack-eco">Permis pas cher</a></li> 2227 <li><a href="/pp-conduite-accompagnee">Conduite accompagnée</a></li> 2228 <li><a href="/tarifs">Prix permis de conduire</a></li> 2229 <li><a href="/tarifs-cpf">Prix permis CPF</a></li> 2230 <li><a href="/pp-permis-b-boite-automatique">Permis boîte automatique</a></li> 2231 <li><a href="/pp-pack-accelere-code-conduite-boite-auto">Permis boîte automatique accéléré</a></li> 2232 <li><a href="/pp-assurance-auto-stych">Assurance automobile</a></li> 2233 </ul> 2234 </div> 2235 <div class="col-xl-3 col-lg-4 col-6 d-xl-block d-md-block d-none px-0"> 2236 <ul> 2237 <li><span data-title="L2NvbnRhY3Q=" class=" linktoggle">Contact</span></li> 2238 <li><a href="/nos-points-de-rdv-search">Localisation</a></li> 2239 <li><a href="/passer-examen-code-de-la-route-avec-la-poste">Passer l'examen du code</a></li> 2240 <li><a href="/nos-points-de-rdv-auto">Nos points de RDV auto</a></li> 2241 <li><span data-title="L2V0dWRl" class=" linktoggle">Stych, 30% moins chère</span></li> 2242 <li><span data-title="L3N0eWNoLWJpbGFuLXBlZGFnb2dpcXVl" class=" linktoggle">Stych, Bilan pédagogique</span></li> 2243 <li><span data-title="L2Nndg==" class=" linktoggle">CGV</span></li> 2244 <li><span data-title="L21lbnRpb25zLWxlZ2FsZXM=" class=" linktoggle">Mentions légales</span></li> 2245 <li><a href="javascript:manageCookies();">Gérer mes cookies</a></li> 2246 <li><span data-title="L3BvbGl0aXF1ZS1jb25maWRlbnRpYWxpdGU=" class=" linktoggle">Politique de confidentialité</span></li> 2247 <li><a href="/file/MERCURE_FORMATION-QUALIOPI_AFNOR.pdf">Certificat Qualiopi</a></li> 2248 <li><a href="/test-code-de-la-route">Test code de la route</a></li></li> 2249 </ul> 2250 </div>
2251 <div class="col-xl-3 col-lg-3 col-12 d-xl-block d-lg-block d-none px-0"> 2252 <ul> 2253 <li><a href="/recrutement-enseignant">Recrutement enseignant</a></li> 2254 <li><a href="/recrutement">Recrutement siège</a></li> 2255 <li><a href="/index-egalite-professionnelle">Index égalité F/H</a></li> 2256 <li><a href="/charte-ethique">Charte Ãthique</a></li> 2257 <li><span data-title="L2NvbnRhY3Q=" class=" linktoggle">Déclarer un bug</span></li> 2258 <li><a href="/acces-handicapes.pdf">Accès handicapés</a></li> 2259 <li><a href="/reviser-code-de-la-route">Fiches pratiques</a></li> 2260 <li><a href="/plan-du-site">Plan de site</a></li> 2261 <li><span data-title="L2NvbnRyYXQtdHlwZQ==" class=" linktoggle">Modèle de contrat</span></li> 2262 </ul> 2263 </div> 2264 <div class="col-6 col-sm-3 d-md-none d-block px-0"> 2265 <ul> 2266 <li><a href="/code-de-la-route">Code de la route</a></li> 2267 <li><a href="/permis-B">Permis de conduire</a></li> 2268 <li><a href="/permis-B-cpf">Permis CPF</a></li> 2269 <li><a href="/nos-points-de-rdv-search">Localisation</a></li> 2270 </ul> 2271 </div> 2272 <div class="col-6 col-sm-3 d-md-none d-block px-0"> 2273 <ul> 2274 <li><span data-title="L2NvbnRhY3Q=" class=" linktoggle">Contact</span></li> 2275 <li><a href="/recrutement">Recrutement</a></li> 2276 <li><span data-title="L2Nndg==" class=" linktoggle">CGV</span></li> 2277 <li><span data-title="L21lbnRpb25zLWxlZ2FsZXM=" class=" linktoggle">Mentions légales</span></li> 2278 <li><a href="javascript:manageCookies();">Gérer mes cookies</a></li> 2279 </ul> 2280 </div> 2281 </div> 2282 <div class="d-flex pt-5 justify-content-center justify-content-md-start flex-column flex-md-row"> 2283 <div class="avis-footer col-xl-5 col-lg-7 col-12 col-sm-6 mx-auto mx-lg-0 px-0"> 2284 <a target="_blank" class="tracker-action" data-action-id="1" href="/avis"> 2285 Tous les avis clients 2286 <span> 2287 4.6/5 (51990 avis publiés) 2288 </span> 2289 </a> 2290 <a target="_blank" class="tracker-action d-xl-inline-block d-md-inline-block d-none" data-action-id="3" rel="nofollow" href="https://www.vroomvroom.fr/avis-auto-ecole/avis-stych"> 2291 Avis clients Stych.fr sur VroomVroom : 2292 <span> 2293 4.6/5 (7982 avis publiés) 2294 </span> 2295 </a> 2296 <a target="_blank" class="tracker-action d-xl-inline-block d-md-inline-block d-none" data-action-id="2" href="https://www.ekomi.fr/avis-clients-auto-ecolenet.html"> 2297 Avis clients Stych.fr sur Ekomi : 2298 <span> 2299 4.7/5 (6889 avis publiés) 2300 </span> 2301 </a> 2302 <a target="_blank" class="tracker-action d-xl-inline-block d-md-inline-block d-none" data-action-id="3" href="https://fr.trustpilot.com/review/stych.fr"> 2303 Avis clients Stych.fr sur Trustpilot : 2304 <span> 2305 4.2/5 (9514 avis publiés) 2306 </span> 2307 </a> 2308 <p class="pt-3">*selon étude interne disponible sur <a href="/etude" target="_blank">https://www.stych.fr/etude</a> </p> 2309 </div> 2310 <div class="avis-footer col-xl-5 col-lg-5 col-12 col-sm-6 pr-xl-6 pr-lg-0 mx-auto mx-lg-0 px-0"> 2311 <p>Comment sont calculés nos taux de réussite ?<br> 2312 Nos taux de réussite sont calculés sur tous les élèves ayant passé leur examen une ou deux fois 2313 au cours des 12 derniers mois.</p> 2314 </div> 2315 </div> 2316 </div> 2317</footer> 2318 2319
2320<script> 2321 function trackEvent(title, url){ 2322 var link = "https://www.stych.fr"+ url; 2323 2324 var is_gtm_actif = Boolean(1) 2325 var canSetTrackingCookies = Boolean(0); 2326 2327 if (is_gtm_actif && canSetTrackingCookies) 2328 { 2329 window.dataLayer = window.dataLayer || []; 2330 window.dataLayer.push({ 2331 event: 'click_link', 2332 event_category: 'engagement', 2333 label: title, 2334 anchor_link: link 2335 }); 2336 } 2337 } 2338 2339 jQuery(document).ready(function ($) { 2340 $(document).on('click', '.tracker-action', function(even) { 2341 let id_action = $(this).attr('data-action-id'); 2342 if (!id_action) 2343 return false; 2344 2345 let data = {'id_action': id_action}; 2346 let url = '/tracker/action'; 2347 $.ajax({ 2348 type: 'POST', 2349 url : url, 2350 data : data, 2351 error: function() {}, 2352 success: function(data) {}, 2353 }); 2354 }); 2355 2356 $('footer').on('click', 'a', function(event) { 2357 if ($(this).hasClass('btn')) 2358 return; 2359 2360 if (this.host != 'www.stych.fr') 2361 return; 2362 event.preventDefault(); 2363 2364 var label = $(this).text(); 2365 2366 var action_id = $(this).data('action-id'); 2367 var link = $(this).attr('href'); 2368 if (action_id) 2369 { 2370 switch(action_id) 2371 { 2372 case 1: 2373 label = "Tous les avis clients"; 2374 link = "https://www.stych.fr"+ link; 2375 break; 2376 case 3: 2377 label = "Avis clients Stych.fr sur VroomVroom"; 2378 break; 2379 case 2: 2380 label = "Avis clients Stych.fr sur Ekomi"; 2381 break; 2382 } 2383 2384 if ($(this).data('link-type') == 'trustpilot') 2385 label = "Avis clients Stych.fr sur Trustpilot"; 2386 } 2387 else 2388 link = "https://www.stych.fr"+ $(this).attr('href'); 2389 2390 var is_gtm_actif = Boolean(1) 2391 var canSetTrackingCookies = Boolean(0) 2392 2393 if (is_gtm_actif && canSetTrackingCookies) 2394 { 2395 window.dataLayer = window.dataLayer || []; 2396 window.dataLayer.push({ 2397 event: 'click_link', 2398 event_category: 'engagement', 2399 label: label, 2400 anchor_link: link 2401 }); 2402 } 2403 2404 window.location.href = $(this).attr('href'); 2405 }) 2406 }); 2407 2408function manageCookies() { 2409 // Vérification de l'existence de la fonction 2410 if (typeof openAxeptioCookies === 'function') { 2411 openAxeptioCookies(); 2412 } else { 2413 console.warn('Le gestionnaire de cookies Axeptio n\'est pas disponible.'); 2414 } 2415} 2416 2417</script>
2417 2418 2419 2420
2421<script> 2422 function loadObserver(){ 2423 const elAnimeOnScroll = document.querySelectorAll('.anim-scroll'); 2424 const observer = new IntersectionObserver(function(entries) 2425 { 2426 entries.forEach(function(entry) 2427 { 2428 if (entry.isIntersecting) 2429 { 2430 entry.target.classList.add('run'); 2431 } 2432 }); 2433 }); 2434 2435 elAnimeOnScroll.forEach(function(el) { 2436 observer.observe(el); 2437 }); 2438 2439 const elWrapperAnimeOnScroll = document.querySelectorAll('.wrapper-anim-scroll svg'); 2440 const observerWrapper = new IntersectionObserver(function(entries) 2441 { 2442 entries.forEach(function(entry) 2443 { 2444 if (entry.isIntersecting) 2445 { 2446 entry.target.querySelectorAll('.anim-scroll').forEach(function(el){ 2447 el.classList.add('run'); 2448 }); 2449 } 2450 }); 2451 }); 2452 2453 elWrapperAnimeOnScroll.forEach(function(el) { 2454 observerWrapper.observe(el); 2455 }); 2456 2457 2458 }; 2459 2460 jQuery(document).ready(function ($) { 2461 const appHeight = function() { 2462 const doc = document.documentElement; 2463 doc.style.setProperty('--app-height', window.innerHeight+'px'); 2464 }; 2465 const doc = document.documentElement; 2466 doc.style.setProperty('--origin-app-height', window.innerHeight+'px'); 2467 2468 window.addEventListener('resize', appHeight); 2469 appHeight(); 2470 2471 2472 if (!('IntersectionObserver' in window)) 2473 { 2474 var script = document.createElement('script'); 2475 script.src = '/js/intersection-observer.js'; 2476 script.onload = function(){ 2477 loadObserver(); 2478 }; 2479 document.head.appendChild(script); 2480 } 2481 else 2482 { 2483 loadObserver(); 2484 } 2485 2486 var elFAB = $('.floating-action-button-wrapper'); 2487 if (elFAB.css('position') == 'fixed') 2488 { 2489 var height = elFAB.outerHeight(); 2490 $('body').css('padding-bottom', height); 2491 } 2492 }); 2493</script>
2493 2494
2495<script> 2496 var eventPageView = {"event":"pageview","page_type1":"conversion","page_type2":"contact","user_type":"unknown"}; 2497 window.dataLayer = window.dataLayer || []; 2498 window.dataLayer.push(eventPageView) 2499 </script>
2499 2500 2501</body> 2502</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.