PageSourceSearch

https://vipcrossing.com/api/fr/login

html vipcrossing.com collected 2026-10-01 16:31:59 UTC 109,356 bytes, 2,866 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><meta property="og:type" content="VIP Crossing"/><meta name="generator" content="Symfony" /><meta name="copyright" content="VIP Crossing" /><meta property="og:url" content="https://vipcrossing.com"/><meta property="og:title" content="VIP Crossing"/><meta property="og:image" content="https://vipcrossing.com/upload/"/><meta name="description" content="La plateforme interactive des personnalités et des fans qui veulent communiquer différemment."><meta property="og:description" content=" La plateforme interactive des personnalités et des fans qui veulent communiquer différemment."/><title> Connexion</title><link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"><!-- Bootstrap Core CSS --><link href="/dev/front/css/bootstrap.min.css" rel="stylesheet"><link href="/dev/front/css/crop-save.css" rel="stylesheet"><link href="/dev/front/css/material-design-iconic-font.min.css" rel="stylesheet"><!--<link href="/dev/front/css/scrollPress.min.css" rel="stylesheet">--><link href="/dev/front/js/fancybox.2.1.5/jquery.fancybox.css" rel="stylesheet"><!--<link href="/dev/front/css/styles.css" rel="stylesheet">--><link href="/assets/css/tabulous.css" rel="stylesheet"><link href="/assets/css/style-front.min.css" rel="stylesheet"><link href="/assets/css/Publicite.css" rel="stylesheet"><link href="/assets/css/VIPcountdown.css" rel="stylesheet"><link href="/assets/css/worldcup-groups.css?v=3" rel="stylesheet"><link href="/assets/css/worldcup-r32-continents.css" rel="stylesheet"><link href="/assets/css/vpx-push.css" rel="stylesheet"><link href="/dev/front/css/slim.min.css" rel="stylesheet"><!-- Owl Style pour gallerie accueil --><link href="/dev/front/css/owl.carousel.min.css" rel="stylesheet"><link href="/dev/front/css/owl.theme.default.css" rel="stylesheet"><link href="/dev/front/css/tweet.css" rel="stylesheet"><link href="/dev/front/css/jScrollPane.css" rel="stylesheet"><link href="/dev/front/css/bootstrap-datepicker3.min.css" rel="stylesheet"><link href="/dev/front/css/imgal.min.css" rel="stylesheet"><link rel="icon" href="/favicon.ico" sizes="any"><link rel="icon" type="image/png" sizes="48x48" href="https://vipcrossing.com/favicon-48x48.png"><link rel="shortcut icon" href="https://vipcrossing.com/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="https://vipcrossing.com/apple-touch-icon.png"><style>
3        
4        .img-screen {
5
6            z-index: 0 !important;
7        }
8
9        .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
10            color: #FFFFFF !important;
11            cursor: default !important;
12            background-color:#fc5722 !important;
13            border: 1px solid #ddd !important;
14            border-bottom-color: transparent !important;
15        }
16    </style><!--[if lt IE 9]>
16<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
16<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
16<![endif]-->
16<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
16<script type="application/ld+json">
17{
18 "@context":"https://schema.org",
19 "@type":"Organization",
20 "name":"VIP Crossing",
21 "url":"https://vipcrossing.com",
22 "logo":"https://vipcrossing.com/favicon-48.png"
23}
24</script>
24<!-- Taboola Pixel Code -->
24<script type='text/javascript'>
25  window._tfa = window._tfa || [];
26  window._tfa.push({notify: 'event', name: 'page_view', id: 1500223});
27  !function (t, f, a, x) {
28         if (!document.getElementById(x)) {
29            t.async = 1;t.src = a;t.id=x;f.parentNode.insertBefore(t, f);
30         }
31  }(document.createElement('script'),
32  document.getElementsByTagName('script')[0],
33  '//cdn.taboola.com/libtrc/unip/1500223/tfa.js',
34  'tb_tfa_script');
35</script>
35<!-- End of Taboola Pixel Code --><!-- Google tag (gtag.js) -->
vendor: 63 bytes, line 35
35<script async src="https://www.googletagmanager.com/gtag/js?id=
35G-LBZPCRS7WH
vendor: 11 bytes, line 35
35"></script>
35<script>
36  
vendor: 134 bytes, lines 36-40
36window.dataLayer = window.dataLayer || [];
37  function gtag(){dataLayer.push(arguments);}
38  gtag('js', new Date());
39
40  gtag('config', '
40G-LBZPCRS7WH
vendor: 4 bytes, line 40
40');
41</script>
41<!-- 
41<script data-ad-client="ca-pub-7130824655887788" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
41<link rel="stylesheet" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css"/> --><link rel="stylesheet" href="https://cdn.datatables.net/2.0.7/css/dataTables.dataTables.min.css"/><!-- One Signal push -->
41<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" defer></script>
41<script>
42  window.OneSignal = window.OneSignal || [];
43  OneSignal.push(function() {
44    OneSignal.init({
45      appId: "c7df6ac4-c03b-459f-8e26-08f948cbd574",
46    });
47  });
48</script>
48<!-- InMobi Choice. Consent Manager Tag v3.0 (for TCF 2.2)
49<script type="text/javascript" async=true>
50(function() {
51  var host = "www.themoneytizer.com";
52  var element = document.createElement('script');
53  var firstScript = document.getElementsByTagName('script')[0];
54  var url = 'https://cmp.inmobi.com'
55    .concat('/choice/', '6Fv0cGNfc_bw8', '/', host, '/choice.js?tag_version=V3');
56  var uspTries = 0;
57  var uspTriesLimit = 3;
58  element.async = true;
59  element.type = 'text/javascript';
60  element.src = url;
61
62  firstScript.parentNode.insertBefore(element, firstScript);
63
64  function makeStub() {
65    var TCF_LOCATOR_NAME = '__tcfapiLocator';
66    var queue = [];
67    var win = window;
68    var cmpFrame;
69
70    function addFrame() {
71      var doc = win.document;
72      var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]);
73
74      if (!otherCMP) {
75        if (doc.body) {
76          var iframe = doc.createElement('iframe');
77
78          iframe.style.cssText = 'display:none';
79          iframe.name = TCF_LOCATOR_NAME;
80          doc.body.appendChild(iframe);
81        } else {
82          setTimeout(addFrame, 5);
83        }
84      }
85      return !otherCMP;
86    }
87
88    function tcfAPIHandler() {
89      var gdprApplies;
90      var args = arguments;
91
92      if (!args.length) {
93        return queue;
94      } else if (args[0] === 'setGdprApplies') {
95        if (
96          args.length > 3 &&
97          args[2] === 2 &&
98          typeof args[3] === 'boolean'
99        ) {
100          gdprApplies = args[3];
101          if (typeof args[2] === 'function') {
102            args[2]('set', true);
103          }
104        }
105      } else if (args[0] === 'ping') {
106        var retr = {
107          gdprApplies: gdprApplies,
108          cmpLoaded: false,
109          cmpStatus: 'stub'
110        };
111
112        if (typeof args[2] === 'function') {
113          args[2](retr);
114        }
115      } else {
116        if(args[0] === 'init' && typeof args[3] === 'object') {
117          args[3] = Object.assign(args[3], { tag_version: 'V3' });
118        }
119        queue.push(args);
120      }
121    }
122
123    function postMessageEventHandler(event) {
124      var msgIsString = typeof event.data === 'string';
125      var json = {};
126
127      try {
128        if (msgIsString) {
129          json = JSON.parse(event.data);
130        } else {
131          json = event.data;
132        }
133      } catch (ignore) {}
134
135      var payload = json.__tcfapiCall;
136
137      if (payload) {
138        window.__tcfapi(
139          payload.command,
140          payload.version,
141          function(retValue, success) {
142            var returnMsg = {
143              __tcfapiReturn: {
144                returnValue: retValue,
145                success: success,
146                callId: payload.callId
147              }
148            };
149            if (msgIsString) {
150              returnMsg = JSON.stringify(returnMsg);
151            }
152            if (event && event.source && event.source.postMessage) {
153              event.source.postMessage(returnMsg, '*');
154            }
155          },
156          payload.parameter
157        );
158      }
159    }
160
161    while (win) {
162      try {
163        if (win.frames[TCF_LOCATOR_NAME]) {
164          cmpFrame = win;
165          break;
166        }
167      } catch (ignore) {}
168
169      if (win === window.top) {
170        break;
171      }
172      win = win.parent;
173    }
174    if (!cmpFrame) {
175      addFrame();
176      win.__tcfapi = tcfAPIHandler;
177      win.addEventListener('message', postMessageEventHandler, false);
178    }
179  };
180
181  makeStub();
182
183  var uspStubFunction = function() {
184    var arg = arguments;
185    if (typeof window.__uspapi !== uspStubFunction) {
186      setTimeout(function() {
187        if (typeof window.__uspapi !== 'undefined') {
188          window.__uspapi.apply(window.__uspapi, arg);
189        }
190      }, 500);
191    }
192  };
193
194  var checkIfUspIsReady = function() {
195    uspTries++;
196    if (window.__uspapi === uspStubFunction && uspTries < uspTriesLimit) {
197      console.warn('USP is not accessible');
198    } else {
199      clearInterval(uspInterval);
200    }
201  };
202
203  if (typeof window.__uspapi === 'undefined') {
204    window.__uspapi = uspStubFunction;
205    var uspInterval = setInterval(checkIfUspIsReady, 6000);
206  }
207})();
208</script>
208
209 End InMobi Choice. Consent Manager Tag v3.0 (for TCF 2.2) --></head><body><!---
210
211<script>
212 
213    window.twttr = (function (d, s, id) {
214        var js, fjs = d.getElementsByTagName(s)[0],
215                t = window.twttr || {};
216        if (d.getElementById(id)) return t;
217        js = d.createElement(s);
218        js.id = id;
219        js.src = "https://platform.twitter.com/widgets.js";
220        fjs.parentNode.insertBefore(js, fjs);
221
222        t._e = [];
223        t.ready = function (f) {
224            t._e.push(f);
225        };
226
227        return t;
228    }(document, "script", "twitter-wjs"));
229</script>
229
230--><!--- meta of google plus -->
230<script>
231    window.___gcfg = {
232        lang: 'fr-CA',
233        parsetags: 'onload'
234    };
235
236</script>
236<script src="https://apis.google.com/js/platform.js" async defer></script>
236<!--- meta of google plus --><!--- meta of facbook --><div id="fb-root"></div>
236<script>
237    (function (d, s, id) {
238        var js, fjs = d.getElementsByTagName(s)[0];
239        if (d.getElementById(id)) return;
240        js = d.createElement(s);
241        js.id = id;
242        js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.9";
243        fjs.parentNode.insertBefore(js, fjs);
244    }(document, 'script', 'facebook-jssdk'));</script>
244<!--- End meta of facbook -->
244<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5f6c8c8586d2b30012e1766e&product=inline-share-buttons' async='async'></script>
244<!--- End meta of facbook --><div id="page"><!-- class="hidden" --><nav class="navbar" id="header"><style>
245
246/* =========================================================
247   MA BOX - MEME LANGAGE VISUEL QUE APPS & JEUX
248   ========================================================= */
249
250.vpx-box-menu-clean {
251    width: 520px !important;
252    min-width: 520px !important;
253    max-width: calc(100vw - 24px) !important;
254
255    padding: 18px !important;
256
257    background: #fff !important;
258    border: 1px solid #dcdcdc !important;
259    border-radius: 0 !important;
260
261    box-shadow: 0 8px 24px rgba(0, 0, 0, .16) !important;
262}
263
264.vpx-box-menu-clean .vpx-box-menu-grid {
265    display: block !important;
266}
267
268.vpx-box-menu-clean .vpx-box-menu-section {
269    min-width: 0 !important;
270}
271
272.vpx-box-menu-clean .vpx-box-menu-title {
273    display: flex !important;
274    align-items: center !important;
275
276    min-height: 26px !important;
277
278    margin: 0 0 10px !important;
279    padding: 0 0 8px !important;
280
281    color: #252525 !important;
282
283    border: 0 !important;
284    border-bottom: 2px solid #f15a24 !important;
285
286    font-size: 13px !important;
287    line-height: 1.2 !important;
288    font-weight: 800 !important;
289    text-transform: uppercase;
290}
291
292.vpx-box-menu-clean .vpx-box-menu-links {
293    display: grid !important;
294    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
295    gap: 10px !important;
296
297    margin: 0 !important;
298    padding: 0 !important;
299
300    list-style: none !important;
301}
302
303.vpx-box-menu-clean .vpx-box-menu-links li {
304    margin: 0 !important;
305    padding: 0 !important;
306}
307
308/* Partager ma collection occupe toute la largeur */
309.vpx-box-menu-clean .vpx-box-menu-links li:last-child {
310    grid-column: 1 / -1;
311}
312
313.vpx-box-menu-clean .vpx-box-menu-links a {
314    display: flex !important;
315    align-items: center !important;
316
317    width: 100% !important;
318    min-height: 54px !important;
319
320    padding: 9px 12px !important;
321
322    color: #333 !important;
323    background: #fafafa !important;
324
325    border: 1px solid #e4e4e4 !important;
326    border-left: 3px solid transparent !important;
327    border-radius: 0 !important;
328
329    box-sizing: border-box !important;
330
331    font-size: 13px !important;
332    line-height: 1.2 !important;
333    font-weight: 700 !important;
334
335    text-decoration: none !important;
336
337    transition:
338        background .15s ease,
339        border-color .15s ease,
340        transform .15s ease !important;
341}
342
343.vpx-box-menu-clean .vpx-box-menu-links a:hover,
344.vpx-box-menu-clean .vpx-box-menu-links a:focus {
345    color: #f15a24 !important;
346    background: #fff7f2 !important;
347
348    border-color: #efb195 !important;
349    border-left-color: #f15a24 !important;
350
351    text-decoration: none !important;
352
353    transform: translateY(-1px);
354}
355
356.vpx-box-menu-clean .vpx-box-menu-links i {
357    display: inline-flex !important;
358    align-items: center !important;
359    justify-content: center !important;
360
361    flex: 0 0 34px !important;
362
363    width: 34px !important;
364    height: 34px !important;
365
366    margin: 0 10px 0 0 !important;
367
368    color: #f15a24 !important;
369    background: #fff0e8 !important;
370
371    border: 1px solid #ffe1d1 !important;
372
373    font-size: 18px !important;
374    line-height: 1 !important;
375}
376
377@media (max-width: 767px) {
378    .vpx-box-menu-clean {
379        width: calc(100vw - 20px) !important;
380        min-width: 0 !important;
381
382        padding: 12px !important;
383    }
384
385    .vpx-box-menu-clean .vpx-box-menu-links {
386        grid-template-columns: 1fr !important;
387    }
388
389    .vpx-box-menu-clean .vpx-box-menu-links li:last-child {
390        grid-column: auto;
391    }
392}
393
394
395/* =========================================================
396   APPS & JEUX - MENU MODERNE
397   ========================================================= */
398
399.apps-games-dropmenu {
400    width: 720px !important;
401    min-width: 720px !important;
402    max-width: calc(100vw - 24px) !important;
403
404    padding: 18px !important;
405
406    background: #fff !important;
407    border: 1px solid #dcdcdc !important;
408    border-radius: 0 !important;
409
410    box-shadow: 0 8px 24px rgba(0, 0, 0, .16) !important;
411}
412
413.apps-games-dropmenu .vpx-apps-menu-grid {
414    display: block !important;
415}
416
417.apps-games-dropmenu .vpx-apps-menu-section {
418    min-width: 0 !important;
419
420    margin: 0 0 18px !important;
421    padding: 0 0 18px !important;
422
423    border: 0 !important;
424    border-bottom: 1px solid #ececec !important;
425}
426
427.apps-games-dropmenu .vpx-apps-menu-section:last-child {
428    margin-bottom: 0 !important;
429    padding-bottom: 0 !important;
430
431    border-bottom: 0 !important;
432}
433
434.apps-games-dropmenu .vpx-apps-menu-title {
435    display: flex !important;
436    align-items: center !important;
437
438    min-height: 26px !important;
439
440    margin: 0 0 10px !important;
441    padding: 0 0 8px !important;
442
443    color: #252525 !important;
444
445    border: 0 !important;
446    border-bottom: 2px solid #f15a24 !important;
447
448    font-size: 13px !important;
449    line-height: 1.2 !important;
450    font-weight: 800 !important;
451    text-transform: uppercase;
452}
453
454/* Applications Web : 2 cartes */
455.apps-games-dropmenu .vpx-apps-menu-section:nth-child(1) .vpx-apps-menu-list {
456    display: grid !important;
457    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
458    gap: 10px !important;
459}
460
461/* Expériences : 3 cartes sur la première ligne, 2 sur la seconde */
462.apps-games-dropmenu .vpx-apps-menu-section:nth-child(2) .vpx-apps-menu-list {
463    display: grid !important;
464    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
465    gap: 10px !important;
466}
467
468/* Jeux : carte plus compacte */
469.apps-games-dropmenu .vpx-apps-menu-section:nth-child(3) .vpx-apps-menu-list {
470    display: grid !important;
471    grid-template-columns: minmax(260px, 340px) !important;
472    gap: 10px !important;
473}
474
475.apps-games-dropmenu .vpx-apps-menu-list {
476    margin: 0 !important;
477    padding: 0 !important;
478
479    list-style: none !important;
480}
481
482.apps-games-dropmenu .vpx-apps-menu-list li {
483    margin: 0 !important;
484    padding: 0 !important;
485}
486
487.apps-games-dropmenu .vpx-apps-menu-link {
488    display: flex !important;
489    align-items: center !important;
490
491    width: 100% !important;
492    min-height: 54px !important;
493
494    padding: 9px 12px !important;
495
496    color: #333 !important;
497    background: #fafafa !important;
498
499    border: 1px solid #e4e4e4 !important;
500    border-left: 3px solid transparent !important;
501    border-radius: 0 !important;
502
503    font-size: 13px !important;
504    line-height: 1.2 !important;
505
506    text-decoration: none !important;
507
508    box-sizing: border-box !important;
509
510    transition:
511        background .15s ease,
512        border-color .15s ease,
513        transform .15s ease !important;
514}
515
516.apps-games-dropmenu .vpx-apps-menu-link:hover,
517.apps-games-dropmenu .vpx-apps-menu-link:focus {
518    color: #f15a24 !important;
519    background: #fff7f2 !important;
520
521    border-color: #efb195 !important;
522    border-left-color: #f15a24 !important;
523
524    text-decoration: none !important;
525
526    transform: translateY(-1px);
527}
528
529.apps-games-dropmenu .vpx-apps-menu-icon {
530    display: inline-flex !important;
531    align-items: center !important;
532    justify-content: center !important;
533
534    flex: 0 0 34px !important;
535
536    width: 34px !important;
537    height: 34px !important;
538
539    margin-right: 10px !important;
540
541    color: #f15a24 !important;
542    background: #fff0e8 !important;
543
544    border: 1px solid #ffe1d1 !important;
545
546    font-size: 18px !important;
547    line-height: 1 !important;
548}
549
550.apps-games-dropmenu .vpx-apps-menu-icon i {
551    margin: 0 !important;
552    padding: 0 !important;
553
554    color: #f15a24 !important;
555
556    font-size: 18px !important;
557    line-height: 1 !important;
558}
559
560.apps-games-dropmenu .vpx-apps-menu-text {
561    min-width: 0 !important;
562
563    color: inherit !important;
564
565    font-size: 13px !important;
566    line-height: 1.2 !important;
567    font-weight: 700 !important;
568
569    white-space: normal !important;
570    overflow-wrap: break-word !important;
571}
572
573.apps-games-dropmenu .vpx-apps-menu-external::after {
574    content: "\2197";
575
576    flex: 0 0 auto;
577
578    margin-left: auto !important;
579    padding-left: 10px !important;
580
581    color: #999 !important;
582
583    font-size: 14px !important;
584    line-height: 1 !important;
585}
586
587/* Évite que les anciennes règles globales de box-dropmenu
588   agrandissent les liens et les textes du nouveau menu. */
589.apps-games-dropmenu a,
590.apps-games-dropmenu a span,
591.apps-games-dropmenu li,
592.apps-games-dropmenu ul {
593    font-size: 13px !important;
594    line-height: 1.2 !important;
595}
596
597@media (max-width: 767px) {
598    .vpx-box-menu-clean {
599        width: 300px !important;
600        min-width: 300px !important;
601        max-width: calc(100vw - 16px) !important;
602    }
603
604    .apps-games-dropmenu {
605        width: calc(100vw - 20px) !important;
606        min-width: 0 !important;
607
608        padding: 12px !important;
609    }
610
611    .apps-games-dropmenu .vpx-apps-menu-section:nth-child(1) .vpx-apps-menu-list,
612    .apps-games-dropmenu .vpx-apps-menu-section:nth-child(2) .vpx-apps-menu-list,
613    .apps-games-dropmenu .vpx-apps-menu-section:nth-child(3) .vpx-apps-menu-list {
614        grid-template-columns: 1fr !important;
615    }
616
617    .apps-games-dropmenu .vpx-apps-menu-section {
618        margin-bottom: 14px !important;
619        padding-bottom: 14px !important;
620    }
621}
622
623
624/* =========================================================
625   A PROPOS - MEME LANGAGE VISUEL QUE APPS & JEUX
626   ========================================================= */
627
628.vpx-about-dropmenu {
629    width: 420px !important;
630    min-width: 420px !important;
631    max-width: calc(100vw - 24px) !important;
632
633    padding: 16px !important;
634
635    background: #fff !important;
636    border: 1px solid #dcdcdc !important;
637    border-radius: 0 !important;
638
639    box-shadow: 0 8px 24px rgba(0, 0, 0, .16) !important;
640}
641
642.vpx-about-menu-title {
643    display: flex !important;
644    align-items: center !important;
645
646    min-height: 26px !important;
647
648    margin: 0 0 10px !important;
649    padding: 0 0 8px !important;
650
651    color: #252525 !important;
652
653    border-bottom: 2px solid #f15a24 !important;
654
655    font-size: 13px !important;
656    line-height: 1.2 !important;
657    font-weight: 800 !important;
658    text-transform: uppercase;
659}
660
661.vpx-about-menu-list {
662    display: grid !important;
663    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
664    gap: 10px !important;
665
666    margin: 0 !important;
667    padding: 0 !important;
668
669    list-style: none !important;
670}
671
672.vpx-about-menu-list li {
673    margin: 0 !important;
674    padding: 0 !important;
675}
676
677.vpx-about-menu-link {
678    display: flex !important;
679    align-items: center !important;
680
681    width: 100% !important;
682    min-height: 54px !important;
683
684    padding: 9px 12px !important;
685
686    color: #333 !important;
687    background: #fafafa !important;
688
689    border: 1px solid #e4e4e4 !important;
690    border-left: 3px solid transparent !important;
691    border-radius: 0 !important;
692
693    box-sizing: border-box !important;
694
695    font-size: 13px !important;
696    line-height: 1.2 !important;
697    font-weight: 700 !important;
698
699    text-decoration: none !important;
700
701    transition:
702        background .15s ease,
703        border-color .15s ease,
704        transform .15s ease !important;
705}
706
707.vpx-about-menu-link:hover,
708.vpx-about-menu-link:focus {
709    color: #f15a24 !important;
710    background: #fff7f2 !important;
711
712    border-color: #efb195 !important;
713    border-left-color: #f15a24 !important;
714
715    text-decoration: none !important;
716
717    transform: translateY(-1px);
718}
719
720.vpx-about-menu-icon {
721    display: inline-flex !important;
722    align-items: center !important;
723    justify-content: center !important;
724
725    flex: 0 0 34px !important;
726
727    width: 34px !important;
728    height: 34px !important;
729
730    margin-right: 10px !important;
731
732    color: #f15a24 !important;
733    background: #fff0e8 !important;
734
735    border: 1px solid #ffe1d1 !important;
736
737    font-size: 18px !important;
738    line-height: 1 !important;
739}
740
741.vpx-about-menu-icon i {
742    margin: 0 !important;
743    padding: 0 !important;
744
745    color: #f15a24 !important;
746
747    font-size: 18px !important;
748    line-height: 1 !important;
749}
750
751.vpx-about-menu-text {
752    min-width: 0 !important;
753
754    color: inherit !important;
755
756    font-size: 13px !important;
757    line-height: 1.2 !important;
758    font-weight: 700 !important;
759
760    white-space: normal !important;
761    overflow-wrap: break-word !important;
762}
763
764@media (max-width: 767px) {
765    .vpx-about-dropmenu {
766        width: calc(100vw - 20px) !important;
767        min-width: 0 !important;
768        padding: 12px !important;
769    }
770
771    .vpx-about-menu-list {
772        grid-template-columns: 1fr !important;
773    }
774}
775
776/* =========================================================
777   CORRECTION DU STACKING CONTEXT GLOBAL DU HEADER
778
779   Le problème ne vient pas uniquement du z-index du dropdown :
780   le header global (#header) crée le contexte d'empilement parent.
781   Un z-index très élevé sur un enfant ne peut pas dépasser un
782   élément situé dans un contexte parent supérieur.
783   ========================================================= */
784
785#header {
786    position: relative !important;
787    z-index: 2147483000 !important;
788    overflow: visible !important;
789}
790
791#header .container,
792#header .row,
793#header .vpx-header-main,
794#header .vpx-header-tools,
795#header .vpx-header-profile-item {
796    overflow: visible !important;
797}
798
799#header .dropdown-menu,
800#header .vpx-member-profile-menu,
801#header .apps-games-dropmenu,
802#header .vpx-about-dropmenu,
803#header .vpx-box-menu-clean {
804    position: absolute;
805    z-index: 2147483640 !important;
806}
807
808/*
809 * L'image de couverture et son titre restent dans le contexte
810 * normal de la page, sous le header.
811 */
812.img-screen {
813    position: relative !important;
814    z-index: 0 !important;
815}
816
817.img-screen .title-page-holder,
818.title-page-holder {
819    z-index: 1 !important;
820}
821
822/* =========================================================
823   PRIORITE D'AFFICHAGE DES MENUS DU HEADER
824   Les menus doivent toujours passer devant les contenus de page.
825   ========================================================= */
826
827.vpx-header-main {
828    position: relative !important;
829    z-index: 50000 !important;
830    overflow: visible !important;
831}
832
833.vpx-header-main > .row:first-child {
834    position: relative !important;
835    z-index: 50010 !important;
836    overflow: visible !important;
837}
838
839.vpx-header-tools {
840    position: relative !important;
841    z-index: 50020 !important;
842    overflow: visible !important;
843}
844
845.vpx-header-profile-item {
846    position: relative !important;
847    z-index: 50030 !important;
848    overflow: visible !important;
849}
850
851.vpx-member-profile-menu,
852.vpx-header-main .dropdown-menu {
853    z-index: 50040 !important;
854}
855
856/* =========================================================
857   MENU PROFIL / COINS - MEME LANGAGE VISUEL QUE APPS & JEUX
858   ========================================================= */
859
860.vpx-member-profile-menu {
861    width: 520px !important;
862    min-width: 520px !important;
863    max-width: calc(100vw - 24px) !important;
864
865    padding: 18px !important;
866    margin-top: 1px !important;
867
868    top: 100% !important;
869    left: auto !important;
870    right: 0 !important;
871
872    overflow: hidden !important;
873
874    background: #fff !important;
875    border: 1px solid #dcdcdc !important;
876    border-radius: 0 !important;
877
878    box-shadow: 0 8px 24px rgba(0, 0, 0, .16) !important;
879}
880
881.vpx-member-profile-menu .vpx-profile-section {
882    margin: 0 0 18px !important;
883    padding: 0 0 18px !important;
884
885    border-bottom: 1px solid #ececec !important;
886}
887
888.vpx-member-profile-menu .vpx-profile-section-title {
889    display: flex !important;
890    align-items: center !important;
891
892    min-height: 26px !important;
893
894    margin: 0 0 10px !important;
895    padding: 0 0 8px !important;
896
897    color: #252525 !important;
898
899    border-bottom: 2px solid #f15a24 !important;
900
901    font-size: 13px !important;
902    line-height: 1.2 !important;
903    font-weight: 800 !important;
904    text-transform: uppercase;
905}
906
907.vpx-member-profile-menu .vpx-profile-grid {
908    display: grid !important;
909    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
910    gap: 10px !important;
911}
912
913.vpx-member-profile-menu .vpx-profile-card {
914    display: flex !important;
915    align-items: center !important;
916
917    width: 100% !important;
918    min-height: 58px !important;
919
920    padding: 10px 12px !important;
921
922    color: #333 !important;
923    background: #fafafa !important;
924
925    border: 1px solid #e4e4e4 !important;
926    border-left: 3px solid transparent !important;
927    border-radius: 0 !important;
928
929    box-sizing: border-box !important;
930
931    font-size: 13px !important;
932    line-height: 1.2 !important;
933    font-weight: 700 !important;
934
935    text-decoration: none !important;
936
937    transition:
938        background .15s ease,
939        border-color .15s ease,
940        transform .15s ease !important;
941}
942
943.vpx-member-profile-menu .vpx-profile-card:hover,
944.vpx-member-profile-menu .vpx-profile-card:focus {
945    color: #f15a24 !important;
946    background: #fff7f2 !important;
947
948    border-color: #efb195 !important;
949    border-left-color: #f15a24 !important;
950
951    text-decoration: none !important;
952
953    transform: translateY(-1px);
954}
955
956.vpx-member-profile-menu .vpx-profile-card-icon {
957    display: inline-flex !important;
958    align-items: center !important;
959    justify-content: center !important;
960
961    flex: 0 0 34px !important;
962
963    width: 34px !important;
964    height: 34px !important;
965
966    margin-right: 10px !important;
967
968    color: #f15a24 !important;
969    background: #fff0e8 !important;
970
971    border: 1px solid #ffe1d1 !important;
972
973    font-size: 18px !important;
974    line-height: 1 !important;
975}
976
977.vpx-member-profile-menu .vpx-profile-card-icon i {
978    margin: 0 !important;
979    padding: 0 !important;
980
981    color: inherit !important;
982
983    font-size: 18px !important;
984    line-height: 1 !important;
985}
986
987.vpx-member-profile-menu .vpx-profile-card-text {
988    flex: 1 1 auto !important;
989    min-width: 0 !important;
990
991    color: inherit !important;
992
993    font-size: 13px !important;
994    line-height: 1.2 !important;
995    font-weight: 700 !important;
996
997    white-space: normal !important;
998}
999
1000.vpx-member-profile-menu .vpx-profile-wallet-balance {
1001    display: inline-flex !important;
1002    align-items: center !important;
1003    justify-content: center !important;
1004
1005    min-width: 60px !important;
1006
1007    margin-left: auto !important;
1008    padding: 6px 10px !important;
1009
1010    color: #fff !important;
1011    background: #ff6b21 !important;
1012
1013    border-radius: 999px !important;
1014
1015    font-size: 14px !important;
1016    line-height: 1 !important;
1017    font-weight: 800 !important;
1018
1019    white-space: nowrap !important;
1020}
1021
1022.vpx-member-profile-menu .vpx-profile-daily-card {
1023    gap: 0 !important;
1024}
1025
1026.vpx-member-profile-menu .vpx-profile-daily-card .vpx-profile-card-text {
1027    padding-right: 10px !important;
1028}
1029
1030.vpx-member-profile-menu .vpx-profile-daily-card .vpx-profile-card-icon {
1031    color: #29914d !important;
1032    background: #eef9f1 !important;
1033    border-color: #d7eedf !important;
1034}
1035
1036.vpx-member-profile-menu .vpx-profile-daily-status {
1037    display: inline-flex !important;
1038    align-items: center !important;
1039    justify-content: center !important;
1040
1041    flex: 0 0 auto !important;
1042    min-width: 76px !important;
1043    height: 32px !important;
1044
1045    margin-left: auto !important;
1046    padding: 0 10px !important;
1047
1048    color: #b403c5 !important;
1049    background: #fff !important;
1050
1051    border: 1px solid #b403c5 !important;
1052    border-radius: 0 !important;
1053
1054    box-sizing: border-box !important;
1055
1056    font-size: 11px !important;
1057    line-height: 1 !important;
1058    font-weight: 800 !important;
1059
1060    white-space: nowrap !important;
1061}
1062
1063.vpx-member-profile-menu
1064.vpx-profile-daily-card.is-available
1065.vpx-profile-daily-status {
1066    color: #b403c5 !important;
1067    border-color: #b403c5 !important;
1068}
1069
1070.vpx-member-profile-menu .vpx-profile-logout {
1071    display: flex !important;
1072    align-items: center !important;
1073
1074    width: 100% !important;
1075    min-height: 54px !important;
1076
1077    padding: 9px 12px !important;
1078
1079    color: #333 !important;
1080    background: #fafafa !important;
1081
1082    border: 1px solid #e4e4e4 !important;
1083    border-left: 3px solid transparent !important;
1084    border-radius: 0 !important;
1085
1086    box-sizing: border-box !important;
1087
1088    font-size: 13px !important;
1089    line-height: 1.2 !important;
1090    font-weight: 700 !important;
1091
1092    text-decoration: none !important;
1093}
1094
1095.vpx-member-profile-menu .vpx-profile-logout:hover,
1096.vpx-member-profile-menu .vpx-profile-logout:focus {
1097    color: #d93025 !important;
1098    background: #fff7f5 !important;
1099
1100    border-color: #efc2bd !important;
1101    border-left-color: #d93025 !important;
1102
1103    text-decoration: none !important;
1104}
1105
1106.vpx-member-profile-menu .vpx-profile-logout .vpx-profile-card-icon {
1107    color: #d93025 !important;
1108    background: #fff1ef !important;
1109    border-color: #f4d6d1 !important;
1110}
1111
1112/* Anciennes structures neutralisées si présentes en cache */
1113.vpx-member-profile-menu .vpx-profile-coins,
1114.vpx-member-profile-menu .vpx-profile-coins-main,
1115.vpx-member-profile-menu .vpx-profile-daily-claim,
1116.vpx-member-profile-menu .vpx-profile-coins-submenu {
1117    border-radius: 0 !important;
1118}
1119
1120.vpx-member-profile-menu .vpx-profile-coins-submenu {
1121    display: none !important;
1122}
1123
1124@media (max-width: 767px) {
1125    .vpx-member-profile-menu {
1126        width: calc(100vw - 20px) !important;
1127        min-width: 0 !important;
1128        max-width: calc(100vw - 20px) !important;
1129
1130        padding: 12px !important;
1131
1132        right: -48px !important;
1133    }
1134
1135    .vpx-member-profile-menu .vpx-profile-grid {
1136        grid-template-columns: 1fr !important;
1137    }
1138}
1139
1140
1141/*
1142     * Header VIP Crossing - optimisation mobile uniquement.
1143     * Le desktop conserve sa mise en page actuelle.
1144     */
1145    @media (max-width: 767px) {
1146        .vpx-main-logo {
1147            float: none !important;
1148            width: 100% !important;
1149            padding: 8px 12px 9px !important;
1150            text-align: center;
1151            line-height: 1;
1152        }
1153
1154        .vpx-main-logo > a {
1155            display: inline-flex;
1156            align-items: center;
1157            justify-content: center;
1158            max-width: 100%;
1159        }
1160
1161        .vpx-main-logo img {
1162            display: block;
1163            width: auto;
1164            max-width: min(68vw, 500px);
1165            max-height: 105px;
1166            height: auto;
1167            margin: 0 auto;
1168            object-fit: contain;
1169        }
1170
1171        .vpx-header-main {
1172            float: none !important;
1173            width: 100% !important;
1174            padding-left: 0 !important;
1175            padding-right: 0 !important;
1176        }
1177
1178        .vpx-header-main > .row:first-child {
1179            margin-left: 0 !important;
1180            margin-right: 0 !important;
1181        }
1182
1183        .vpx-header-tools {
1184            display: flex !important;
1185            align-items: center;
1186            justify-content: flex-start;
1187            flex-wrap: nowrap;
1188            gap: 3px;
1189            float: none !important;
1190            width: 100%;
1191            min-height: 40px;
1192            margin: 0 !important;
1193            padding: 3px 6px !important;
1194        }
1195
1196        .vpx-header-tools > li {
1197            float: none !important;
1198            display: flex;
1199            align-items: center;
1200            justify-content: center;
1201            min-width: 0;
1202            margin: 0 !important;
1203            padding: 0 !important;
1204        }
1205
1206        .vpx-header-search-item {
1207            flex: 1 1 auto;
1208            width: auto;
1209            max-width: none;
1210            min-width: 0;
1211        }
1212
1213        .vpx-header-search-item .search-top-header {
1214            display: none !important;
1215        }
1216
1217        .vpx-header-search-item .search-mobile {
1218            display: flex !important;
1219            align-items: center;
1220            width: 100%;
1221            max-width: none;
1222            height: 30px !important;
1223            min-height: 30px !important;
1224            margin: 0 !important;
1225            padding: 0 !important;
1226        }
1227
1228        .vpx-header-search-item .search-mobile .form-control {
1229            flex: 1 1 auto;
1230            min-width: 0;
1231            height: 30px !important;
1232            min-height: 30px !important;
1233            margin: 0 !important;
1234            padding: 3px 12px !important;
1235            font-size: 14px;
1236            line-height: 1.1 !important;
1237            box-sizing: border-box !important;
1238        }
1239
1240        .vpx-header-search-item .search-mobile .btn {
1241            flex: 0 0 38px;
1242            display: flex !important;
1243            align-items: center !important;
1244            justify-content: center !important;
1245            width: 38px;
1246            height: 30px !important;
1247            min-height: 30px !important;
1248            margin: 0 !important;
1249            padding: 0 !important;
1250            box-sizing: border-box !important;
1251            line-height: 1 !important;
1252        }
1253
1254        .vpx-header-search-item .search-mobile .btn i {
1255            display: block !important;
1256            margin: 0 !important;
1257            padding: 0 !important;
1258            position: static !important;
1259            top: auto !important;
1260            left: auto !important;
1261            right: auto !important;
1262            bottom: auto !important;
1263            transform: none !important;
1264            line-height: 1 !important;
1265            font-size: 20px !important;
1266        }
1267
1268        .vpx-header-profile-item {
1269            flex: 0 0 31px;
1270            width: 31px;
1271            height: 31px;
1272            align-self: center;
1273            position: relative !important;
1274            z-index: 50030 !important;
1275            top: auto !important;
1276            bottom: auto !important;
1277            transform: none !important;
1278            margin: 0 2px !important;
1279            overflow: visible !important;
1280        }
1281
1282        .vpx-header-profile-item > a {
1283            display: flex !important;
1284            align-items: center;
1285            justify-content: center;
1286            width: 29px;
1287            min-width: 29px;
1288            height: 29px;
1289            padding: 0 !important;
1290            margin: 0 auto !important;
1291            position: static !important;
1292            top: auto !important;
1293            bottom: auto !important;
1294            transform: none !important;
1295            line-height: 1 !important;
1296        }
1297
1298        .vpx-header-profile-item .name-session {
1299            display: flex !important;
1300            align-items: center !important;
1301            justify-content: center !important;
1302            width: 29px;
1303            height: 29px;
1304            margin: 0 !important;
1305            padding: 0 !important;
1306            position: static !important;
1307            top: auto !important;
1308            bottom: auto !important;
1309            transform: none !important;
1310            line-height: 1 !important;
1311        }
1312
1313        .vpx-header-profile-item .name-session > .zmdi-chevron-down {
1314            display: none !important;
1315        }
1316
1317        .vpx-header-profile-item .img-menu {
1318            display: block !important;
1319            width: 27px !important;
1320            height: 27px !important;
1321            max-width: 27px !important;
1322            max-height: 27px !important;
1323            margin: 0 !important;
1324            padding: 0 !important;
1325            object-fit: cover;
1326            position: static !important;
1327            top: auto !important;
1328            bottom: auto !important;
1329            transform: none !important;
1330        }
1331
1332        .vpx-header-profile-item .zmdi-account-circle {
1333            display: flex !important;
1334            align-items: center;
1335            justify-content: center;
1336            width: 34px;
1337            height: 34px;
1338            margin: 0 !important;
1339            font-size: 30px;
1340            line-height: 1;
1341        }
1342
1343        .vpx-header-language-item {
1344            flex: 0 0 42px;
1345            width: 42px;
1346            margin: 0 !important;
1347        }
1348
1349        .vpx-header-language-item > a {
1350            display: flex !important;
1351            align-items: center;
1352            justify-content: center;
1353            width: 42px;
1354            min-width: 42px;
1355            height: 30px;
1356            padding: 0 !important;
1357            text-align: center;
1358            white-space: nowrap;
1359            line-height: 1;
1360        }
1361
1362        .vpx-header-menu-toggle-item {
1363            flex: 0 0 34px;
1364            width: 34px;
1365            height: 34px;
1366            margin: 0 !important;
1367            display: flex !important;
1368            align-items: center !important;
1369            justify-content: center !important;
1370            align-self: center !important;
1371        }
1372
1373        .vpx-header-menu-toggle-item .navbar-header {
1374            float: none !important;
1375            display: flex !important;
1376            align-items: center !important;
1377            justify-content: center !important;
1378            width: 34px;
1379            height: 34px;
1380            margin: 0 !important;
1381            padding: 0 !important;
1382            line-height: 1 !important;
1383        }
1384
1385        .vpx-header-menu-toggle-item .navbar-toggle {
1386            float: none !important;
1387            display: flex !important;
1388            flex-direction: column;
1389            align-items: center !important;
1390            justify-content: center !important;
1391            gap: 3px;
1392            width: 34px;
1393            min-width: 34px;
1394            height: 34px;
1395            margin: 0 !important;
1396            padding: 0 !important;
1397            line-height: 0 !important;
1398            position: static !important;
1399            top: auto !important;
1400            bottom: auto !important;
1401            transform: translateY(-1px);
1402        }
1403
1404        .vpx-header-menu-toggle-item .navbar-toggle .icon-bar {
1405            display: block;
1406            width: 22px;
1407            height: 2px;
1408            margin: 0 !important;
1409        }
1410
1411        /*
1412         * Un seul menu mobile : le bouton VIP Crossing orange.
1413         * Il est placé directement dans la barre noire afin d'éviter
1414         * toute superposition avec la langue.
1415         */
1416        .vpx-header-menu-toggle-item {
1417            display: flex !important;
1418            flex: 0 0 34px;
1419            width: 34px;
1420            height: 30px;
1421            align-items: center !important;
1422            justify-content: center !important;
1423            margin: 0 !important;
1424            padding: 0 !important;
1425        }
1426
1427        .vpx-inline-nav-toggle {
1428            position: static !important;
1429            top: auto !important;
1430            right: auto !important;
1431            bottom: auto !important;
1432            left: auto !important;
1433            transform: none !important;
1434            display: flex !important;
1435            align-items: center !important;
1436            justify-content: center !important;
1437            width: 32px !important;
1438            height: 30px !important;
1439            margin: 0 !important;
1440            padding: 0 !important;
1441            color: #fc5722 !important;
1442            background: transparent !important;
1443            font-size: 27px !important;
1444            line-height: 1 !important;
1445            cursor: pointer;
1446        }
1447
1448        .vpx-inline-nav-toggle .zmdi {
1449            display: block !important;
1450            margin: 0 !important;
1451            padding: 0 !important;
1452            line-height: 1 !important;
1453            transform: translateY(-1px);
1454        }
1455    }
1456
1457    @media (max-width: 390px) {
1458        .vpx-main-logo {
1459            padding-top: 6px !important;
1460            padding-bottom: 7px !important;
1461        }
1462
1463        .vpx-main-logo img {
1464            max-width: 72vw;
1465            max-height: 92px;
1466        }
1467
1468        .vpx-header-tools {
1469            gap: 2px;
1470            min-height: 38px;
1471            padding: 3px 4px !important;
1472        }
1473
1474        .vpx-header-profile-item {
1475            flex-basis: 32px;
1476            width: 32px;
1477        }
1478
1479        .vpx-header-language-item {
1480            flex-basis: 40px;
1481            width: 40px;
1482            margin: 0 !important;
1483        }
1484
1485        .vpx-header-language-item > a {
1486            width: 40px;
1487            min-width: 40px;
1488            font-size: 13px;
1489        }
1490
1491        .vpx-header-menu-toggle-item,
1492        .vpx-header-menu-toggle-item .navbar-header,
1493        .vpx-header-menu-toggle-item .navbar-toggle {
1494            flex-basis: 34px;
1495            width: 34px;
1496            min-width: 34px;
1497        }
1498    }
1499</style>
1499<script>
1500document.addEventListener('DOMContentLoaded', function () {
1501
1502    var counters = document.querySelectorAll(
1503        '[data-vpx-daily-countdown="1"]'
1504    );
1505
1506    if (!counters.length) {
1507        return;
1508    }
1509
1510    function formatRemaining(seconds) {
1511        seconds = Math.max(
1512            0,
1513            parseInt(seconds, 10) || 0
1514        );
1515
1516        var days = Math.floor(seconds / 86400);
1517
1518        var hours = Math.floor(
1519            (seconds % 86400) / 3600
1520        );
1521
1522        var minutes = Math.floor(
1523            (seconds % 3600) / 60
1524        );
1525
1526        var secs = seconds % 60;
1527
1528        function pad(value) {
1529            return value < 10
1530                ? '0' + value
1531                : String(value);
1532        }
1533
1534        if (days > 0) {
1535            return days
1536                + 'j '
1537                + pad(hours)
1538                + ':'
1539                + pad(minutes)
1540                + ':'
1541                + pad(secs);
1542        }
1543
1544        return pad(hours)
1545            + ':'
1546            + pad(minutes)
1547            + ':'
1548            + pad(secs);
1549    }
1550
1551    function updateCounters() {
1552
1553        for (var i = 0; i < counters.length; i++) {
1554
1555            var element = counters[i];
1556
1557            var remaining = parseInt(
1558                element.getAttribute(
1559                    'data-remaining-seconds'
1560                ),
1561                10
1562            );
1563
1564            if (isNaN(remaining)) {
1565                remaining = 0;
1566            }
1567
1568            if (remaining <= 0) {
1569                element.textContent =
1570                    element.getAttribute('data-available-label')
1571                    || 'Disponible';
1572
1573                continue;
1574            }
1575
1576            element.textContent =
1577                formatRemaining(remaining);
1578
1579            element.setAttribute(
1580                'data-remaining-seconds',
1581                remaining - 1
1582            );
1583        }
1584    }
1585
1586    updateCounters();
1587
1588    window.setInterval(
1589        updateCounters,
1590        1000
1591    );
1592});
1593</script>
1593<div class="col-md-3 col-sm-12 logo vpx-main-logo"><a href="/fr/index/home" ><img src="/assets/images/logo.png" class="img-responsive" alt="Logo de la platform VIP Crossing"/></a></div><div class="col-md-9 vpx-header-main"><div class="row"><ul id="menu1" class="nav navbar-nav collapse navbar-collapse"><li><a
1594                    href="/espace-member/fr/box/active"
1595                    class="nav-link dropdown-toggle"
1596                    data-toggle="dropdown"
1597                    aria-haspopup="true"
1598                    aria-expanded="true"
1599                    id="navbarDropdownboxLink"
1600                ><span>
1601                        MA BOX
1602                    </span><small>
1603                        Recherche par mots clés
1604                    </small></a><div
1605                    class="dropdown-menu box-dropmenu vpx-box-menu-clean"
1606                    aria-labelledby="navbarDropdownboxLink"
1607                ><div class="vpx-box-menu-grid"><div class="vpx-box-menu-section"><h5 class="vpx-box-menu-title">
1608                                MA BOX
1609                            </h5><ul class="vpx-box-menu-links"><li><a href="/espace-member/fr/box/active"><i class="zmdi zmdi-inbox"></i>
1610                                        Box
1611                                    </a></li><li><a href="/espace-member/fr/box/non-active"><i class="zmdi zmdi-archive"></i>
1612                                        Archives
1613                                    </a></li><li><a href="/espace-member/fr/partage-box"><i class="zmdi zmdi-share"></i>
1614                                        Partager ma collection
1615                                    </a></li></ul></div></div></div></li><li><a
1616                    class="nav-link dropdown-toggle"
1617                    id="navbarDropdownAppsGamesLink"
1618                    data-toggle="dropdown"
1619                    href="#"
1620                    aria-haspopup="true"
1621                    aria-expanded="false"
1622                ><span>
1623                        APPS &amp; JEUX
1624                    </span><small>
1625                        Applications et jeux
1626                    </small></a><div
1627                    class="dropdown-menu box-dropmenu apps-games-dropmenu"
1628                    aria-labelledby="navbarDropdownAppsGamesLink"
1629                ><div class="vpx-apps-menu-grid"><section class="vpx-apps-menu-section"><h5 class="vpx-apps-menu-title">
1630                                Applications Web
1631                            </h5><ul class="vpx-apps-menu-list"><li><a
1632                                        class="vpx-apps-menu-link"
1633                                        href="/fr/marketplace-seo"
1634                                    ><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-search-in-page"></i></span><span class="vpx-apps-menu-text">
1635                                            Marketplace SEO
1636                                        </span></a></li><li><a class="vpx-apps-menu-link" href="#"><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-movie"></i></span><span class="vpx-apps-menu-text">
1637                                            Casting
1638                                        </span></a></li></ul></section><section class="vpx-apps-menu-section"><h5 class="vpx-apps-menu-title">
1639                                Expériences VIP Crossing
1640                            </h5><ul class="vpx-apps-menu-list"><li><a class="vpx-apps-menu-link" href="/fr/crossingTv"><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-tv"></i></span><span class="vpx-apps-menu-text">Crossing TV</span></a></li><li><a class="vpx-apps-menu-link" href="/fr/crossingAudio"><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-headset"></i></span><span class="vpx-apps-menu-text">Crossing Sound</span></a></li><li><a class="vpx-apps-menu-link" href="/fr/crossingMap"><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-map"></i></span><span class="vpx-apps-menu-text">Crossing Map</span></a></li><li><a class="vpx-apps-menu-link" href="/fr/personnage/crossing-cartoon"><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-brush"></i></span><span class="vpx-apps-menu-text">Crossing cartoon</span></a></li><li><a class="vpx-apps-menu-link" href="/fr/personnage/crossing-studio"><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-mic"></i></span><span class="vpx-apps-menu-text">Crossing Studio</span></a></li></ul></section><section class="vpx-apps-menu-section"><h5 class="vpx-apps-menu-title">
1641                                Jeux
1642                            </h5><ul class="vpx-apps-menu-list"><li><a
1643                                        class="vpx-apps-menu-link vpx-apps-menu-external"
1644                                        href="https://play.google.com/store/apps/details?id=com.twintechsoft.vipcrossing"
1645                                        target="_blank"
1646                                        rel="noopener"
1647                                    ><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-gamepad"></i></span><span class="vpx-apps-menu-text">
1648                                            VIP Crossing Quizz
1649                                        </span></a></li></ul></section></div></div></li><li><a href="                                        /magazine
1650                                                                                " target="_blank" class="nav-link "  aria-haspopup="true"
1651                   aria-expanded="true" id="navbarDropdownoptionLink"><span>Magazine</span><small>Le mag 100% dynamique</small></a></li><li><a
1652                    class="dropdown-toggle"
1653                    id="navbarDropdowncatgLink"
1654                    data-toggle="dropdown"
1655                    href="#"
1656                    aria-haspopup="true"
1657                    aria-expanded="false"
1658                ><span>
1659                        A propos
1660                    </span><small>
1661                        A propos de Nous
1662                    </small></a><div
1663                    class="dropdown-menu catgegory-menu vpx-about-dropmenu"
1664                    aria-labelledby="navbarDropdowncatgLink"
1665                >
1665<h5 class="vpx-about-menu-title">
1666                        A propos
1667                    </h5><ul class="vpx-about-menu-list"><li><a
1668                                class="vpx-about-menu-link"
1669                                href="/fr/aide/conditions_utilisation"
1670                            ><span class="vpx-about-menu-icon"><i class="zmdi zmdi-help-outline"></i></span><span class="vpx-about-menu-text">
1671                                    Aide
1672                                </span></a></li><li><a
1673                                class="vpx-about-menu-link"
1674                                href="/fr/qui_sommes_nous/conditions_utilisation"
1675                            ><span class="vpx-about-menu-icon"><i class="zmdi zmdi-accounts"></i></span><span class="vpx-about-menu-text">
1676                                    Qui sommes nous?
1677                                </span></a></li><li><a
1678                                class="vpx-about-menu-link"
1679                                href="/fr/confidentialite/conditions_utilisation"
1680                            ><span class="vpx-about-menu-icon"><i class="zmdi zmdi-lock-outline"></i></span><span class="vpx-about-menu-text">
1681                                    Confidentialité
1682                                </span></a></li><li><a
1683                                class="vpx-about-menu-link"
1684                                href="/fr/conditions_utilisation/conditions_utilisation"
1685                            ><span class="vpx-about-menu-icon"><i class="zmdi zmdi-assignment"></i></span><span class="vpx-about-menu-text">
1686                                    Conditions d&#039;utilisation
1687                                </span></a></li></ul></div></li><li><a href="/fr/contact"><span >Contact</span><small >Renseignements-Contact</small></a></li></ul><div class="navbar-header"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu1"
1688                    aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div><ul class="nav navbar-nav nav-left menu3 vpx-header-tools"><li class="vpx-header-search-item"><form  onsubmit = "return false;" id="form-id" method="post" action="/fr/research"   class="search-top-header"><div class="holder"><input type="text" class="form-control"  onkeyup="ajaxGetUserHome()" id="search-member"  autofocus  name="searchWord" placeholder="Recherche"><div class="pull-right no-mobile-search"><button class="btn-search-input" type="submit" onclick="document.getElementById('form-id').submit();" value=""><i class="zmdi zmdi-check"></i></button></div></div><button class="btn btn-default btn-search" type="button" data-toggle="search-form"><i class="zmdi zmdi-search"></i></button></form><form method="post" action="/fr/research" class="search-mobile"><input type="text" class="form-control"  name="searchWord" placeholder="Recherche"><button class="btn btn-default" type="submit"><i class="zmdi zmdi-check"></i></button></form></li><li class="nav-item dropdown vpx-header-profile-item"><a class="dropdown-toggle" href="/espace-member/fr"><i class="zmdi zmdi-account-circle"></i></a></li><li class="nav-item dropdown vpx-header-language-item"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink"
1689                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1690                    FR  <span class="zmdi zmdi-chevron-down"></span></a><div class="dropdown-menu language lage-position" aria-labelledby="navbarDropdownMenuLink"><a class="dropdown-item" href="/">Français</a><a class="dropdown-item" href="/en">english</a><a class="dropdown-item" href="/es">espanyol</a></div></li><li class="vpx-header-menu-toggle-item"><span
1691                    data-action="toggle-nav"
1692                    class="nav-toggle-menu vpx-inline-nav-toggle"
1693                    role="button"
1694                    tabindex="0"
1695                    aria-label="Menu"
1696                ><span class="zmdi zmdi-menu" aria-hidden="true"></span></span></li></ul></div><div class="row"><ul id="menu2" class="nav navbar-nav collapse navbar-collapse"><li ><a href="
1697                      
1698                          /fr/media/people
1699
1700                          " class="smooth">People</a></li><li ><a href="
1701                                   /fr/media/programme
1702                                  " class="smooth">Television</a></li><li ><a href="
1703                                     /fr/media/cinema
1704                  " class="smooth"> Cinema</a></li><li             ><a href="
1705                  /fr/media/concert
1706
1707                  " class="smooth">Concert  </a></li><li  ><a href="   
1708                         /fr/media/spectacle
1709
1710                                          " class="smooth">Spectacle</a></li><li ><a href="
1711                         
1712                         /fr/media/radio
1713
1714                  
1715                        " class="smooth">Radio </a></li></ul></div><div class="block-nav-menu"><ul class="ui-menu box-menu-mobile"><li><a
1716                    class="dropdown-toggle"
1717                    data-toggle="dropdown"
1718                    aria-haspopup="true"
1719                    aria-expanded="true"
1720                    id="navbarDropdownboxLink"
1721                ><span>
1722                        MA BOX
1723                    </span><small>
1724                        Recherche par mots clés
1725                    </small></a><div
1726                    class="dropdown-menu box-dropmenu vpx-box-menu-clean"
1727                    aria-labelledby="navbarDropdownboxLink"
1728                ><div class="vpx-box-menu-grid"><div class="vpx-box-menu-section"><h5 class="vpx-box-menu-title">
1729                                MA BOX
1730                            </h5><ul class="vpx-box-menu-links"><li><a href="/espace-member/fr/box/active"><i class="zmdi zmdi-inbox"></i>
1731                                        Box
1732                                    </a></li><li><a href="/espace-member/fr/box/non-active"><i class="zmdi zmdi-archive"></i>
1733                                        Archives
1734                                    </a></li><li><a href="/espace-member/fr/partage-box"><i class="zmdi zmdi-share"></i>
1735                                        Partager ma collection
1736                                    </a></li></ul></div></div></div></li><li><a
1737                    class="dropdown-toggle"
1738                    data-toggle="dropdown"
1739                    aria-haspopup="true"
1740                    aria-expanded="false"
1741                    id="navbarDropdownAppsGamesMobileLink"
1742                ><span>
1743                        APPS &amp; JEUX
1744                    </span><small>
1745                        Applications et jeux
1746                    </small></a><div
1747                    class="dropdown-menu box-dropmenu apps-games-dropmenu"
1748                    aria-labelledby="navbarDropdownAppsGamesMobileLink"
1749                ><div class="vpx-apps-menu-grid"><section class="vpx-apps-menu-section"><h5 class="vpx-apps-menu-title">
1750                                Applications Web
1751                            </h5><ul class="vpx-apps-menu-list"><li><a
1752                                        class="vpx-apps-menu-link"
1753                                        href="/fr/marketplace-seo"
1754                                    ><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-search-in-page"></i></span><span class="vpx-apps-menu-text">
1755                                            Marketplace SEO
1756                                        </span></a></li><li><a class="vpx-apps-menu-link" href="#"><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-movie"></i></span><span class="vpx-apps-menu-text">
1757                                            Casting
1758                                        </span></a></li></ul></section><section class="vpx-apps-menu-section"><h5 class="vpx-apps-menu-title">
1759                                Expériences VIP Crossing
1760                            </h5><ul class="vpx-apps-menu-list"><li><a class="vpx-apps-menu-link" href="/fr/crossingTv"><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-tv"></i></span><span class="vpx-apps-menu-text">Crossing TV</span></a></li><li><a class="vpx-apps-menu-link" href="/fr/crossingAudio"><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-headset"></i></span><span class="vpx-apps-menu-text">Crossing Sound</span></a></li><li><a class="vpx-apps-menu-link" href="/fr/crossingMap"><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-map"></i></span><span class="vpx-apps-menu-text">Crossing Map</span></a></li><li><a class="vpx-apps-menu-link" href="/fr/personnage/crossing-cartoon"><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-brush"></i></span><span class="vpx-apps-menu-text">Crossing cartoon</span></a></li><li><a class="vpx-apps-menu-link" href="/fr/personnage/crossing-studio"><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-mic"></i></span><span class="vpx-apps-menu-text">Crossing Studio</span></a></li></ul></section><section class="vpx-apps-menu-section"><h5 class="vpx-apps-menu-title">
1761                                Jeux
1762                            </h5><ul class="vpx-apps-menu-list"><li><a
1763                                        class="vpx-apps-menu-link vpx-apps-menu-external"
1764                                        href="https://play.google.com/store/apps/details?id=com.twintechsoft.vipcrossing"
1765                                        target="_blank"
1766                                        rel="noopener"
1767                                    ><span class="vpx-apps-menu-icon"><i class="zmdi zmdi-gamepad"></i></span><span class="vpx-apps-menu-text">
1768                                            VIP Crossing Quizz
1769                                        </span></a></li></ul></section></div></div></li><li><a href="                                        /magazine
1770                                        " target="_blank" class="nav-link " aria-haspopup="true"
1771                   aria-expanded="true" id="navbarDropdownoptionLink"><span>Magazine</span><small>Le mag 100% dynamique</small></a></li><li><a
1772                    class="dropdown-toggle"
1773                    id="navbarDropdowncatgMobileLink"
1774                    data-toggle="dropdown"
1775                    aria-haspopup="true"
1776                    aria-expanded="false"
1777                ><span>A propos</span><small>A propos de Nous</small></a><div
1778                    class="dropdown-menu catgegory-menu vpx-about-dropmenu"
1779                    aria-labelledby="navbarDropdowncatgMobileLink"
1780                >
1780<h5 class="vpx-about-menu-title">
1781                        A propos
1782                    </h5><ul class="vpx-about-menu-list"><li><a
1783                                class="vpx-about-menu-link"
1784                                href="/fr/aide/conditions_utilisation"
1785                            ><span class="vpx-about-menu-icon"><i class="zmdi zmdi-help-outline"></i></span><span class="vpx-about-menu-text">
1786                                    Aide
1787                                </span></a></li><li><a
1788                                class="vpx-about-menu-link"
1789                                href="/fr/qui_sommes_nous/conditions_utilisation"
1790                            ><span class="vpx-about-menu-icon"><i class="zmdi zmdi-accounts"></i></span><span class="vpx-about-menu-text">
1791                                    Qui sommes nous?
1792                                </span></a></li><li><a
1793                                class="vpx-about-menu-link"
1794                                href="/fr/confidentialite/conditions_utilisation"
1795                            ><span class="vpx-about-menu-icon"><i class="zmdi zmdi-lock-outline"></i></span><span class="vpx-about-menu-text">
1796                                    Confidentialité
1797                                </span></a></li><li><a
1798                                class="vpx-about-menu-link"
1799                                href="/fr/conditions_utilisation/conditions_utilisation"
1800                            ><span class="vpx-about-menu-icon"><i class="zmdi zmdi-assignment"></i></span><span class="vpx-about-menu-text">
1801                                    Conditions d&#039;utilisation
1802                                </span></a></li></ul></div></li><li><a href="/fr/contact"><span>Contact</span><small>Renseignements-Contact</small></a></li><li class=" link-menu link-color1"><a href=" /fr/media/people     " class="smooth">People</a></li><li class=" link-menu link-color2"><a href="     /fr/media/programme
1803                "
1804                                                  class="smooth">Television</a></li><li class=" link-menu link-color3"><a href="
1805                         /fr/media/cinema
1806                            "
1807                                                  class="smooth">Cinema</a></li><li class=" link-menu link-color4"><a href="
1808                        /fr/media/concert
1809                            "
1810                                                  class="smooth">Concert </a></li><li class=" link-menu link-color5"><a href="
1811                          /fr/media/spectacle
1812                            "
1813                                                  class="smooth">Spectacle</a></li><li class=" link-menu link-color6"><a href="
1814                          /fr/media/radio
1815                        "
1816                                                  class="smooth">Radio</a></li></ul><span class="close"><span class="zmdi zmdi-close-circle"></span></span></div></div></nav><div id="content"><!-- gallerie --><div class="owl-carousel accueil-gallerie owl-theme"><a href="https://vipcrossing.com/upload/df725b2d798781a0c61bf521778d259d.jpg"
1817				title="<a href='/collection/fr/vip/Lubiana.258' style=' color: #ff5722;'>
1818                  Lubiana  - FAN </a>"
1819
1820
1821
1822				data-caption="test"  class="item fancybox"><div class="img-resize imgLiquid"><img src="https://vipcrossing.com/upload/df725b2d798781a0c61bf521778d259d.jpg" alt="" class="resizeme "/></div></a><a href="https://vipcrossing.com/upload/f17d9d5e523b015f75061f0c9e86fc71.jpg"
1823				title="<a href='/collection/fr/vip/Damso.178' style=' color: #ff5722;'>
1824                  DAMSO  - FAN </a>"
1825
1826
1827
1828				data-caption="test"  class="item fancybox"><div class="img-resize imgLiquid"><img src="https://vipcrossing.com/upload/f17d9d5e523b015f75061f0c9e86fc71.jpg" alt="" class="resizeme "/></div></a><a href="https://vipcrossing.com/upload/f2920bc574326e9b91e5ca2cfd97c9e7.jpg"
1829				title="<a href='/collection/fr/vip/SoniaR.61' style=' color: #ff5722;'>
1830                 Sonia ROLLAND  - FAN </a>"
1831
1832
1833
1834				data-caption="test"  class="item fancybox"><div class="img-resize imgLiquid"><img src="https://vipcrossing.com/upload/f2920bc574326e9b91e5ca2cfd97c9e7.jpg" alt="" class="resizeme "/></div></a><a href="https://vipcrossing.com/upload/e93e173537f0867d19ed800c5e9bcb85.jpeg"
1835				title="<a href='/collection/fr/vip/Gwenaelle.192' style=' color: #ff5722;'>
1836                 Gwenaëlle  </a>"
1837
1838
1839
1840				data-caption="test"  class="item fancybox"><div class="img-resize imgLiquid"><img src="https://vipcrossing.com/upload/e93e173537f0867d19ed800c5e9bcb85.jpeg" alt="" class="resizeme "/></div></a><a href="https://vipcrossing.com/upload/daf1ff6b015f8ccaf10058e889951d05.JPG"
1841				title="<a href='/collection/fr/vip/joelgalipo.576' style=' color: #ff5722;'>
1842                 Joel Galipo </a>"
1843
1844
1845
1846				data-caption="test"  class="item fancybox"><div class="img-resize imgLiquid"><img src="https://vipcrossing.com/upload/daf1ff6b015f8ccaf10058e889951d05.JPG" alt="" class="resizeme "/></div></a><a href="https://vipcrossing.com/upload/cb66332d77bb79e33a13d2aea619ffec.jpeg"
1847				title="<a href='/collection/fr/vip/djelyka.577' style=' color: #ff5722;'>
1848                  djelyka </a>"
1849
1850
1851
1852				data-caption="test"  class="item fancybox"><div class="img-resize imgLiquid"><img src="https://vipcrossing.com/upload/cb66332d77bb79e33a13d2aea619ffec.jpeg" alt="" class="resizeme "/></div></a><a href="https://vipcrossing.com/upload/017435a6030e3946058c62a5561519aa.png"
1853				title="<a href='/collection/fr/vip/masaomasu.428' style=' color: #ff5722;'>
1854                  Masao Masu </a>"
1855
1856
1857
1858				data-caption="test"  class="item fancybox"><div class="img-resize imgLiquid"><img src="https://vipcrossing.com/upload/017435a6030e3946058c62a5561519aa.png" alt="" class="resizeme "/></div></a></div><!-- End gallerie --><div class="container"><div class="row row-centered"><div class="col-xs-12 col-md-6 col-lg-7 col-sm-9 col-centered" style="padding-top: 50px;"><div class="content-form mag-bot-40" style="top: 0 !important;"><div style="display: none" id="map"></div><ul class="nav nav-tabs md-tabs nav-justified"><li class="nav-item active"><a class="nav-link " data-toggle="tab" href="#account_panel_Profile" role="tab" aria-controls="account_panel_Profile" style="    text-transform: uppercase;"> Me connecter</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" href="#account_panel_Settings" role="tab" aria-controls="account_panel_Settings">CRÉER MON COMPTE</a></li></ul><div class="tab-content card"><!--Panel 1--><div class="tab-pane fade in   active" id="account_panel_Profile" role="tabpanel"><div class="row"><div class="md-form" style="  margin-top: 35px;"><div class="col-md-12"><form action="/api/login_check" class="login-form" method="post"><div class="form-group  has-feedback"><input type="text" id="username" name="_username"   value=""  placeholder="Nom d&#039;utilisateur OR Adresse e-mail "  class="form-control" ><span class="zmdi zmdi-account-circle form-control-feedback" aria-hidden="true"></span></div><div class="form-group  has-feedback"><input type="password" class="form-control"  autocomplete="off" id="password"  placeholder="Mot de passe" name="_password"><span class="zmdi zmdi-lock form-control-feedback" aria-hidden="true"></span></div><input name="latitude" id="latitude"  type="hidden"><input name="longitude" id="longitude" type="hidden"><div class="checkbox"><label><input type="checkbox" class="input-checked"  id="remember_me" name="_remember_me"  checked="checked">   Se souvenir de moi</label></div><div class="form-group"><div class="login-button"><input type="submit" class="btn btn-orange  f-width" name="login" value="Connexion"><input type="hidden" name="_csrf_token" value="FaTN27JiV8UAkQb9k2Rft4qjEij7lb3JT2f1J8zrh3I" /></div><p class="new-profile"><a href="/fr/forgot-account" class="color-orange" style="float: right ; margin-top: 10px" >Modifier le mot de passe</a></p></div></form></div></div></div></div><div class="tab-pane fade" id="account_panel_Settings" role="tabpanel"><div class="row"><div class="md-form " style="  margin-top: 35px;"><div class="col-md-12 "  ><form name="fos_user_registration_form" method="post" action="/fr/registration" class="login-form"><div class="form-group"><br/><span class="error-message"></span><span style="display: none;color: red;" id="message_error_userName" class="error-message">  Type de compte </span><select id="fos_user_registration_form_typecompte" name="fos_user_registration_form[typecompte]" label="form.typecompte" class="form-control" placeholder="Type de compte"><option value="ROLE_MEMBRE">Compte Membre</option><option value="ROLE_VIP">Compte VIP</option><option value="ROLE_FAN">Compte Fan</option><option value="ROLE_PRO">Compte Professionnel</option></select></div><p id="ROLE_MEMBRE" class="borders">
1859												Pour la communauté VIP Crossing, vous aurez accès aux options principales de la plateforme, vous pourrez suivre vos personnalités préférées sur tous les médias et recevoir leurs messages.
1860
1861											</p><p id="ROLE_VIP" class="borders" style="display:none;">
1862												Réservé aux personnalités, ce type de compte permet de profiter de l&#039;ensemble des fonctionnalités du sites, d&#039;envoyer des messages à vos fans et de les informer de toutes vos interventions dans les médias.
1863
1864											</p><p id="ROLE_FAN" class="borders" style="display:none;">
1865												Vous pourrez gérer un compte d&#039;une ou de plusieurs personnalités et vous assurez que les fans seront toujours informés des dernières news de leurs VIPs préférés en profitant de toutes les options du site.
1866
1867											</p><p id="ROLE_PRO" class="borders" style="display:none;">
1868												Pour les entreprises qui souhaitent augmenter leur présence numérique et entrer en contact avec de nouveaux membres ou des personnalités. L&#039;ensemble des services du site
1869
1870											</p><div class="form-group"><br/><span class="error-message"></span><span style="display: none;color: red;" id="message_error_userName" class="error-message">  Le username ne doit pas contenir de caractères spéciaux &quot; . &quot; </span><input type="text" id="fos_user_registration_form_username" name="fos_user_registration_form[username]" required="required" maxlength="180" pattern=".{2,}" class="form-control" placeholder="Nom d&#039;utilisateur" /></div><div class="form-group "><span class="error-message"></span><input type="text" id="fos_user_registration_form_nom" name="fos_user_registration_form[nom]" maxlength="255" class="form-control" placeholder="Nom" /></div><div class="form-group "><span class="error-message"></span><input type="text" id="fos_user_registration_form_prenom" name="fos_user_registration_form[prenom]" maxlength="255" class="form-control" placeholder="Prénom" /></div><div class="form-group"><span class="error-message"></span><input type="email" id="fos_user_registration_form_email" name="fos_user_registration_form[email]" required="required" class="form-control" placeholder="Adresse e-mail" /></div><div class="form-group hidden" id="nomentreprise" ><span class="error-message"></span><input type="text" id="fos_user_registration_form_nomentreprise" name="fos_user_registration_form[nomentreprise]" maxlength="255" class="form-control " placeholder="Nom de l’entreprise" /></div><div class="form-group hidden" id="numsiret"><span class="error-message"></span><input type="text" id="fos_user_registration_form_numseret" name="fos_user_registration_form[numseret]" class="form-control " placeholder="N° Siret" /></div><div class="form-group"><span class="error-message"></span><input type="password" id="fos_user_registration_form_plainPassword_first" name="fos_user_registration_form[plainPassword][first]" required="required" class="form-control" placeholder="Mot de passe" /></div><div class="form-group"><span class="error-message"></span><input type="password" id="fos_user_registration_form_plainPassword_second" name="fos_user_registration_form[plainPassword][second]" required="required" class="form-control" placeholder="Répéter le mot de passe" /></div><div class="checkbox form-group" ><label><input type="checkbox" class="input-checked"   required> Accepter les <a target="_blank" style="color: #ff5722;" href="/fr/conditions_utilisation/conditions_utilisation"> Conditions d&#039;utilisation </a></label></div><br/><div class="form-group"><div class="login-button"><input id="btnEdit" type="submit" class="btn btn-orange  f-width" name="login" value="Créer mon compte"></div></div><input type="hidden" id="fos_user_registration_form__token" name="fos_user_registration_form[_token]" value="TFf040z7XeqbsX9Q3g2NwM0w6ZXQS8mtqifF7qQUGkw" /></form></div></div></div></div></div></div></div></div></div></div><!-- Footer --><!-- Footer --><footer><div class="container"><div class="row"><div class="col-sm-12 col-md-3"><a href="#" class="logo-footer"><img src="/assets/images/logo-footer.png" alt="Logo du footer VIP Crossing"></a><p><p><a href="https://graphitys-web-design.com" style="font-weight: bold;" target="_blank"><span style="color:#dddddd">Graphitys Web Design</span></a><span style="color:#dddddd"><strong>&nbsp;</strong>et</span><strong><span style="color:#dddddd">&nbsp;</span><a href="https://www.laschekina.com/" target="_blank"><span style="color:#dddddd">Laschekina</span></a></strong></p><p><span style="color:#ffffff">Email: [email protected]</span></p><p><span style="color:#ffffff">T&eacute;l : +33 6 23 69 16 43</span></p><p><a href="https://jobtohome.com" target="_blank"><span style="color:#ffffff;">Trouver un emploi avec Job To Home</span></a></p></p></div><div class="col-sm-12 col-md-2"><h3>A propos</h3><ul><li><a href="/fr/aide/conditions_utilisation">Aide</a></li><li><a href="/fr/qui_sommes_nous/conditions_utilisation">Qui sommes nous?</a></li><li><a href="/fr/confidentialite/conditions_utilisation">Confidentialité</a></li><li><a href="/fr/conditions_utilisation/conditions_utilisation"> Conditions d&#039;utilisation</a></li></ul></div><div class="col-sm-12 col-md-2"><h3>Menu </h3><ul><li><a href="/fr/index">Accueil</a></li><li><a href="/espace-member/fr/box/active">Box</a></li><li><a href="/espace-member/fr/box/non-active">Partager ma collection</a></li><li><a href="/fr/contact">Contact</a></li></ul></div><div class="col-sm-12 col-md-5 "><h3>NOUS SUIVRE </h3><div class="social-container col-lg-12 col-md-12" style="    margin-top: 0 ; padding-left: 0;"><span class="color-gree ">Suivez-nous</span><div class="social-icon"><a target="_blank" href="https://www.facebook.com/vipcrossing" class="facebook-icon"><i
1871                                        class="zmdi zmdi-facebook"></i></a></div><div class="social-icon"><a target="_blank" href="https://twitter.com/vipcrossing" class="twitter-icon"><i
1872                                        class="zmdi zmdi-twitter"></i></a></div><div class="social-icon"><a target="_blank" href="https://www.linkedin.com/groups/13848465/" class="linkedin-icon"><i
1873                                        class="zmdi zmdi-linkedin"></i></a></div></div><div class="col-lg-12 col-md-12" style=" padding-left: 0;"><div class="widget widget-Newsletter"><span class="social-container color-gree">Newsletter</span><br/><span id="messageNewsletter" style="color: red;display: none;"></span><div   class="newsletter style-2" style="position: relative;"><input type="email" class="style-input-newsletter" id="email_newslette"
1874                                   name="newsletter-email" placeholder="Votre Email"><input type="hidden" id="etat-courant-newsletter" name="etat-courant-newsletter" value="1"><a href="javascript:void(0)"  onclick="sendNewsletter()"  class="btn btn-big btn-style-3" id="abonner">
1875                                Abonnez-vous
1876                            </a><a href="javascript:void(0)"  onclick="sendNewsletter()"  class="btn btn-big btn-style-3" id="desabonner"
1877                                    style="display: none;">Se Désabonner
1878                            </a></div><a href="javascript:void(0)" id="btn-abonnee-desabonner" onclick="abonnerOrDesabonner()"  >Se Désabonner</a></div></div></div></div></div></footer><div class="footer-copy"><p class="text-center">@2019 - vipcrossing.com  – Tous droits réservés </p></div></div><!-- Fin Footer --><p id="back-to-top"><a href="#top"><span class="zmdi zmdi-long-arrow-up"></span></a></p></div><!-- Fin Footer --><!-- jQuery Version 1.11.1 -->
1878<script src="/dev/front/js/jquery.js"></script>
1878<script type="text/javascript" src="/dev/front/js/jquery.slimscroll.min.js"></script>
1878<script type="text/javascript" src="/dev/front/js/jquery.mousewheel.pack.js"></script>
1878<script type="text/javascript" src="/dev/front/js/fancybox.2.1.5/jquery.fancybox.js"></script>
1878<!-- Bootstrap Core JavaScript -->
1878<script src="/dev/front/js/bootstrap.min.js"></script>
1878<script type="text/javascript" src="/dev/front/js/jquery.fancybox.js?v=2.1.5"></script>
1878<script>
1879$(document).ready(function() {
1880 $('.fancybox').fancybox({
1881  beforeShow : function(){
1882   this.title =  this.title + " - " + $(this.element).data("caption");
1883  }
1884 });
1885}); // ready
1886</script>
1886<!-- ckeditor -->
1886<script type="text/javascript" src="/dev/back/ckfinder/ckfinder.js"></script>
1886<script src="/dev/back/ckeditor/ckeditor.js"></script>
1886<script>
1887if (typeof CKEDITOR !== 'undefined') {
1888
1889    CKEDITOR.config.baseFloatZIndex = 2147483000;
1890
1891    CKEDITOR.on('instanceReady', function (event) {
1892
1893        var editor = event.editor;
1894
1895        if (!editor.container || !editor.container.$) {
1896            return;
1897        }
1898
1899        var container = editor.container.$;
1900        var inner = container.querySelector('.cke_inner');
1901
1902        if (!inner) {
1903            return;
1904        }
1905
1906        function updateMaximizedState() {
1907
1908            var maximized = inner.classList.contains('cke_maximized');
1909
1910            if (maximized) {
1911
1912                container.classList.add('vpx-ckeditor-maximized');
1913                document.documentElement.classList.add('vpx-ckeditor-maximized');
1914                document.body.classList.add('vpx-ckeditor-maximized');
1915
1916            } else {
1917
1918                container.classList.remove('vpx-ckeditor-maximized');
1919                document.documentElement.classList.remove('vpx-ckeditor-maximized');
1920                document.body.classList.remove('vpx-ckeditor-maximized');
1921
1922            }
1923        }
1924
1925        var observer = new MutationObserver(function () {
1926            updateMaximizedState();
1927        });
1928
1929        observer.observe(inner, {
1930            attributes: true,
1931            attributeFilter: ['class']
1932        });
1933
1934        updateMaximizedState();
1935    });
1936}
1937</script>
1937<style>
1938
1939/*
1940 * =========================================================
1941 * VIP CROSSING - CKEDITOR PLEIN ECRAN
1942 * =========================================================
1943 */
1944
1945html.vpx-ckeditor-maximized,
1946body.vpx-ckeditor-maximized {
1947    overflow: hidden !important;
1948}
1949
1950/*
1951 * On fait passer le CONTENEUR COMPLET de CKEditor
1952 * au-dessus du reste du site.
1953 */
1954.cke.vpx-ckeditor-maximized {
1955    position: fixed !important;
1956
1957    top: 0 !important;
1958    right: 0 !important;
1959    bottom: 0 !important;
1960    left: 0 !important;
1961
1962    width: 100vw !important;
1963    height: 100vh !important;
1964
1965    z-index: 2147483000 !important;
1966
1967    background: #ffffff !important;
1968}
1969
1970/*
1971 * C'est CET élément qui reçoit réellement cke_maximized
1972 * dans votre version de CKEditor.
1973 */
1974.cke.vpx-ckeditor-maximized .cke_inner.cke_maximized {
1975    position: fixed !important;
1976
1977    top: 0 !important;
1978    right: 0 !important;
1979    bottom: 0 !important;
1980    left: 0 !important;
1981
1982    width: 100vw !important;
1983    height: 100vh !important;
1984
1985    z-index: 2147483001 !important;
1986
1987    background: #ffffff !important;
1988}
1989
1990/*
1991 * Fond opaque pour empêcher le site situé derrière
1992 * d'apparaître à travers CKEditor.
1993 */
1994.cke.vpx-ckeditor-maximized .cke_top,
1995.cke.vpx-ckeditor-maximized .cke_contents,
1996.cke.vpx-ckeditor-maximized .cke_bottom {
1997    background: #ffffff !important;
1998}
1999
2000/*
2001 * Ces éléments sont précisément ceux que votre diagnostic
2002 * montre au-dessus de CKEditor.
2003 */
2004body.vpx-ckeditor-maximized #menu1,
2005body.vpx-ckeditor-maximized #menu2,
2006body.vpx-ckeditor-maximized .vpx-header-tools {
2007    visibility: hidden !important;
2008    pointer-events: none !important;
2009}
2010
2011</style><!-- Owl JS pour gallerie accueil -->
2011<script src="/dev/front/js/owl.carousel.min.js"></script>
2011<script src="/dev/front/js/jquery.easing-1.3.min.js"></script>
2011<script src="/dev/front/js/slim.kickstart.js" ></script>
2011<script type="text/javascript" src="/dev/front/js/bootstrap_file_field.js"></script>
2011<!-- Main Script -->
2011<script src="/dev/front/js/resize-image.js"></script>
2011<script src="/dev/front/js/main.js"></script>
2011<script src="/dev/front/js/jquery.mousewheel.js"></script>
2011<script src="/dev/front/js/jScrollPane.min.js"></script>
2011<script src="/dev/front/js/countdown.js"></script>
2011<script src="/dev/front/js/worldcup-groups.js"></script>
2011<script src="/dev/front/js/mondial2026-groupes.js?v=3"></script>
2011<script src="/dev/front/js/mondial2026-resultats.js?v=30"></script>
2011<script src="/dev/front/js/mondial2026-matchs-du-jour.js?v=1"></script>
2011<script src="/dev/front/js/mondial2026-prochains-matchs.js?v=1"></script>
2011<!--
2011<script src="/assets/js/vpx-push.js?v=20260731"></script>
2011 -->
2011<script src="/assets/js/vpx-push-4-17.js"></script>
2011<script src="/assets/js/personnage.js?v=16"></script>
2011<script src="https://unpkg.com/[email protected]/dist/js/bootstrap-datepicker.min.js"></script>
2011<script src="/dev/front/js/scriptCollection.js"></script>
2011<script src="/bundles/fosjsrouting/js/router.js"></script>
2011<script src="/js/routing.js?callback=fos.Router.setData"></script>
2011<script>
2012     function showMedia(typeVideo) {
2013         $('#sourcevideoVipError').hide();
2014         $('#mediaVidoeError').hide();
2015         $('#mediaMP3Error').hide();
2016         $('#imageMediaMP3Error').hide();
2017         $('#mediaBookError').hide();
2018         $('#mediapathBookError').hide();
2019         if (typeVideo == 1) {
2020             $('#statusMedia').hide();
2021             $('#upload-mediaVidoe').hide();
2022             $('#image-mediaMP3').hide();
2023             $('#upload-mediaMP3').hide();
2024             $('#upload-book').hide();
2025             $('#upload-book-image-couverture').hide();
2026             $('#description-book').hide();
2027             $('#contenu-book').hide();
2028             $('#date-sortie-book').hide();
2029             $('#edition-book').hide();
2030        //     $('#price-book').hide();
2031
2032             $('#blockModeVideo').show();
2033             $('#sourcevideoVip').show();
2034
2035             $('#upload-book-image-bd').hide();
2036             $('#text_typeVideo_sourcevideo').show();
2037             $('#text_typeVideo_video_mp4').hide();
2038             $('#text_liver_bd').hide();
2039             $('#text_typeVideo_audio').hide();
2040             $('#text_typeVideo_livre').hide();
2041             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2042             $('#text_typeVideo_audio_enfant').hide();
2043             $('#text_typeVideo_message_contes_histoires').hide();
2044         }
2045         else if (typeVideo == 2) {
2046             $('#statusMedia').hide();
2047             $('#sourcevideoVip').hide();
2048             $('#image-mediaMP3').hide();
2049             $('#upload-mediaMP3').hide();
2050             $('#upload-book').hide();
2051             $('#upload-book-image-couverture').hide();
2052             $('#description-book').hide();
2053             $('#contenu-book').hide();
2054             $('#date-sortie-book').hide();
2055             $('#edition-book').hide();
2056         //    $('#price-book').hide();
2057             $('#blockModeVideo').show();
2058             $('#upload-mediaVidoe').show();
2059
2060
2061             $('#upload-book-image-bd').hide();
2062             $('#text_liver_bd').hide();
2063             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2064             $('#text_typeVideo_sourcevideo').hide();
2065             $('#text_typeVideo_video_mp4').show();
2066             $('#text_typeVideo_audio').hide();
2067             $('#text_typeVideo_livre').hide();
2068             $('#text_typeVideo_audio_enfant').hide();
2069             $('#text_typeVideo_message_contes_histoires').hide();
2070
2071         }
2072         else if (typeVideo == 3) {
2073             $('#statusMedia').hide();
2074             $('#sourcevideoVip').hide();
2075             $('#upload-mediaVidoe').hide();
2076             $('#upload-book').hide();
2077             $('#upload-book-image-couverture').hide();
2078             $('#contenu-book').hide();
2079             $('#description-book').hide();
2080             $('#date-sortie-book').hide();
2081             $('#edition-book').hide();
2082       //      $('#price-book').hide();
2083             $('#blockModeVideo').show();
2084             $('#upload-mediaMP3').show();
2085             $('#image-mediaMP3').show();
2086
2087             $('#upload-book-image-bd').hide();
2088             $('#text_liver_bd').hide();
2089             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2090             $('#text_typeVideo_sourcevideo').hide();
2091             $('#text_typeVideo_video_mp4').hide();
2092             $('#text_typeVideo_audio').show();
2093             $('#text_typeVideo_livre').hide();
2094             $('#text_typeVideo_audio_enfant').hide();
2095             $('#text_typeVideo_message_contes_histoires').hide();
2096         }
2097
2098         else if (typeVideo == 4) {
2099             $('#statusMedia').hide();
2100             $('#sourcevideoVip').hide();
2101             $('#blockModeVideo').hide();
2102             $('#upload-mediaVidoe').hide();
2103             $('#image-mediaMP3').hide();
2104             $('#upload-mediaMP3').hide();
2105             $('#upload-book').show();
2106             $('#upload-book-image-couverture').show();
2107             $('#description-book').show();
2108             $('#contenu-book').show();
2109             $('#date-sortie-book').show();
2110             $('#edition-book').show();
2111         //    $('#price-book').show();
2112
2113             $('#upload-book-image-bd').hide();
2114             $('#text_liver_bd').hide();
2115             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2116             $('#text_typeVideo_sourcevideo').hide();
2117             $('#text_typeVideo_video_mp4').hide();
2118             $('#text_typeVideo_audio').hide();
2119             $('#text_typeVideo_audio_enfant').hide();
2120             $('#text_typeVideo_livre').show();
2121
2122             $('#text_typeVideo_message_contes_histoires').hide();
2123         }
2124         else if (typeVideo == 5) {
2125             $('#statusMedia').hide();
2126             $('#sourcevideoVip').hide();
2127             $('#upload-mediaVidoe').hide();
2128             $('#upload-book').hide();
2129             $('#upload-book-image-couverture').hide();
2130             $('#contenu-book').hide();
2131             $('#description-book').hide();
2132             $('#date-sortie-book').hide();
2133             $('#edition-book').hide();
2134           //  $('#price-book').hide();
2135             $('#blockModeVideo').show();
2136             $('#upload-mediaMP3').show();
2137             $('#image-mediaMP3').show();
2138
2139             $('#upload-book-image-bd').hide();
2140             $('#text_liver_bd').hide();
2141             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2142             $('#text_typeVideo_sourcevideo').hide();
2143             $('#text_typeVideo_video_mp4').hide();
2144             $('#text_typeVideo_audio').hide();
2145             $('#text_typeVideo_audio_enfant').show();
2146             $('#text_typeVideo_livre').hide();
2147             $('#text_typeVideo_message_contes_histoires').hide();
2148         }
2149   else if (typeVideo == 6) {
2150             $('#sourcevideoVip').hide();
2151             $('#upload-mediaVidoe').hide();
2152             $('#upload-book').hide();
2153             $('#upload-book-image-couverture').hide();
2154             $('#contenu-book').show();
2155             $('#statusMedia').show();
2156             $('#description-book').show();
2157             $('#date-sortie-book').hide();
2158             $('#edition-book').hide();
2159         //    $('#price-book').hide();
2160             $('#blockModeVideo').hide();
2161             $('#upload-mediaMP3').hide();
2162             $('#image-mediaMP3').show();
2163
2164             $('#upload-book-image-bd').hide();
2165             $('#text_liver_bd').hide();
2166             $('#text_typeVideo_message_contes_histoires_enfants').show();
2167             $('#text_typeVideo_sourcevideo').hide();
2168             $('#text_typeVideo_video_mp4').hide();
2169             $('#text_typeVideo_audio').hide();
2170             $('#text_typeVideo_audio_enfant').hide();
2171             $('#text_typeVideo_livre').hide();
2172
2173             $('#text_typeVideo_message_contes_histoires').hide();
2174         }
2175
2176   else if (typeVideo == 7) { 
2177             $('#statusMedia').hide();
2178             $('#upload-mediaVidoe').hide();
2179             $('#upload-book').hide();
2180             $('#upload-book-image-couverture').hide();
2181             $('#contenu-book').hide();
2182             $('#description-book').hide();
2183             $('#date-sortie-book').hide();
2184             $('#edition-book').hide();
2185             $('#upload-book-image-bd').hide();
2186         //    $('#price-book').hide();
2187             $('#blockModeVideo').show();
2188             $('#upload-mediaMP3').show();
2189             $('#image-mediaMP3').show();
2190
2191             $('#text_liver_bd').hide();
2192             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2193             $('#text_typeVideo_sourcevideo').hide();
2194             $('#text_typeVideo_video_mp4').hide();
2195             $('#text_typeVideo_audio').hide();
2196             $('#text_typeVideo_audio_enfant').hide();
2197             $('#text_typeVideo_livre').hide();
2198             $('#text_typeVideo_message_contes_histoires').show();
2199         }
2200  else if (typeVideo == 8) {
2201             $('#statusMedia').hide();
2202             $('#sourcevideoVip').hide();
2203             $('#upload-mediaVidoe').hide();
2204             $('#upload-book').hide();
2205             $('#contenu-book').hide();
2206
2207             $('#blockModeVideo').hide();
2208             $('#upload-mediaMP3').hide();
2209             $('#image-mediaMP3').hide();
2210             $('#upload-book-image-couverture').show();
2211             $('#description-book').show();
2212             $('#date-sortie-book').show();
2213             $('#edition-book').show();
2214         //    $('#price-book').show();
2215             $('#upload-book-image-bd').show();
2216
2217
2218             $('#text_liver_bd').show();
2219             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2220             $('#text_typeVideo_sourcevideo').hide();
2221             $('#text_typeVideo_video_mp4').hide();
2222             $('#text_typeVideo_audio').hide();
2223             $('#text_typeVideo_audio_enfant').hide();
2224             $('#text_typeVideo_livre').hide();
2225             $('#text_typeVideo_message_contes_histoires').hide();
2226         }
2227     }
2228    function validateForm() {
2229
2230
2231        $('#sendForm').hide();
2232        $('#loadingsendForm').show();
2233        $('#sourcevideoVipError').hide();
2234        $('#mediaVidoeError').hide();
2235        $('#mediaMP3Error').hide();
2236        $('#imageMediaMP3Error').hide();
2237        $('#mediaBookError').hide();
2238        $('#mediapathBookError').hide();
2239        $('#mediaBookLiverBdError').hide();
2240        $('#titleMediaError').hide();
2241
2242        var radios = document.getElementsByName('typeVideo');
2243
2244        for (var i = 0, length = radios.length; i < length; i++) {
2245            if (radios[i].checked) {
2246                // do whatever you want with the checked radio
2247
2248                var typeVideo =radios[i].value ;
2249                // only one radio can be logically checked, don't check the rest
2250                break;
2251            }
2252        }
2253
2254
2255        var     titleMedia =  $('#titleMedia').val();
2256
2257        if(titleMedia == ""){
2258            $('#titleMediaError').show();
2259            return false;
2260        }
2261
2262         if (typeVideo == 1) {
2263
2264         var     sourcevideoVip =  $('#sourcevideoVip').val();
2265
2266             if(sourcevideoVip == ""){
2267                 $('#sourcevideoVipError').show();
2268                 return false;
2269
2270              }
2271         }
2272
2273          if (typeVideo == 2) {
2274
2275             var     mediaVidoe =  $('#mediaVidoe').val();
2276
2277             if ( mediaVidoe == "" ){
2278                 $('#mediaVidoeError').show();
2279                 return false;
2280             }
2281         }
2282
2283          if (typeVideo == 3) {
2284
2285             var     mediaMP3 =  $('#mediaMP3').val();
2286             if ( mediaMP3 == "" ){
2287                 $('#mediaMP3Error').show();
2288                 return false;
2289             }
2290            var     imageMediaMP3 =  $('#imageMediaMP3').val();
2291             if ( imageMediaMP3 == "" ){
2292                 $('#imageMediaMP3Error').show();
2293                 return false;
2294             }
2295
2296         }
2297          if (typeVideo == 4) {
2298
2299             var     mediaBook =  $('#mediaBook').val();
2300             if ( mediaBook == "" ){
2301                 $('#mediaBookError').show();
2302                 return false;
2303             }
2304
2305      /*   var     mediapathBook =  $('#mediapathBook').val();
2306             if ( mediapathBook == "" ){
2307                 $('#mediapathBookError').show();
2308                 return false;
2309             }*/
2310
2311         }
2312
2313         return true;
2314    }
2315	/*
2316	 * VIP Crossing Coins
2317	 * Validation de la visualisation de 75 % d'une page média.
2318	 *
2319	 * Le fait d'atteindre 75 % ne donne pas automatiquement
2320	 * de coin : le serveur vérifiera également que le membre
2321	 * a bien effectué un Like.
2322	 */
2323	$(document).ready(function () {
2324
2325		var $mediaViewTracker = $('#vpx-media-view-id');
2326
2327		if ($mediaViewTracker.length === 0) {
2328			return;
2329		}
2330
2331		var mediaId = parseInt($mediaViewTracker.val(), 10);
2332
2333		if (!mediaId || mediaId <= 0) {
2334			return;
2335		}
2336
2337		var view75Sent = false;
2338
2339		function checkMediaView75() {
2340
2341			if (view75Sent) {
2342				return;
2343			}
2344
2345			var documentHeight = Math.max(
2346				document.body.scrollHeight,
2347				document.documentElement.scrollHeight,
2348				document.body.offsetHeight,
2349				document.documentElement.offsetHeight,
2350				document.body.clientHeight,
2351				document.documentElement.clientHeight
2352			);
2353
2354			if (documentHeight <= 0) {
2355				return;
2356			}
2357
2358			var scrollTop =
2359				window.pageYOffset ||
2360				document.documentElement.scrollTop ||
2361				document.body.scrollTop ||
2362				0;
2363
2364			var windowHeight =
2365				window.innerHeight ||
2366				document.documentElement.clientHeight ||
2367				0;
2368
2369			/*
2370			 * Portion réellement atteinte dans la page.
2371			 *
2372			 * Exemple :
2373			 * bas de l'écran à 75 % du document
2374			 * => condition validée.
2375			 */
2376			var viewedRatio =
2377				(scrollTop + windowHeight) /
2378				documentHeight;
2379
2380			if (viewedRatio < 0.75) {
2381				return;
2382			}
2383
2384			/*
2385			 * On évite plusieurs appels AJAX pendant
2386			 * le même affichage de page.
2387			 */
2388			view75Sent = true;
2389
2390			$.ajax({
2391				url: '/ajax/media-view-75',
2392				type: 'POST',
2393				dataType: 'json',
2394				data: {
2395					'id': mediaId
2396				},
2397
2398				success: function (data) {
2399
2400					/*
2401					 * Si le Like avait déjà été effectué,
2402					 * le serveur peut attribuer ici le coin.
2403					 *
2404					 * Aucun traitement d'affichage obligatoire
2405					 * pour l'instant.
2406					 */
2407					if (
2408						data &&
2409						data.coinRewarded === true
2410					) {
2411						console.log(
2412							'VIP Crossing : +' +
2413							data.coinAmount +
2414							' coin'
2415						);
2416					}
2417				},
2418
2419				error: function (response) {
2420
2421					/*
2422					 * En cas d'erreur réseau, on autorise
2423					 * une nouvelle tentative au prochain scroll.
2424					 */
2425					view75Sent = false;
2426
2427					console.log(response);
2428				}
2429			});
2430		}
2431
2432		/*
2433		 * Vérification au chargement :
2434		 * utile pour les pages très courtes.
2435		 */
2436		checkMediaView75();
2437
2438		/*
2439		 * Vérification pendant la lecture.
2440		 */
2441		$(window).on(
2442			'scroll.vpxMedia75 resize.vpxMedia75',
2443			checkMediaView75
2444		);
2445	});
2446
2447	/*
2448	 * VIP Crossing Coins
2449	 * Validation de 75 % de visualisation d'une page média.
2450	 */
2451	$(document).ready(function () {
2452
2453		var $mediaTracker = $('#vpx-media-view-id');
2454
2455		if ($mediaTracker.length === 0) {
2456			return;
2457		}
2458
2459		var mediaId = parseInt($mediaTracker.val(), 10);
2460
2461		if (!mediaId || mediaId <= 0) {
2462			return;
2463		}
2464
2465		var view75Sent = false;
2466
2467		function checkMediaView75() {
2468
2469			if (view75Sent) {
2470				return;
2471			}
2472
2473			var documentHeight = Math.max(
2474				document.body.scrollHeight,
2475				document.documentElement.scrollHeight,
2476				document.body.offsetHeight,
2477				document.documentElement.offsetHeight,
2478				document.body.clientHeight,
2479				document.documentElement.clientHeight
2480			);
2481
2482			if (documentHeight <= 0) {
2483				return;
2484			}
2485
2486			var scrollTop =
2487				window.pageYOffset ||
2488				document.documentElement.scrollTop ||
2489				document.body.scrollTop ||
2490				0;
2491
2492			var windowHeight =
2493				window.innerHeight ||
2494				document.documentElement.clientHeight ||
2495				0;
2496
2497			var viewedRatio =
2498				(scrollTop + windowHeight) /
2499				documentHeight;
2500
2501			if (viewedRatio < 0.75) {
2502				return;
2503			}
2504
2505			view75Sent = true;
2506
2507			$.ajax({
2508				url: '/ajax/media-view-75',
2509				type: 'POST',
2510				dataType: 'json',
2511				data: {
2512					'id': mediaId
2513				},
2514
2515				success: function (data) {
2516
2517					if (
2518						data &&
2519						data.coinRewarded === true
2520					) {
2521						console.log(
2522							'VIP Crossing : +' +
2523							data.coinAmount +
2524							' coin'
2525						);
2526					}
2527				},
2528
2529				error: function (response) {
2530					view75Sent = false;
2531					console.log(response);
2532				}
2533			});
2534		}
2535
2536		/*
2537		 * Vérification immédiate, notamment pour
2538		 * les pages suffisamment courtes.
2539		 */
2540		checkMediaView75();
2541
2542		/*
2543		 * Puis pendant le défilement.
2544		 */
2545		$(window).on(
2546			'scroll.vpxMedia75 resize.vpxMedia75',
2547			checkMediaView75
2548		);
2549	});
2550
2551     /**** Add Or Remove user to Box *****/
2552     function AddLike(id) {
2553        var nbrLikemediaNbr = $('#nbrLikemediaNbr').val();
2554        var nbrLikemedia = $('#nbrLikemedia').html();
2555
2556        var resultat = parseInt(nbrLikemediaNbr) + 1 ;
2557         $('#nbrLikemediaNbr').val(resultat);
2558         $('#nbrLikemedia').html(resultat);
2559         document.getElementById('btn-like').removeAttribute("onclick");
2560         var data = {
2561             'id': id
2562         };
2563         var url = '/ajax/like-media';
2564         $.ajax({
2565             url: url, // La ressource ciblée
2566             type: 'POST', // Le type de la requête HTTP.
2567             data: data,
2568             dataType: "json",
2569             success: function (data) {
2570
2571
2572
2573             },
2574
2575             error: function (response) {
2576                 console.log(response);
2577             }
2578         });
2579     }
2580
2581
2582
2583     /**** Add Or Remove user to Box *****/
2584     function AddOrRemoveBox(id, typeAction, typebox) {
2585         $('#box').hide();
2586         $('#loading').show();
2587         var data = {
2588             'id': id,
2589             'typeAction': typeAction,
2590             'typebox': typebox
2591         };
2592         var url = '/espace-member/fr/addOrRemove/box/ajax';
2593         $.ajax({
2594             url: url, // La ressource ciblée
2595             type: 'POST', // Le type de la requête HTTP.
2596             data: data,
2597             dataType: "json",
2598             success: function (data) {
2599                 $('#loading').hide();
2600                 $('#box').html(data.boxHtml);
2601                 $('#box').show();
2602
2603
2604             },
2605
2606             error: function (response) {
2607                 console.log(response);
2608             }
2609         });
2610     }
2611
2612     /**** Add Or Remove user to Box *****/
2613     function AddOrRemoveBoxPersonnage (id, typeAction) {
2614         $('#box'+id).hide();
2615         $('#loading'+id).show();
2616         var data = {
2617             'id': id,
2618             'typeAction': typeAction
2619         };
2620         var url = '/fr/personnage/addOrRemove/personnage/box/ajax';
2621         $.ajax({
2622             url: url, // La ressource ciblée
2623             type: 'POST', // Le type de la requête HTTP.
2624             data: data,
2625             dataType: "json",
2626             success: function (data) {
2627                 $('#loading'+id).hide();
2628                 $('#box'+id).html(data.boxHtml);
2629                 $('#box'+id).show();
2630
2631
2632             },
2633
2634             error: function (response) {
2635                 console.log(response);
2636             }
2637         });
2638     }
2639
2640
2641
2642     /**** sendNewsletter *****/
2643     function sendNewsletter()  {
2644
2645       //  $('#loading').show();
2646         stats = $("#etat-courant-newsletter").val() ;
2647         email = $("#email_newslette").val() ;
2648
2649          if( email != "" ){
2650
2651              if(ValidateEmail(email) == true) {
2652
2653              var data = {
2654                  'newsletter-email': email ,
2655                  'stats': stats
2656              };
2657              var url = '/ajax/ajax-send-newsletter';
2658             $.ajax({
2659                 url: url, // La ressource ciblée
2660                 type: 'POST', // Le type de la requête HTTP.
2661                 data: data,
2662                 dataType: "json",
2663                 success: function (data) {
2664                    // $('#loading').hide();
2665
2666                     if(stats == 1 ){
2667                         $('#abonner').show();
2668                     }else{
2669                         $('#desabonner').show();
2670                     }
2671                     $('#messageNewsletter').show();
2672                     $('#messageNewsletter').html(data.alerte);
2673                     $("#email_newslette").val("");
2674
2675                 },
2676
2677                 error: function (response) {
2678                     console.log(response);
2679                 }
2680             });
2681                }else{
2682                    $('#messageNewsletter').show();
2683                    $('#messageNewsletter').html("Le format de l'adresse électronique n'est pas respecté");
2684                }
2685         }else{
2686             $('#messageNewsletter').show();
2687             $('#messageNewsletter').html("Champs obligatoire");
2688
2689
2690         }
2691
2692     }
2693
2694
2695
2696     function ValidateEmail(mail)
2697     {
2698         var expressionReguliere = /^(([^<>()[]\.,;:s@]+(.[^<>()[]\.,;:s@]+)*)|(.+))@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}])|(([a-zA-Z-0-9]+.)+[a-zA-Z]{2,}))$/;
2699           if (expressionReguliere.test(mail))
2700         {
2701             return true;
2702         }
2703         else
2704         {
2705             return false;
2706         }
2707     }
2708 </script>
2708<script>
2709
2710(function($){
2711            $.fn.datepicker.dates['fr'] = {
2712                days: ["Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"],
2713                daysShort: ["Dim.", "Lun.", "Mar.", "Mer.", "Jeu.", "Ven.", "Sam."],
2714                daysMin: ["D", "L", "Ma", "Me", "J", "V", "S"],
2715                months: ["Janvier", "Fevrier", "Mars", "Avril", "Mai", "Juin", "Juillet", "Aout", "Septembre", "Octobre", "Novembre", "Decembre"],
2716                monthsShort: ["Janv.", "Fevr.", "Mars", "Avril", "Mai", "Juin", "Juil.", "Aout", "Sept.", "Oct.", "Nov.", "Dec."],
2717                today: "Aujourd'hui",
2718                monthsTitle: "Mois",
2719                clear: "Effacer",
2720                weekStart: 1,
2721                format: "dd/mm/yyyy"
2722            };
2723        }(jQuery));
2724 $('.selectDatePicker').datepicker({
2725            language: 'fr',
2726            autoclose: true,
2727            todayHighlight: true
2728        });
2729$(function () {
2730  $('[data-toggle="tooltip"]').tooltip()
2731});
2732   /**** End Add Or Remove  user to Box *****/
2733
2734if ($.fn.bootstrapFileField) {
2735    $('#mediaMP3').bootstrapFileField({
2736        fileTypes: 'audio/mp3',
2737        maxFileSize: 5000000
2738    });
2739
2740    $('#mediaVidoe').bootstrapFileField({
2741        fileTypes: 'video/mp4',
2742        maxFileSize: 10000000
2743    });
2744}
2745
2746
2747function abonnerOrDesabonner() {
2748    satus = $("#etat-courant-newsletter").val();
2749    console.log(satus);
2750
2751    if ( satus == 1){
2752        $("#abonner").hide();
2753        $("#desabonner").show();
2754        $("#etat-courant-newsletter").val(0);
2755        $("#btn-abonnee-desabonner").html('Abonnez-vous');
2756    }else{
2757        $("#desabonner").hide();
2758        $("#abonner").show();
2759        $("#etat-courant-newsletter").val(1);
2760        $("#btn-abonnee-desabonner").html('Se Désabonner');
2761    }
2762
2763}
2764
2765
2766
2767
2768 </script>
2768<script>
2769        document.getElementById("fos_user_registration_form_username").addEventListener("keyup", verificationUsername);
2770
2771        function verificationUsername()  {
2772
2773            const sentence = $("#fos_user_registration_form_username").val();
2774
2775            const word = '.';
2776
2777            if(sentence.includes(word) == true ){
2778                $("#btnEdit").hide();
2779                $("#message_error_userName").show();
2780            }else{
2781                $("#btnEdit").show();
2782                $("#message_error_userName").hide();
2783            }
2784
2785        }
2786	</script>
2786<script>   
2787        document.getElementById("fos_user_registration_form_typecompte").onchange = function() {myFunction()};
2788        function myFunction() {
2789			var nameRole = document.getElementById("fos_user_registration_form_typecompte").value ;
2790			$("#ROLE_MEMBRE").hide();
2791           $("#ROLE_VIP").hide();
2792           $("#ROLE_FAN").hide();
2793           $("#ROLE_PRO").hide();
2794           $("#"+nameRole).show();
2795        
2796		   }
2797	</script>
2797<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBtO_7iSEYddfh60L2-getmDjEVahDPUPo"></script>
2797<script type="text/javascript">
2798        function handleLocationError(browserHasGeolocation, infoWindow, pos) {
2799            infoWindow.setPosition(pos);
2800            infoWindow.setContent(browserHasGeolocation ?
2801                'Error: The Geolocation service failed.' :
2802                'Error: Your browser doesn\'t support geolocation.');
2803        }
2804	</script>
2804<script type="text/javascript">
2805        $(document).ready(function () {
2806            var map = new google.maps.Map(document.getElementById('map'), {
2807                center: {lat: 51.505, lng: -0.09},
2808                zoom: 2
2809            });
2810            var infoWindow = new google.maps.InfoWindow({map: map});
2811
2812            if (navigator.geolocation) {
2813                navigator.geolocation.getCurrentPosition( function(position) {
2814                        // CAS HTTPS
2815                        var data = { 'latitude': position.coords.latitude ,  'longitude': position.coords.longitude};
2816                        var url = "/position/ajax";
2817                        $.ajax({
2818                            url: url, // La ressource ciblée
2819                            type: 'POST', // Le type de la requête HTTP.
2820                            cache:false,
2821                            data: data,
2822                            dataType: "json",
2823                            success: function (data) {
2824                                console.log("latitude : " + data.latitude + " | longitude : " + data.longitude)
2825                            },
2826                            error: function(response){
2827                                console.log(response);
2828                            }
2829                        });
2830                    },
2831                    function(failure) {
2832                        // CAS HTTP
2833                        $.getJSON('https://ipinfo.io/geo', function(response) {
2834                            var loc = response.loc.split(',');
2835                            var coords = {
2836                                latitude: loc[0],
2837                                longitude: loc[1]
2838                            };
2839                            console.log(coords)
2840                            var data = { 'latitude': coords.latitude ,  'longitude': coords.longitude};
2841                            var url = "/position/ajax";
2842
2843                            $.ajax({
2844                                url: url, // La ressource ciblée
2845                                type: 'POST', // Le type de la requête HTTP.
2846                                cache: false,
2847                                data: data,
2848                                dataType: "json",
2849                                success: function (data) {
2850                                    console.log("latitude : " + data.latitude + " | longitude : " + data.longitude)
2851                                },
2852                                error: function(response){
2853                                    console.log(response);
2854                                }
2855
2856                            });
2857
2858                        });
2859                        handleLocationError(true, infoWindow, map.getCenter());
2860                    });
2861            } else {
2862                alert("Votre navigateur ne prend pas en compte la géolocalisation HTML5");
2863            }
2864        });
2865	</script>
2865</body></html>
2866

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.