PageSourceSearch

https://vipcrossing.com/fr/contact

html vipcrossing.com collected 2026-10-01 16:31:56 UTC 98,164 bytes, 2,730 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>  Contact</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 class="active-menu" >Contact</span><small class="active-menu" >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"><style>
1817         #content {
1818             background: #ffffff;
1819         }
1820     </style><div class="img-screen"><div class="img-resize imgLiquid"><img src="https://vipcrossing.com/upload/6f78af027b0c67a628311f8e9874da7b.jpeg" alt="Contact"></div><div class="title-page-holder"><h1>Contact</h1></div></div><div class="container "><div class="row"><div class="col-xs-12 col-md-6 col-lg-6 col-sm-6"><div class="contact-info"><h2>INFORMATION</h2><p>Vous souhaitez nous contacter pour :<br />
1821&nbsp;<br />
1822&bull; Avoir des renseignements suppl&eacute;mentaires sur VIP Crossing<br />
1823&nbsp;<br />
1824&bull; Proposer un partenariat<br />
1825&nbsp;<br />
1826&bull; Poser une question &agrave; propos d&#39;un probl&egrave;me de connexion ou d&#39;utilisation du site web.</p><p>&bull; Nous encourager ou nous soutenir.&nbsp;En contrepartie, aucune publicit&eacute; ne sera affich&eacute;e sur le site&nbsp;pendant 1 an quand vous &ecirc;tes connect&eacute;.</p><p><a href="https://www.paypal.com/donate?hosted_button_id=ZTUXBLKRNNZQ2" target="_blank"><img alt="Faire un don" src="https://vipcrossing.com/ckfinder/userfiles/files/CV/don.jpg" /></a></p><ul><li><span class="zmdi zmdi-pin"></span> 49, rue Adrien Lesesne - 93400 Saint Ouen</li><li><span class="zmdi zmdi-phone"></span>+33 6 23 69 16 43</li><li><span class="zmdi zmdi-email"></span>[email protected]</li></ul></div></div><div class="col-xs-12 col-md-6 col-lg-6 col-sm-6"><div class="form-contact"><h2>Vous avez une question, un commentaire...</h2><div id="success" style="display: none" class="alert alert-success">
1827                           Votre message a été envoyé avec succès
1828                       </div><div id="danger" style="display: none" class="alert alert-danger">
1829                           champs captcha est obligatoire
1830                       </div><form class="form" id="contactForm" role="form" method="POST"><div class="form-group"><label for="nom">Prénom &amp; Nom</label><input type="text" id="name" class="form-control" name=""></div><div class="form-group"><label for="email">Adresse e-mail</label><input type="email" id="email" class="form-control" name=""></div><div class="form-group"><label for="sujet">Sujet</label><input type="text" id="objet" class="form-control" name=""></div><div class="form-group"><label for="message"> Message</label><textarea class="form-control" id="message" rows="7"></textarea></div><div class="form-group"><label for="recaptcha"> &nbsp;</label><div class="g-recaptcha" data-sitekey="6Lfi9MwUAAAAACENWLBdRKMUbufcUm34eiXFmy6f"></div></div><div class="form-group pull-right"><input type="submit"  class="btn btn-orange  btn-lg" id="save" name="submit"
1831                                      value="Envoyer"><img id="loading" src="/dev/front/images/loading.gif"  style="display: none;" alt="VIP Crossing Loading..."></div></form></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">
1831Email: [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
1832                                        class="zmdi zmdi-facebook"></i></a></div><div class="social-icon"><a target="_blank" href="https://twitter.com/vipcrossing" class="twitter-icon"><i
1833                                        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
1834                                        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"
1835                                   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">
1836                                Abonnez-vous
1837                            </a><a href="javascript:void(0)"  onclick="sendNewsletter()"  class="btn btn-big btn-style-3" id="desabonner"
1838                                    style="display: none;">Se Désabonner
1839                            </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 -->
1839<script src="/dev/front/js/jquery.js"></script>
1839<script type="text/javascript" src="/dev/front/js/jquery.slimscroll.min.js"></script>
1839<script type="text/javascript" src="/dev/front/js/jquery.mousewheel.pack.js"></script>
1839<script type="text/javascript" src="/dev/front/js/fancybox.2.1.5/jquery.fancybox.js"></script>
1839<!-- Bootstrap Core JavaScript -->
1839<script src="/dev/front/js/bootstrap.min.js"></script>
1839<script type="text/javascript" src="/dev/front/js/jquery.fancybox.js?v=2.1.5"></script>
1839<script>
1840$(document).ready(function() {
1841 $('.fancybox').fancybox({
1842  beforeShow : function(){
1843   this.title =  this.title + " - " + $(this.element).data("caption");
1844  }
1845 });
1846}); // ready
1847</script>
1847<!-- ckeditor -->
1847<script type="text/javascript" src="/dev/back/ckfinder/ckfinder.js"></script>
1847<script src="/dev/back/ckeditor/ckeditor.js"></script>
1847<script>
1848if (typeof CKEDITOR !== 'undefined') {
1849
1850    CKEDITOR.config.baseFloatZIndex = 2147483000;
1851
1852    CKEDITOR.on('instanceReady', function (event) {
1853
1854        var editor = event.editor;
1855
1856        if (!editor.container || !editor.container.$) {
1857            return;
1858        }
1859
1860        var container = editor.container.$;
1861        var inner = container.querySelector('.cke_inner');
1862
1863        if (!inner) {
1864            return;
1865        }
1866
1867        function updateMaximizedState() {
1868
1869            var maximized = inner.classList.contains('cke_maximized');
1870
1871            if (maximized) {
1872
1873                container.classList.add('vpx-ckeditor-maximized');
1874                document.documentElement.classList.add('vpx-ckeditor-maximized');
1875                document.body.classList.add('vpx-ckeditor-maximized');
1876
1877            } else {
1878
1879                container.classList.remove('vpx-ckeditor-maximized');
1880                document.documentElement.classList.remove('vpx-ckeditor-maximized');
1881                document.body.classList.remove('vpx-ckeditor-maximized');
1882
1883            }
1884        }
1885
1886        var observer = new MutationObserver(function () {
1887            updateMaximizedState();
1888        });
1889
1890        observer.observe(inner, {
1891            attributes: true,
1892            attributeFilter: ['class']
1893        });
1894
1895        updateMaximizedState();
1896    });
1897}
1898</script>
1898<style>
1899
1900/*
1901 * =========================================================
1902 * VIP CROSSING - CKEDITOR PLEIN ECRAN
1903 * =========================================================
1904 */
1905
1906html.vpx-ckeditor-maximized,
1907body.vpx-ckeditor-maximized {
1908    overflow: hidden !important;
1909}
1910
1911/*
1912 * On fait passer le CONTENEUR COMPLET de CKEditor
1913 * au-dessus du reste du site.
1914 */
1915.cke.vpx-ckeditor-maximized {
1916    position: fixed !important;
1917
1918    top: 0 !important;
1919    right: 0 !important;
1920    bottom: 0 !important;
1921    left: 0 !important;
1922
1923    width: 100vw !important;
1924    height: 100vh !important;
1925
1926    z-index: 2147483000 !important;
1927
1928    background: #ffffff !important;
1929}
1930
1931/*
1932 * C'est CET élément qui reçoit réellement cke_maximized
1933 * dans votre version de CKEditor.
1934 */
1935.cke.vpx-ckeditor-maximized .cke_inner.cke_maximized {
1936    position: fixed !important;
1937
1938    top: 0 !important;
1939    right: 0 !important;
1940    bottom: 0 !important;
1941    left: 0 !important;
1942
1943    width: 100vw !important;
1944    height: 100vh !important;
1945
1946    z-index: 2147483001 !important;
1947
1948    background: #ffffff !important;
1949}
1950
1951/*
1952 * Fond opaque pour empêcher le site situé derrière
1953 * d'apparaître à travers CKEditor.
1954 */
1955.cke.vpx-ckeditor-maximized .cke_top,
1956.cke.vpx-ckeditor-maximized .cke_contents,
1957.cke.vpx-ckeditor-maximized .cke_bottom {
1958    background: #ffffff !important;
1959}
1960
1961/*
1962 * Ces éléments sont précisément ceux que votre diagnostic
1963 * montre au-dessus de CKEditor.
1964 */
1965body.vpx-ckeditor-maximized #menu1,
1966body.vpx-ckeditor-maximized #menu2,
1967body.vpx-ckeditor-maximized .vpx-header-tools {
1968    visibility: hidden !important;
1969    pointer-events: none !important;
1970}
1971
1972</style><!-- Owl JS pour gallerie accueil -->
1972<script src="/dev/front/js/owl.carousel.min.js"></script>
1972<script src="/dev/front/js/jquery.easing-1.3.min.js"></script>
1972<script src="/dev/front/js/slim.kickstart.js" ></script>
1972<script type="text/javascript" src="/dev/front/js/bootstrap_file_field.js"></script>
1972<!-- Main Script -->
1972<script src="/dev/front/js/resize-image.js"></script>
1972<script src="/dev/front/js/main.js"></script>
1972<script src="/dev/front/js/jquery.mousewheel.js"></script>
1972<script src="/dev/front/js/jScrollPane.min.js"></script>
1972<script src="/dev/front/js/countdown.js"></script>
1972<script src="/dev/front/js/worldcup-groups.js"></script>
1972<script src="/dev/front/js/mondial2026-groupes.js?v=3"></script>
1972<script src="/dev/front/js/mondial2026-resultats.js?v=30"></script>
1972<script src="/dev/front/js/mondial2026-matchs-du-jour.js?v=1"></script>
1972<script src="/dev/front/js/mondial2026-prochains-matchs.js?v=1"></script>
1972<!--
1972<script src="/assets/js/vpx-push.js?v=20260731"></script>
1972 -->
1972<script src="/assets/js/vpx-push-4-17.js"></script>
1972<script src="/assets/js/personnage.js?v=16"></script>
1972<script src="https://unpkg.com/[email protected]/dist/js/bootstrap-datepicker.min.js"></script>
1972<script src="/dev/front/js/scriptCollection.js"></script>
1972<script src="/bundles/fosjsrouting/js/router.js"></script>
1972<script src="/js/routing.js?callback=fos.Router.setData"></script>
1972<script>
1973     function showMedia(typeVideo) {
1974         $('#sourcevideoVipError').hide();
1975         $('#mediaVidoeError').hide();
1976         $('#mediaMP3Error').hide();
1977         $('#imageMediaMP3Error').hide();
1978         $('#mediaBookError').hide();
1979         $('#mediapathBookError').hide();
1980         if (typeVideo == 1) {
1981             $('#statusMedia').hide();
1982             $('#upload-mediaVidoe').hide();
1983             $('#image-mediaMP3').hide();
1984             $('#upload-mediaMP3').hide();
1985             $('#upload-book').hide();
1986             $('#upload-book-image-couverture').hide();
1987             $('#description-book').hide();
1988             $('#contenu-book').hide();
1989             $('#date-sortie-book').hide();
1990             $('#edition-book').hide();
1991        //     $('#price-book').hide();
1992
1993             $('#blockModeVideo').show();
1994             $('#sourcevideoVip').show();
1995
1996             $('#upload-book-image-bd').hide();
1997             $('#text_typeVideo_sourcevideo').show();
1998             $('#text_typeVideo_video_mp4').hide();
1999             $('#text_liver_bd').hide();
2000             $('#text_typeVideo_audio').hide();
2001             $('#text_typeVideo_livre').hide();
2002             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2003             $('#text_typeVideo_audio_enfant').hide();
2004             $('#text_typeVideo_message_contes_histoires').hide();
2005         }
2006         else if (typeVideo == 2) {
2007             $('#statusMedia').hide();
2008             $('#sourcevideoVip').hide();
2009             $('#image-mediaMP3').hide();
2010             $('#upload-mediaMP3').hide();
2011             $('#upload-book').hide();
2012             $('#upload-book-image-couverture').hide();
2013             $('#description-book').hide();
2014             $('#contenu-book').hide();
2015             $('#date-sortie-book').hide();
2016             $('#edition-book').hide();
2017         //    $('#price-book').hide();
2018             $('#blockModeVideo').show();
2019             $('#upload-mediaVidoe').show();
2020
2021
2022             $('#upload-book-image-bd').hide();
2023             $('#text_liver_bd').hide();
2024             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2025             $('#text_typeVideo_sourcevideo').hide();
2026             $('#text_typeVideo_video_mp4').show();
2027             $('#text_typeVideo_audio').hide();
2028             $('#text_typeVideo_livre').hide();
2029             $('#text_typeVideo_audio_enfant').hide();
2030             $('#text_typeVideo_message_contes_histoires').hide();
2031
2032         }
2033         else if (typeVideo == 3) {
2034             $('#statusMedia').hide();
2035             $('#sourcevideoVip').hide();
2036             $('#upload-mediaVidoe').hide();
2037             $('#upload-book').hide();
2038             $('#upload-book-image-couverture').hide();
2039             $('#contenu-book').hide();
2040             $('#description-book').hide();
2041             $('#date-sortie-book').hide();
2042             $('#edition-book').hide();
2043       //      $('#price-book').hide();
2044             $('#blockModeVideo').show();
2045             $('#upload-mediaMP3').show();
2046             $('#image-mediaMP3').show();
2047
2048             $('#upload-book-image-bd').hide();
2049             $('#text_liver_bd').hide();
2050             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2051             $('#text_typeVideo_sourcevideo').hide();
2052             $('#text_typeVideo_video_mp4').hide();
2053             $('#text_typeVideo_audio').show();
2054             $('#text_typeVideo_livre').hide();
2055             $('#text_typeVideo_audio_enfant').hide();
2056             $('#text_typeVideo_message_contes_histoires').hide();
2057         }
2058
2059         else if (typeVideo == 4) {
2060             $('#statusMedia').hide();
2061             $('#sourcevideoVip').hide();
2062             $('#blockModeVideo').hide();
2063             $('#upload-mediaVidoe').hide();
2064             $('#image-mediaMP3').hide();
2065             $('#upload-mediaMP3').hide();
2066             $('#upload-book').show();
2067             $('#upload-book-image-couverture').show();
2068             $('#description-book').show();
2069             $('#contenu-book').show();
2070             $('#date-sortie-book').show();
2071             $('#edition-book').show();
2072         //    $('#price-book').show();
2073
2074             $('#upload-book-image-bd').hide();
2075             $('#text_liver_bd').hide();
2076             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2077             $('#text_typeVideo_sourcevideo').hide();
2078             $('#text_typeVideo_video_mp4').hide();
2079             $('#text_typeVideo_audio').hide();
2080             $('#text_typeVideo_audio_enfant').hide();
2081             $('#text_typeVideo_livre').show();
2082
2083             $('#text_typeVideo_message_contes_histoires').hide();
2084         }
2085         else if (typeVideo == 5) {
2086             $('#statusMedia').hide();
2087             $('#sourcevideoVip').hide();
2088             $('#upload-mediaVidoe').hide();
2089             $('#upload-book').hide();
2090             $('#upload-book-image-couverture').hide();
2091             $('#contenu-book').hide();
2092             $('#description-book').hide();
2093             $('#date-sortie-book').hide();
2094             $('#edition-book').hide();
2095           //  $('#price-book').hide();
2096             $('#blockModeVideo').show();
2097             $('#upload-mediaMP3').show();
2098             $('#image-mediaMP3').show();
2099
2100             $('#upload-book-image-bd').hide();
2101             $('#text_liver_bd').hide();
2102             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2103             $('#text_typeVideo_sourcevideo').hide();
2104             $('#text_typeVideo_video_mp4').hide();
2105             $('#text_typeVideo_audio').hide();
2106             $('#text_typeVideo_audio_enfant').show();
2107             $('#text_typeVideo_livre').hide();
2108             $('#text_typeVideo_message_contes_histoires').hide();
2109         }
2110   else if (typeVideo == 6) {
2111             $('#sourcevideoVip').hide();
2112             $('#upload-mediaVidoe').hide();
2113             $('#upload-book').hide();
2114             $('#upload-book-image-couverture').hide();
2115             $('#contenu-book').show();
2116             $('#statusMedia').show();
2117             $('#description-book').show();
2118             $('#date-sortie-book').hide();
2119             $('#edition-book').hide();
2120         //    $('#price-book').hide();
2121             $('#blockModeVideo').hide();
2122             $('#upload-mediaMP3').hide();
2123             $('#image-mediaMP3').show();
2124
2125             $('#upload-book-image-bd').hide();
2126             $('#text_liver_bd').hide();
2127             $('#text_typeVideo_message_contes_histoires_enfants').show();
2128             $('#text_typeVideo_sourcevideo').hide();
2129             $('#text_typeVideo_video_mp4').hide();
2130             $('#text_typeVideo_audio').hide();
2131             $('#text_typeVideo_audio_enfant').hide();
2132             $('#text_typeVideo_livre').hide();
2133
2134             $('#text_typeVideo_message_contes_histoires').hide();
2135         }
2136
2137   else if (typeVideo == 7) { 
2138             $('#statusMedia').hide();
2139             $('#upload-mediaVidoe').hide();
2140             $('#upload-book').hide();
2141             $('#upload-book-image-couverture').hide();
2142             $('#contenu-book').hide();
2143             $('#description-book').hide();
2144             $('#date-sortie-book').hide();
2145             $('#edition-book').hide();
2146             $('#upload-book-image-bd').hide();
2147         //    $('#price-book').hide();
2148             $('#blockModeVideo').show();
2149             $('#upload-mediaMP3').show();
2150             $('#image-mediaMP3').show();
2151
2152             $('#text_liver_bd').hide();
2153             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2154             $('#text_typeVideo_sourcevideo').hide();
2155             $('#text_typeVideo_video_mp4').hide();
2156             $('#text_typeVideo_audio').hide();
2157             $('#text_typeVideo_audio_enfant').hide();
2158             $('#text_typeVideo_livre').hide();
2159             $('#text_typeVideo_message_contes_histoires').show();
2160         }
2161  else if (typeVideo == 8) {
2162             $('#statusMedia').hide();
2163             $('#sourcevideoVip').hide();
2164             $('#upload-mediaVidoe').hide();
2165             $('#upload-book').hide();
2166             $('#contenu-book').hide();
2167
2168             $('#blockModeVideo').hide();
2169             $('#upload-mediaMP3').hide();
2170             $('#image-mediaMP3').hide();
2171             $('#upload-book-image-couverture').show();
2172             $('#description-book').show();
2173             $('#date-sortie-book').show();
2174             $('#edition-book').show();
2175         //    $('#price-book').show();
2176             $('#upload-book-image-bd').show();
2177
2178
2179             $('#text_liver_bd').show();
2180             $('#text_typeVideo_message_contes_histoires_enfants').hide();
2181             $('#text_typeVideo_sourcevideo').hide();
2182             $('#text_typeVideo_video_mp4').hide();
2183             $('#text_typeVideo_audio').hide();
2184             $('#text_typeVideo_audio_enfant').hide();
2185             $('#text_typeVideo_livre').hide();
2186             $('#text_typeVideo_message_contes_histoires').hide();
2187         }
2188     }
2189    function validateForm() {
2190
2191
2192        $('#sendForm').hide();
2193        $('#loadingsendForm').show();
2194        $('#sourcevideoVipError').hide();
2195        $('#mediaVidoeError').hide();
2196        $('#mediaMP3Error').hide();
2197        $('#imageMediaMP3Error').hide();
2198        $('#mediaBookError').hide();
2199        $('#mediapathBookError').hide();
2200        $('#mediaBookLiverBdError').hide();
2201        $('#titleMediaError').hide();
2202
2203        var radios = document.getElementsByName('typeVideo');
2204
2205        for (var i = 0, length = radios.length; i < length; i++) {
2206            if (radios[i].checked) {
2207                // do whatever you want with the checked radio
2208
2209                var typeVideo =radios[i].value ;
2210                // only one radio can be logically checked, don't check the rest
2211                break;
2212            }
2213        }
2214
2215
2216        var     titleMedia =  $('#titleMedia').val();
2217
2218        if(titleMedia == ""){
2219            $('#titleMediaError').show();
2220            return false;
2221        }
2222
2223         if (typeVideo == 1) {
2224
2225         var     sourcevideoVip =  $('#sourcevideoVip').val();
2226
2227             if(sourcevideoVip == ""){
2228                 $('#sourcevideoVipError').show();
2229                 return false;
2230
2231              }
2232         }
2233
2234          if (typeVideo == 2) {
2235
2236             var     mediaVidoe =  $('#mediaVidoe').val();
2237
2238             if ( mediaVidoe == "" ){
2239                 $('#mediaVidoeError').show();
2240                 return false;
2241             }
2242         }
2243
2244          if (typeVideo == 3) {
2245
2246             var     mediaMP3 =  $('#mediaMP3').val();
2247             if ( mediaMP3 == "" ){
2248                 $('#mediaMP3Error').show();
2249                 return false;
2250             }
2251            var     imageMediaMP3 =  $('#imageMediaMP3').val();
2252             if ( imageMediaMP3 == "" ){
2253                 $('#imageMediaMP3Error').show();
2254                 return false;
2255             }
2256
2257         }
2258          if (typeVideo == 4) {
2259
2260             var     mediaBook =  $('#mediaBook').val();
2261             if ( mediaBook == "" ){
2262                 $('#mediaBookError').show();
2263                 return false;
2264             }
2265
2266      /*   var     mediapathBook =  $('#mediapathBook').val();
2267             if ( mediapathBook == "" ){
2268                 $('#mediapathBookError').show();
2269                 return false;
2270             }*/
2271
2272         }
2273
2274         return true;
2275    }
2276	/*
2277	 * VIP Crossing Coins
2278	 * Validation de la visualisation de 75 % d'une page média.
2279	 *
2280	 * Le fait d'atteindre 75 % ne donne pas automatiquement
2281	 * de coin : le serveur vérifiera également que le membre
2282	 * a bien effectué un Like.
2283	 */
2284	$(document).ready(function () {
2285
2286		var $mediaViewTracker = $('#vpx-media-view-id');
2287
2288		if ($mediaViewTracker.length === 0) {
2289			return;
2290		}
2291
2292		var mediaId = parseInt($mediaViewTracker.val(), 10);
2293
2294		if (!mediaId || mediaId <= 0) {
2295			return;
2296		}
2297
2298		var view75Sent = false;
2299
2300		function checkMediaView75() {
2301
2302			if (view75Sent) {
2303				return;
2304			}
2305
2306			var documentHeight = Math.max(
2307				document.body.scrollHeight,
2308				document.documentElement.scrollHeight,
2309				document.body.offsetHeight,
2310				document.documentElement.offsetHeight,
2311				document.body.clientHeight,
2312				document.documentElement.clientHeight
2313			);
2314
2315			if (documentHeight <= 0) {
2316				return;
2317			}
2318
2319			var scrollTop =
2320				window.pageYOffset ||
2321				document.documentElement.scrollTop ||
2322				document.body.scrollTop ||
2323				0;
2324
2325			var windowHeight =
2326				window.innerHeight ||
2327				document.documentElement.clientHeight ||
2328				0;
2329
2330			/*
2331			 * Portion réellement atteinte dans la page.
2332			 *
2333			 * Exemple :
2334			 * bas de l'écran à 75 % du document
2335			 * => condition validée.
2336			 */
2337			var viewedRatio =
2338				(scrollTop + windowHeight) /
2339				documentHeight;
2340
2341			if (viewedRatio < 0.75) {
2342				return;
2343			}
2344
2345			/*
2346			 * On évite plusieurs appels AJAX pendant
2347			 * le même affichage de page.
2348			 */
2349			view75Sent = true;
2350
2351			$.ajax({
2352				url: '/ajax/media-view-75',
2353				type: 'POST',
2354				dataType: 'json',
2355				data: {
2356					'id': mediaId
2357				},
2358
2359				success: function (data) {
2360
2361					/*
2362					 * Si le Like avait déjà été effectué,
2363					 * le serveur peut attribuer ici le coin.
2364					 *
2365					 * Aucun traitement d'affichage obligatoire
2366					 * pour l'instant.
2367					 */
2368					if (
2369						data &&
2370						data.coinRewarded === true
2371					) {
2372						console.log(
2373							'VIP Crossing : +' +
2374							data.coinAmount +
2375							' coin'
2376						);
2377					}
2378				},
2379
2380				error: function (response) {
2381
2382					/*
2383					 * En cas d'erreur réseau, on autorise
2384					 * une nouvelle tentative au prochain scroll.
2385					 */
2386					view75Sent = false;
2387
2388					console.log(response);
2389				}
2390			});
2391		}
2392
2393		/*
2394		 * Vérification au chargement :
2395		 * utile pour les pages très courtes.
2396		 */
2397		checkMediaView75();
2398
2399		/*
2400		 * Vérification pendant la lecture.
2401		 */
2402		$(window).on(
2403			'scroll.vpxMedia75 resize.vpxMedia75',
2404			checkMediaView75
2405		);
2406	});
2407
2408	/*
2409	 * VIP Crossing Coins
2410	 * Validation de 75 % de visualisation d'une page média.
2411	 */
2412	$(document).ready(function () {
2413
2414		var $mediaTracker = $('#vpx-media-view-id');
2415
2416		if ($mediaTracker.length === 0) {
2417			return;
2418		}
2419
2420		var mediaId = parseInt($mediaTracker.val(), 10);
2421
2422		if (!mediaId || mediaId <= 0) {
2423			return;
2424		}
2425
2426		var view75Sent = false;
2427
2428		function checkMediaView75() {
2429
2430			if (view75Sent) {
2431				return;
2432			}
2433
2434			var documentHeight = Math.max(
2435				document.body.scrollHeight,
2436				document.documentElement.scrollHeight,
2437				document.body.offsetHeight,
2438				document.documentElement.offsetHeight,
2439				document.body.clientHeight,
2440				document.documentElement.clientHeight
2441			);
2442
2443			if (documentHeight <= 0) {
2444				return;
2445			}
2446
2447			var scrollTop =
2448				window.pageYOffset ||
2449				document.documentElement.scrollTop ||
2450				document.body.scrollTop ||
2451				0;
2452
2453			var windowHeight =
2454				window.innerHeight ||
2455				document.documentElement.clientHeight ||
2456				0;
2457
2458			var viewedRatio =
2459				(scrollTop + windowHeight) /
2460				documentHeight;
2461
2462			if (viewedRatio < 0.75) {
2463				return;
2464			}
2465
2466			view75Sent = true;
2467
2468			$.ajax({
2469				url: '/ajax/media-view-75',
2470				type: 'POST',
2471				dataType: 'json',
2472				data: {
2473					'id': mediaId
2474				},
2475
2476				success: function (data) {
2477
2478					if (
2479						data &&
2480						data.coinRewarded === true
2481					) {
2482						console.log(
2483							'VIP Crossing : +' +
2484							data.coinAmount +
2485							' coin'
2486						);
2487					}
2488				},
2489
2490				error: function (response) {
2491					view75Sent = false;
2492					console.log(response);
2493				}
2494			});
2495		}
2496
2497		/*
2498		 * Vérification immédiate, notamment pour
2499		 * les pages suffisamment courtes.
2500		 */
2501		checkMediaView75();
2502
2503		/*
2504		 * Puis pendant le défilement.
2505		 */
2506		$(window).on(
2507			'scroll.vpxMedia75 resize.vpxMedia75',
2508			checkMediaView75
2509		);
2510	});
2511
2512     /**** Add Or Remove user to Box *****/
2513     function AddLike(id) {
2514        var nbrLikemediaNbr = $('#nbrLikemediaNbr').val();
2515        var nbrLikemedia = $('#nbrLikemedia').html();
2516
2517        var resultat = parseInt(nbrLikemediaNbr) + 1 ;
2518         $('#nbrLikemediaNbr').val(resultat);
2519         $('#nbrLikemedia').html(resultat);
2520         document.getElementById('btn-like').removeAttribute("onclick");
2521         var data = {
2522             'id': id
2523         };
2524         var url = '/ajax/like-media';
2525         $.ajax({
2526             url: url, // La ressource ciblée
2527             type: 'POST', // Le type de la requête HTTP.
2528             data: data,
2529             dataType: "json",
2530             success: function (data) {
2531
2532
2533
2534             },
2535
2536             error: function (response) {
2537                 console.log(response);
2538             }
2539         });
2540     }
2541
2542
2543
2544     /**** Add Or Remove user to Box *****/
2545     function AddOrRemoveBox(id, typeAction, typebox) {
2546         $('#box').hide();
2547         $('#loading').show();
2548         var data = {
2549             'id': id,
2550             'typeAction': typeAction,
2551             'typebox': typebox
2552         };
2553         var url = '/espace-member/fr/addOrRemove/box/ajax';
2554         $.ajax({
2555             url: url, // La ressource ciblée
2556             type: 'POST', // Le type de la requête HTTP.
2557             data: data,
2558             dataType: "json",
2559             success: function (data) {
2560                 $('#loading').hide();
2561                 $('#box').html(data.boxHtml);
2562                 $('#box').show();
2563
2564
2565             },
2566
2567             error: function (response) {
2568                 console.log(response);
2569             }
2570         });
2571     }
2572
2573     /**** Add Or Remove user to Box *****/
2574     function AddOrRemoveBoxPersonnage (id, typeAction) {
2575         $('#box'+id).hide();
2576         $('#loading'+id).show();
2577         var data = {
2578             'id': id,
2579             'typeAction': typeAction
2580         };
2581         var url = '/fr/personnage/addOrRemove/personnage/box/ajax';
2582         $.ajax({
2583             url: url, // La ressource ciblée
2584             type: 'POST', // Le type de la requête HTTP.
2585             data: data,
2586             dataType: "json",
2587             success: function (data) {
2588                 $('#loading'+id).hide();
2589                 $('#box'+id).html(data.boxHtml);
2590                 $('#box'+id).show();
2591
2592
2593             },
2594
2595             error: function (response) {
2596                 console.log(response);
2597             }
2598         });
2599     }
2600
2601
2602
2603     /**** sendNewsletter *****/
2604     function sendNewsletter()  {
2605
2606       //  $('#loading').show();
2607         stats = $("#etat-courant-newsletter").val() ;
2608         email = $("#email_newslette").val() ;
2609
2610          if( email != "" ){
2611
2612              if(ValidateEmail(email) == true) {
2613
2614              var data = {
2615                  'newsletter-email': email ,
2616                  'stats': stats
2617              };
2618              var url = '/ajax/ajax-send-newsletter';
2619             $.ajax({
2620                 url: url, // La ressource ciblée
2621                 type: 'POST', // Le type de la requête HTTP.
2622                 data: data,
2623                 dataType: "json",
2624                 success: function (data) {
2625                    // $('#loading').hide();
2626
2627                     if(stats == 1 ){
2628                         $('#abonner').show();
2629                     }else{
2630                         $('#desabonner').show();
2631                     }
2632                     $('#messageNewsletter').show();
2633                     $('#messageNewsletter').html(data.alerte);
2634                     $("#email_newslette").val("");
2635
2636                 },
2637
2638                 error: function (response) {
2639                     console.log(response);
2640                 }
2641             });
2642                }else{
2643                    $('#messageNewsletter').show();
2644                    $('#messageNewsletter').html("Le format de l'adresse électronique n'est pas respecté");
2645                }
2646         }else{
2647             $('#messageNewsletter').show();
2648             $('#messageNewsletter').html("Champs obligatoire");
2649
2650
2651         }
2652
2653     }
2654
2655
2656
2657     function ValidateEmail(mail)
2658     {
2659         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,}))$/;
2660           if (expressionReguliere.test(mail))
2661         {
2662             return true;
2663         }
2664         else
2665         {
2666             return false;
2667         }
2668     }
2669 </script>
2669<script>
2670
2671(function($){
2672            $.fn.datepicker.dates['fr'] = {
2673                days: ["Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"],
2674                daysShort: ["Dim.", "Lun.", "Mar.", "Mer.", "Jeu.", "Ven.", "Sam."],
2675                daysMin: ["D", "L", "Ma", "Me", "J", "V", "S"],
2676                months: ["Janvier", "Fevrier", "Mars", "Avril", "Mai", "Juin", "Juillet", "Aout", "Septembre", "Octobre", "Novembre", "Decembre"],
2677                monthsShort: ["Janv.", "Fevr.", "Mars", "Avril", "Mai", "Juin", "Juil.", "Aout", "Sept.", "Oct.", "Nov.", "Dec."],
2678                today: "Aujourd'hui",
2679                monthsTitle: "Mois",
2680                clear: "Effacer",
2681                weekStart: 1,
2682                format: "dd/mm/yyyy"
2683            };
2684        }(jQuery));
2685 $('.selectDatePicker').datepicker({
2686            language: 'fr',
2687            autoclose: true,
2688            todayHighlight: true
2689        });
2690$(function () {
2691  $('[data-toggle="tooltip"]').tooltip()
2692});
2693   /**** End Add Or Remove  user to Box *****/
2694
2695if ($.fn.bootstrapFileField) {
2696    $('#mediaMP3').bootstrapFileField({
2697        fileTypes: 'audio/mp3',
2698        maxFileSize: 5000000
2699    });
2700
2701    $('#mediaVidoe').bootstrapFileField({
2702        fileTypes: 'video/mp4',
2703        maxFileSize: 10000000
2704    });
2705}
2706
2707
2708function abonnerOrDesabonner() {
2709    satus = $("#etat-courant-newsletter").val();
2710    console.log(satus);
2711
2712    if ( satus == 1){
2713        $("#abonner").hide();
2714        $("#desabonner").show();
2715        $("#etat-courant-newsletter").val(0);
2716        $("#btn-abonnee-desabonner").html('Abonnez-vous');
2717    }else{
2718        $("#desabonner").hide();
2719        $("#abonner").show();
2720        $("#etat-courant-newsletter").val(1);
2721        $("#btn-abonnee-desabonner").html('Se Désabonner');
2722    }
2723
2724}
2725
2726
2727
2728
2729 </script>
vendor: 57 bytes, line 2729
2729<script src='//www.google.com/recaptcha/api.js'></script>
2729<script src='/dev/front/js/script.js'></script>
2729</body></html>
2730

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.