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 & 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'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 & 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'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 <br /> 1822• Avoir des renseignements supplémentaires sur VIP Crossing<br /> 1823 <br /> 1824• Proposer un partenariat<br /> 1825 <br /> 1826• Poser une question à propos d'un problème de connexion ou d'utilisation du site web.</p><p>• Nous encourager ou nous soutenir. En contrepartie, aucune publicité ne sera affichée sur le site pendant 1 an quand vous êtes connecté.</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 & 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"> </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> </strong>et</span><strong><span style="color:#dddddd"> </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é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'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.