/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */html{color:#736f70;font-size:1em;line-height:1.4}html,body{width:100%;min-height:100%;font-family:"HelveticaNeue-ThinCond", Arial}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}#chargement{font-size:2em;text-transform:italic;font-family:'PT Sans', sans-serif;text-align:center;position:absolute;left:50%;top:40%;width:600px;margin-left:-300px}#chargement-infos{text-align:center;white-space:nowrap;display:block;border-bottom:4px solid #000;width:0%}#maincontainer{visibility:hidden;width:100%}.lang{padding-top:0.5vh;text-align:right;font-size:0.8em;height:auto;z-index:2;text-transform:uppercase}.lang .wrapper div{display:inline-block;vertical-align:middle;text-align:left}.lang .wrapper .langpicker{font-family:Arial;font-size:1em}.lang .wrapper .langpicker a{float:right;right:0;display:block;color:#ed1a3b;text-decoration:none;padding:8px;background-color:#fff;margin-left:6px}.lang .wrapper .langpicker a.selected{color:#bbbbbb;pointer-events:none}.lang .wrapper .langpicker a.viewable{opacity:1}.header{height:auto;margin:0.5vh auto 1vh}.header header{background:url("https://cdn.goal-afr.total/img/bg-header-960.png") repeat-y 0 0;background-size:contain}.header header a{display:table-cell;vertical-align:middle}.cta{text-transform:uppercase;font-family:'PT Sans', sans-serif;font-size:2em;text-align:center;color:#ed1a3b}.cta a{display:inline-block;font-weight:bold;background-color:#fff;padding:0.5em 2em;color:#ed1a3b;text-decoration:none}.cta a:before{content:"► "}.cta a:after{content:" "}.cta a:hover{color:#fff;background-color:#ed1a3b}.main{background:#f9f9f9}#welcomejeu{padding:10% 10px}.welcome,.cantplay{background:url("https://cdn.goal-afr.total/img/gif_intro_light.gif") no-repeat center;background-size:cover}.jeustep3.win{background:url("https://cdn.goal-afr.total/img/gif_gagne.gif") no-repeat center;background-size:cover}.jeustep3.lose{background:url("https://cdn.goal-afr.total/img/gif_perdu.gif") no-repeat center;background-size:cover}.jeustep1{background:#f5d0a6 url("https://cdn.goal-afr.total/img/bgstep1.png") no-repeat right bottom;background-size:cover}.jeustep1 #jeustep2_content,.jeustep1 #jeustep3_content{display:none}.jeustep2 #jeustep1_content,.jeustep2 #jeustep3_content{display:none}.jeustep3 #jeustep1_content,.jeustep3 #jeustep2_content{display:none}#jeustep3_content{padding-bottom:30px}#conteneur_canvas{position:absolute;top:0px;width:100%;min-height:100%;overflow:hidden;pointer-events:none;opacity:0}#conteneur_canvas.play{-webkit-animation:conteneur_canvas 6s 1 linear normal;animation:conteneur_canvas 6s 1 linear normal}@-webkit-keyframes conteneur_canvas{0%,95%{opacity:1}100%{opacity:0}}@keyframes conteneur_canvas{0%,95%{opacity:1}100%{opacity:0}}.main{position:relative;min-height:65vh;text-align:center}.main .pub{overflow:hidden;border-bottom:1vh solid #fff;width:100%;margin:0;background:#d7d7d7}.main .pub img{width:100%;max-width:1000px}.main .claim{width:auto;font-family:'PT Sans', sans-serif;font-size:2em;background-color:#ed1a3b;padding:1px;text-transform:uppercase;color:#fff}.main .claim i{padding:0px 8px}.main .claim.gagne{font-size:3em;line-height:1.3em}.main .separe{display:block;height:5px}.main .goalanim{margin:3vh auto 1vh;font-size:2em;position:relative;width:70%;height:30%;text-align:center}.main .goalanim .goal .ballon{top:0;position:absolute;left:0;z-index:1}.main .goalanim .goal img{width:100%}.main .cta{margin-top:5vh}.main a#gigyaclose{color:#000000;position:absolute;right:10px;top:0px;text-decoration:none;font-size:39px;line-height:39px}.main a#gigyaclose:hover{color:#ed1a3b}.main a#gigyaclose:before{content:"× "}.main .overlay{margin:5% auto;position:relative;width:90%}.main .message_cantplay{padding:20px}.main #gigya{display:none}.main #gigya h1,.main #gigya div,.main #gigya input{max-width:100%}.main #gigya h2,.main #gigya .gigya-register-here-link{display:none}.main #gigya .gigya-screen.landscape .gigya-composite-control.gigya-composite-control-social-login{right:0}.main #gigya .gigya-forgotPassword{font-size:12px;color:#4e515e;margin-bottom:10px}.main #gigya .goalafr-inscription-button,.main #gigya .gigya-footer{font-size:15px;color:#4e515e}.main #gigya .responsive{text-align:center;margin-bottom:18px;overflow:hidden}.main #gigya .responsive>label{position:relative;background:#f9f9f9;padding:0 10px;margin:0;font-size:17px;font-weight:bold}.main #gigya .responsive>label:before,.main #gigya .responsive>label:after{position:absolute;top:50%;height:1px;background:#dbdbdb;width:9999px;z-index:0;content:''}.main #gigya .responsive>label:before{left:0;margin-left:-9999px}.main #gigya .responsive>label:after{right:0;margin-right:-9999px}.main #gigya .responsive .gigya-social-login>div{height:auto !important}.main #gigya .responsive #goalafr-login-container_social_1_uiContainer,.main #gigya .responsive #goalafr-login-container_social_0_uiContainer{height:auto !important}@media only screen and (max-width: 480px){.main #gigya .gigya-screen.portrait.mobile .gigya-composite-control-social-login{right:0}.main #gigya .gigya-social-login-container div{height:auto !important}.main #gigya .gigya-social-login-container button>div{height:25px !important}.main #gigya .gigya-social-login-container table{top:0 !important;-webkit-transform:translateY(0%) !important;-ms-transform:translateY(0%) !important;transform:translateY(0%) !important}.main #gigya .gigya-social-login-container table td span{display:block;min-width:176px;margin:0 auto 10px auto !important}.main #gigya .gigya-social-login-container table td span button div{background-image:url(https://cdns.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FSignInWith%2F%5Bfacebook%2Cgoogleplus%5D_50.png%7C352%2C50);background-position:0px 0px !important;background-size:352px 25px !important}.main #gigya .gigya-social-login-container table td span.gigya-login-provider-last button div{background-image:url(https://cdns.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FSignInWith%2F%5Bfacebook%2Cgoogleplus%5D_50.png%7C352%2C50);background-position:-176px 0px !important;background-size:352px 25px !important}.main #gigya .gigya-social-login-container table td div.gigya-login-provider-row:first-of-type span{display:block;min-width:176px;margin:0 auto 10px auto !important}.main #gigya .gigya-social-login-container table td div.gigya-login-provider-row:first-of-type span button div{background-image:url(https://cdns.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FSignInWith%2F%5Bfacebook%2Cgoogleplus%5D_50.png%7C352%2C50);background-position:0px 0px !important;background-size:352px 25px !important}.main #gigya .gigya-social-login-container table td div.gigya-login-provider-row:last-of-type span button div{background-image:url(https://cdns.gigya.com/gs/GetSprite.ashx?path=%2FHTMLLogin%2FSignInWith%2F%5Bfacebook%2Cgoogleplus%5D_50.png%7C352%2C50);background-position:-176px 0px !important;background-size:352px 25px !important}}.main h1.title{margin:7% 0 4.32%;padding:0 5px;font-family:'PT Sans', sans-serif;font-size:2em;font-weight:bold;color:#fff;font-style:italic;text-transform:uppercase}.main #jeustep1_content{width:100%;height:100%}.main #jeustep1_content .swiper-container{width:100%;height:100%}.main #jeustep1_content .swiper-slide{text-align:center;font-size:18px;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.main #jeustep1_content .swiper-slide-active{opacity:1}.main #jeustep1_content .swiper-slide-next,.main #jeustep1_content .swiper-slide-prev{opacity:0}.main #jeustep1_content .swiper-pagination{width:100%;position:relative;margin:2% auto}.main #jeustep1_content .swiper-pagination-bullet{width:auto;height:12% !important;-webkit-transform:scale(0.65);-ms-transform:scale(0.65);transform:scale(0.65);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;border:none;background:none;border-radius:0;text-align:center;opacity:1}.main #jeustep1_content .swiper-pagination-bullet-active{color:#fff;width:auto;padding-bottom:8px;border-bottom:solid 6px #ed1a3b !important;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.main #jeustep1_content .conteneur_ballon_texte{width:100%}.main #jeustep1_content h1.title{color:#666}.main #jeustep1_content h2{font-weight:bold;white-space:nowrap;margin:0% 0 0;width:100%;left:0;font-family:'PT Sans', sans-serif;font-size:1em;color:#666;font-style:italic;text-transform:uppercase;overflow:hidden;margin-bottom:20px}.main #jeustep1_content .ballon{width:28.86%}.main #jeustep1_content .goplay{width:100%}.main #jeustep1_content .goplay a{font-family:'PT Sans', sans-serif;display:inline-block;border-radius:50%;color:#fff;font-style:italic;font-weight:bold;font-size:2em;background-color:#ed1a3b;text-decoration:none;text-align:center;line-height:100px;height:100px;width:100px;margin-bottom:20px}.main #jeustep1_content .goplay a:before{content:""}.main #jeustep1_content .goplay a:hover{color:#ed1a3b;background-color:#fff}.main #jeustep1_content .cta{position:absolute;margin:1% 5% 0 0;right:0;font-size:1.8em;width:auto !important;color:#fff}.main #jeustep1_content .cta a{border-radius:50%;color:#fff;font-style:italic;font-weight:bold;padding:1em;background-color:#ed1a3b;text-decoration:none}.main #jeustep1_content .cta a:before{content:""}.main #jeustep1_content .cta a:hover{color:#ed1a3b;background-color:#fff}.main #jeustep2_content{width:100%;height:100%;overflow:hidden}.main #jeustep2_content h1{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:5vh}.main #jeustep2_content .animationcontainer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url("https://cdn.goal-afr.total/img/bgjeu.jpg") no-repeat center center;background-size:cover}.main #jeustep2_content .animationcontainer .balloncontainer .ballon{position:absolute;height:20%;top:60%;left:0;right:0;margin-left:auto;margin-right:auto;cursor:pointer}.main #jeustep2_content .animationcontainer .balloncontainer .disque{margin-top:6vh}.main h2{text-align:center;white-space:nowrap;font-family:'PT Sans', sans-serif;font-size:14vw;margin:5vh 0 0;color:#fff;font-style:italic;text-transform:uppercase}.info{font-family:'PT', arial;font-size:1.7em;margin-top:0.5em;color:#fff}.overlay{background-color:#f9f9f9;width:100%}div#main.main.jeustep2.wrapper{overflow:hidden}.footer1{height:auto}.footer1 .link{margin:5% auto 1.6%;padding:0 5px;text-transform:uppercase;font-family:Arial;font-size:0.8em;text-align:center}.footer1 .link a{color:#ed1a3b;text-decoration:underline}.footer1 ul{padding:30px 15px 20px;text-align:center;margin:0}.footer1 li{display:inline-block;border-right:1px solid #666;padding:0 25px 0 23px;font-size:1em;font-weight:bold;color:#666}.footer1 li.last{border:none}.footer1 a{color:#666;text-decoration:none}.footer-social{min-height:6.64%;padding:28px 0 27px;background:#f9f9f9;text-align:center}.footer-social .title-footer{font-size:1.8em;font-weight:bold;vertical-align:middle;color:#666;margin:0 26px 0 0}.footer-social ul{display:inline-block;position:relative;top:4px;padding:0;margin:0;list-style-type:none}.footer-social li{margin:0 0 0 27px;display:inline-block}.footer-social li.first{margin:0}.padding_texte{padding:0 5px}#popup_pub{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0.5);display:none;text-align:center}#popup_pub .contenu_popup{display:table-cell;vertical-align:middle}#popup_pub .contenu_popup .image_popup{position:relative;display:inline-block}#popup_pub .contenu_popup img{max-width:95vw;max-height:95vh}#popup_close{color:#000000;position:absolute;right:10px;top:0px;text-decoration:none;font-size:39px;line-height:39px;cursor:pointer}#popup_close:hover{color:#ed1a3b}#popup_close:before{content:"× "}#GOALAFR-Login{max-width:100%}.animated .bg{-webkit-animation:bg 2s 1 linear normal;animation:bg 2s 1 linear normal;-webkit-transform-origin:50% 35%;-ms-transform-origin:50% 35%;transform-origin:50% 35%}.win .animated #ballon{-webkit-transform-origin:center, center;-ms-transform-origin:center, center;transform-origin:center, center;-webkit-animation:animatedwin 2s 1 linear normal;animation:animatedwin 2s 1 linear normal}.lose .animated #ballon{-webkit-transform-origin:center, center;-ms-transform-origin:center, center;transform-origin:center, center;-webkit-animation:animatedlose 2s 1 linear normal;animation:animatedlose 2s 1 linear normal}@-webkit-keyframes animatedwin{0%{opacity:1;-webkit-transform:rotate(180deg);transform:rotate(180deg)}30%{-webkit-transform:scale(0.8) translateY(-200px);transform:scale(0.8) translateY(-200px);opacity:1}80%,100%{opacity:1;-webkit-transform:rotate(360deg) translateY(-200px) scale(1.2) rotate(-360deg);transform:rotate(360deg) translateY(-200px) scale(1.2) rotate(-360deg)}}@keyframes animatedwin{0%{opacity:1;-webkit-transform:rotate(180deg);transform:rotate(180deg)}30%{-webkit-transform:scale(0.8) translateY(-200px);transform:scale(0.8) translateY(-200px);opacity:1}80%,100%{opacity:1;-webkit-transform:rotate(360deg) translateY(-200px) scale(1.2) rotate(-360deg);transform:rotate(360deg) translateY(-200px) scale(1.2) rotate(-360deg)}}@-webkit-keyframes animatedlose{0%{opacity:1;-webkit-transform:rotate(180deg);transform:rotate(180deg)}30%{-webkit-transform:scale(0.8) translate(200px, -750px);transform:scale(0.8) translate(200px, -750px);opacity:1}50%,100%{opacity:0;-webkit-transform:rotate(360deg) translate(250px, -900px) rotate(-360deg);transform:rotate(360deg) translate(250px, -900px) rotate(-360deg)}}@keyframes animatedlose{0%{opacity:1;-webkit-transform:rotate(180deg);transform:rotate(180deg)}30%{-webkit-transform:scale(0.8) translate(200px, -750px);transform:scale(0.8) translate(200px, -750px);opacity:1}50%,100%{opacity:0;-webkit-transform:rotate(360deg) translate(250px, -900px) rotate(-360deg);transform:rotate(360deg) translate(250px, -900px) rotate(-360deg)}}@-webkit-keyframes bg{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}80%,100%{opacity:1;-webkit-transform:translate(0, 0) scale(2);transform:translate(0, 0) scale(2)}}@keyframes bg{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}80%,100%{opacity:1;-webkit-transform:translate(0, 0) scale(2);transform:translate(0, 0) scale(2)}}@media only screen and (orientation: portrait){.oc_paysage{display:none}}@media only screen and (orientation: landscape){.oc_portrait{display:none}}@media only screen and (max-width: 760px){.desktop{display:none}#logo img{max-width:70%;margin-left:3%}}@media only screen and (min-width: 760px){.mobile{display:none}#maincontainer{background:url("https://cdn.goal-afr.total/img/player.png") no-repeat center center;background-size:contain}.wrapper{width:72%;max-width:1421px;margin:0 auto}.footer-social ul{margin:0;padding-left:40px}.main #jeustep1_content .goplay{width:36%;position:absolute;top:calc(10vw - 50px);right:0px;z-index:1}}@media only screen and (max-width: 759px) and (orientation: portrait){.main #jeustep1_content h1.title{margin:7% 0 4.32%;font-family:'PT Sans', sans-serif;font-size:5vw}.main #jeustep1_content .swiper-pagination{-webkit-transform:scale(0.8) !important;-ms-transform:scale(0.8) !important;transform:scale(0.8) !important}.main #jeustep1_content .swiper-pagination-bullet{margin:0 5px;padding:10px 0;width:30%}.main #jeustep1_content .swiper-pagination-bullet img{max-width:100%}.main #jeustep1_content .cta{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:166%;font-size:1.8em;width:auto !important;color:#FFFFFF}.main #jeustep1_content .ballon{width:60%;max-width:365px}.main .claim{font-size:1.5em}}@media only screen and (max-width: 1100px){.swiper-pagination{max-width:500px}}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}