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