PageSourceSearch

https://www.stych.fr/contact

html stych.fr collected 2026-10-09 22:41:53 UTC 115,426 bytes, 2,502 lines download raw bytes

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&#039;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&#039;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&#x20;col-sm-12&#x20;col-md-12&#x20;col-lg-12&#x20;form-inscription-input&#x20;input-ae&#x20;dropdown-select&#x20;custom-select" autocomplete="off" required="required" data-msg_require="l&#x2019;heure&#x20;de&#x20;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="&#x5E;&#x28;&#x5C;&#x2B;33&#x7C;0033&#x7C;0&#x29;&#x28;6&#x7C;7&#x29;&#x5B;0-9&#x5D;&#x7B;8&#x7D;&#x24;" id="tel" placeholder="T&#xE9;l&#xE9;phone" class="&#x20;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&#x40;yopmail.com" pattern="&#x5E;&#x5B;a-zA-Z0-9&#x5C;.&#x21;&#x23;&#x24;&#x25;&amp;&#x2019;&#x2A;&#x2B;&#x5C;&#x2F;&#x3D;&#x3F;&#x5E;_&#x60;&#x5C;&#x7B;&#x5C;&#x7C;&#x5C;&#x7D;&#x7E;&#x5C;-&#x5D;&#x2B;&#x40;&#x5B;a-zA-Z0-9&#x5C;-&#x5D;&#x2B;&#x5C;.&#x5B;a-zA-Z0-9&#x5C;-&#x5D;&#x2B;&#x24;" id="email" placeholder="Email" class="&#x20;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&#x20;de&#x20;passe" class="&#x20;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="&#x5C;d&#x2A;" id="code_postal" placeholder="Code&#x20;postal" class="&#x20;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&#x20;custom-select" autocomplete="off" required="required" data-msg_require="Saisis&#x20;ta&#x20;situation&#x20;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&#x20;custom-select" autocomplete="off" required="required" data-msg_require="Saisis&#x20;ton&#x20;temps&#x20;de&#x20;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&#x20;custom-select" autocomplete="off" required="required" data-msg_require="Saisis&#x20;le&#x20;nombre&#x20;d&#x27;ann&#xE9;es&#x20;travaill&#xE9;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&#x20;custom-select" autocomplete="off" required="required" data-msg_require="R&#xE9;ponds&#x20;par&#x20;oui&#x20;ou&#x20;par&#x20;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="&#x20;custom-control-input" value="1"> 
963               <label class="fz-12&#x20;fz-md-14&#x20;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&#x20;btn-primary&#x20;btn-red&#x20;btn-block&#x20;text-uppercase&#x20;p-3&#x20;rounded-lg&#x20;mt-3&#x20;fz-12&#x20;order-1&#x20;submit-inscription&#x20;submit-disabled&#x20;order-md-0" id="btn-new-inscription" value="Cr&#xE9;er&#x20;mon&#x20;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">&times;</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">&times;</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&#x3D;" class="&#x20;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="&#x20;linktoggle">Stych, 30% moins chère</span></li>
2242                     <li><span data-title="L3N0eWNoLWJpbGFuLXBlZGFnb2dpcXVl" class="&#x20;linktoggle">Stych, Bilan pédagogique</span></li>
2243                     <li><span data-title="L2Nndg&#x3D;&#x3D;" class="&#x20;linktoggle">CGV</span></li>
2244                     <li><span data-title="L21lbnRpb25zLWxlZ2FsZXM&#x3D;" class="&#x20;linktoggle">Mentions légales</span></li>
2245                     <li><a href="javascript:manageCookies();">Gérer mes cookies</a></li>
2246                     <li><span data-title="L3BvbGl0aXF1ZS1jb25maWRlbnRpYWxpdGU&#x3D;" class="&#x20;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&#x3D;" class="&#x20;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&#x3D;&#x3D;" class="&#x20;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&#x3D;" class="&#x20;linktoggle">Contact</span></li>
2275                    <li><a href="/recrutement">Recrutement</a></li>
2276                    <li><span data-title="L2Nndg&#x3D;&#x3D;" class="&#x20;linktoggle">CGV</span></li>
2277                    <li><span data-title="L21lbnRpb25zLWxlZ2FsZXM&#x3D;" class="&#x20;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.