/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,sans-serif;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,sans-serif;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{font-size:62.5%}body{color:#333;font:1.5rem/1.5 Overpass,Arial,Helvetica,sans-serif;background-color:#f0f0f0}*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box}p{margin:0 0 1.5rem}ul{margin:0;padding:0}.list-style{list-style:none}.list-style li{display:flex;flex-wrap:wrap}.list-style li>div{flex:1}.list-style li:before{content:"•";margin-right:10px;color:#ee7202}.list-style ul{margin-left:15px}.text-underline{text-decoration:underline}.text-warning{color:#ee7202}.text-success{color:#41a62a}.text-danger{color:#d61126}.h1,.h2,.h3,.h4,h1,h2,h3,h4{margin:0 0 1.5rem;font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:400;line-height:1.3}.h1,h1{font-size:2.5rem;font-weight:600}.h2,h2{font-size:2rem}.h3,h3{font-size:1.8rem}.link,a{text-decoration:none;color:#ee7202;transition:color .3s;cursor:pointer}.link:hover,a:hover{color:#333}.link-w-b{color:#ee7202}.link-w-b:hover{color:#fff}.img-responsive{display:block;max-width:100%;height:auto}.btn{display:inline-block;padding:7px;width:100%;min-width:296px;line-height:1.5;text-align:center;white-space:nowrap;border:1px solid transparent;background-color:#ee7202;font-size:1.6rem;color:#fff;border-radius:.5rem;text-decoration:none;cursor:pointer;outline:0;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s}.btn:hover{color:#fff;background-color:#333}.btn>i{position:relative;top:3px;margin-left:10px;font-size:2rem}.btn-success{background-color:#41a62a}.btn-secondary{background-color:#333}.btn-secondary:hover{background-color:#ee7202}fieldset{padding:0;border:0}label{cursor:pointer;font-size:1.6rem;transition:color .3s}label:hover{color:#333}.form-control{padding:7px 10px;width:100%;min-width:296px;border:1px solid #9c9c9c;font-family:Overpass,Arial,Helvetica,sans-serif;line-height:1.5;font-size:1.5rem;color:#333;box-shadow:none;background-color:#fff;border-radius:0;outline:0}select.form-control{padding:10px}textarea{height:150px}.label-custom{position:relative;margin-top:5px}.label-custom label{position:absolute;left:9px;top:-12px;z-index:100;display:block;padding:2px 5px 0;background-color:#fff;font-size:1.2rem}.check-mdp{position:relative}.check-mdp .mdp-show{position:absolute;right:10px;top:10px}.checkbox-custom input{display:none}.checkbox-custom .checkmark{display:inline-block;position:relative;top:-2px}.checkbox-custom .checkmark:before{content:"\e90c";display:inline-block;font-family:mypf,sans-serif;font-size:2.2rem;vertical-align:middle}.checkbox-custom input:checked~.checkmark:before{content:"\e903"}.checkbox-custom input:checked~span{color:#ee7202}.checkbox-multi{display:flex;width:100%}.checkbox-multi>.field{display:flex;align-items:center;justify-content:center;border:1px solid #333;background-color:#fff;transition:color .3s}.checkbox-multi>.field:first-child{border-radius:5px 0 0 5px}.checkbox-multi>.field:last-child{border-radius:0 5px 5px 0}.checkbox-multi>.field+.field{border-left:0}.checkbox-multi label{display:block;padding:8px;text-align:center;color:#333}.checkbox-multi>.active,.checkbox-multi>.field:hover,.checkbox-multi input:checked~label{color:#ee7202}.checkbox-multi input{display:none}.checkbox-multi-sm>.field{width:33%}.form-required input:valid{border:1px solid #41a62a}.form-required .label-custom .field-invalid,.form-required [required]:invalid{border:1px solid #d61126}.msg-error{margin:20px 0 10px;color:#d61126}.msg-success{margin:20px 0 10px;color:#41a62a}.message{position:relative;max-width:1000px;padding:15px;margin-bottom:35px;border:1px solid #333;background-color:#fff}.message-arrow{bottom:-15px;left:135px;border-top:15px solid #333}.message-arrow,.message-arrow:after{width:0;height:0;position:absolute;z-index:4;border-left:15px solid transparent;border-right:15px solid transparent}.message-arrow:after{content:"";bottom:2px;left:-15px;border-top:15px solid #fff}.hide{display:none}.show{display:block}.m-t{margin-top:20px}.m-t-big{margin-top:30px}.flex-row{display:flex;justify-content:space-between}.modal{display:none;position:fixed;z-index:100000;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.7)}.modal-content{background-color:#fefefe;margin:auto;padding:20px;min-height:200px;width:60%}.modal-tuto .modal-content{height:90%;width:60%}.btn-modal-close{color:#000;float:right;line-height:1;font-size:28px;font-weight:700;cursor:pointer}.close:focus,.close:hover{color:#000;text-decoration:none}@media screen and (min-width:992px){.flex-row-desktop{display:flex;justify-content:space-between}}@media screen and (min-width:768px){.flex-row-tablet{display:flex;flex-wrap:wrap}.label-custom:first-child{margin-right:15px}}@media screen and (max-width:767px){.h1,h1{font-size:2rem}.h2,h2{font-size:1.8rem}.h3,h3{font-size:1.6rem}.label-custom{margin:30px auto 0}.text-center-mobile{text-align:center}.modal{padding-top:0}.modal-content,.modal-tuto .modal-content{width:100%;height:100vh}.message-arrow{left:calc(50% - 15px)}.button-content{text-align:center}}@media screen and (min-width:768px){.btn,.form-control,.label-custom,.mt-socialmedia,.separator{max-width:360px}}.separator{display:flex;align-items:center;min-width:296px;margin-top:1rem}.separator .line{height:1px;flex:2;background-color:#818078}.separator span{padding:0 1rem}.fa{padding:15px;font-size:30px;width:50px;text-align:center;text-decoration:none;margin:5px 2px}.fa:hover{opacity:.7}.fa-facebook{background:#3b5998;color:#fff}.fa-google{background:#dd4b39;color:#fff}.mt-socialmedia{margin-top:5px;min-width:296px;text-align:center}.wrapper-site{display:flex;justify-content:space-between;flex-wrap:wrap}.w-100{width:100%!important}.main-site{flex:1}.header{display:flex;align-items:center;justify-content:space-between;position:fixed;left:0;top:0;z-index:1000;width:calc(100% - 500px);padding:15px 20px;font-family:Oswald,Arial,Helvetica,sans-serif;font-size:1.6rem;font-weight:300;color:#fff;background-color:#333}.header .header-logo{display:block;width:200px;height:57px}html[lang=fr] .header .header-logo{background:url(/build/images/logo-mypetitfute-fr.e2b9910f.svg) no-repeat}html[lang=es] .header .header-logo{background:url(/build/images/logo-mypetitfute-es.94779d80.svg) no-repeat}html[lang=en] .header .header-logo{background:url(/build/images/logo-mypetitfute-en.27efc16e.svg) no-repeat}html[lang=de] .header .header-logo{background:url(/build/images/logo-mypetitfute-de.df4a3c4c.svg) no-repeat}html[lang=zh] .header .header-logo{background:url(/build/images/logo-mypetitfute-zh.66d62134.svg) no-repeat}.header .nav-lang,.header .nav-menu{display:flex;list-style:none;flex-wrap:wrap;flex:1}.header .nav-lang{margin-right:15px}.header .nav-menu div,.header a{display:block;padding:5px;color:#fff;text-decoration:none;cursor:pointer;transition:all .3s}.header .active,.header .nav-menu div:hover,.header a:hover{color:#ee7202}.header .active>img,.header a:hover>img{border:1px solid #ee7202}.header a>img{border-radius:50%;vertical-align:top;transition:all .3s}.header ul>li{margin-left:15px}.header ul>li:first-child{margin-left:0}.nav-menu:not(.is-logged) .is-log{display:none}.is-logged .btn-unlog{display:block}.is-logged .btn-login{display:none}.main-content{padding:110px 20px 40px}.main-content .btn{min-width:296px}.sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:15px 20px;width:500px;color:#fff;background-color:rgba(0,0,0,.75)}.sidebar-title{margin-bottom:20px;font:500 5rem/1.5 Oswald,Arial,Helvetica,sans-serif;color:#000}.footer{display:block;align-items:baseline;justify-content:space-between;font:300 1.4rem/1.5 Oswald,Arial,Helvetica,sans-serif}.footer-nav{list-style:none}.footer-nav>li{display:inline-block}.footer-nav .lien-footer{display:inline-block;margin:0 6px;color:#fff;cursor:pointer}.footer-nav .lien-footer:hover{color:#ee7202}.footer-nav li:first-child>.lien-footer{margin-left:0}.footer-nav li:last-child>.lien-footer{margin-right:0}.footer .copyright{font-size:1.1rem}.carousel-content{width:100%;margin-bottom:30px}.carousel-content #carousel{position:relative}#carousel>div{position:absolute;left:0;top:0;max-width:459px;width:100%;overflow:hidden;opacity:0;transition:opacity .5s}#carousel>div>img{max-width:100%;height:auto}#carousel #slide1{opacity:1}#carousel>.active{opacity:1;position:relative}.carousel-dot,.carousel-dot>.dot{display:flex;justify-content:center}.carousel-dot>.dot{align-items:center;margin:15px 5px 0;width:27px;height:27px;border-radius:50%;border:2px solid #333;cursor:pointer}.carousel-dot>.dot:before{content:"";display:block;width:19px;height:19px;border-radius:50%;background-color:#333}.carousel-dot>.active{border-color:#ee7202}.carousel-dot>.active:before{background-color:#ee7202}.backoffice .header{width:100%}@media screen and (max-width:1365px){.header{width:calc(100% - 410px)}.header ul>li{margin-left:10px}.sidebar{width:410px}.sidebar-title{font-size:4rem}.tutorial-info>a>img{max-width:100%}}@media screen and (max-width:991px){.header{width:100%}.wrapper-site{flex-direction:column}.sidebar{width:100%}.burger-menu{width:30px;height:24px;border:0;margin-left:30px;position:relative;outline:0;cursor:pointer;background-color:#333}.burger-menu:after,.burger-menu:before,.burger-menu span{position:absolute;left:0;display:block;width:100%;height:4px;overflow:hidden;background-color:#fff;transition:all .3s}.burger-menu span{top:50%;transform:translateY(-50%);text-indent:-999px}.burger-menu:before{content:"";top:0}.burger-menu:after{content:"";bottom:0}.burger-opened:before{transform:rotate(45deg);top:10px}.burger-opened:after{transform:rotate(-45deg);bottom:10px}.burger-opened span{opacity:0}.header .menu-header,.header .nav-lang{display:none;position:absolute;top:35px;right:-50px;width:180px;border:1px solid #ddd;border-radius:5px;background-color:#fff}.header .menu-header-opened{display:block;right:15px;top:70px}.header .menu-header-opened li{border-top:1px solid #ddd;margin-left:0}.header .menu-header-opened li:first-child{border-top:0}.header .menu-header-opened .nav-menu{flex-direction:column}.header .nav-menu div,.header a{color:#333}.header .lang-choice{position:relative;display:flex;align-items:center}.header #btn-lang{position:relative;display:flex;cursor:pointer}.header #btn-lang>img{border:1px solid #ee7202;border-radius:50%}.header #btn-lang:after{content:"\e909";display:block;margin-left:3px;font-family:mypf,sans-serif;transition:all .3s}.header .nav-lang li{margin-left:0;border-top:1px solid #ddd}.header .nav-lang li:first-child{border-top:0}.header .nav-lang a{color:#333}.header .opened .nav-lang{display:block;margin-right:0}.header .opened #btn-lang:after{transform:rotate(180deg)}}@media screen and (min-width:768px){.backoffice .wrapper-site{background:none}.backoffice .main-content{padding-bottom:0}.backoffice .backoffice-footer{width:100%;height:150px}.backoffice .backoffice-footer,.wrapper-site{background:url(/build/images/frise.a1bb3f88.svg) no-repeat 0 bottom}.tutorial-mobile{display:none}.footer{padding-top:80px;justify-content:flex-end}}@media screen and (min-width:992px){.main-content{padding-bottom:150px}.backoffice .backoffice-footer{height:200px}#btn-lang,.burger-menu,.nav-menu .item-visible{display:none}}@media screen and (min-width:1366px){.main-content{padding-bottom:250px}.backoffice .backoffice-footer{height:300px}}@media screen and (min-width:768px) and (max-width:991px){.tutorial-content{display:flex;justify-content:space-between}.tutorial-content .carousel-content{margin-right:30px}}@media screen and (max-width:767px){.header .header-logo{width:112px;height:32px}.header .menu-header,.header .nav-lang{position:fixed;top:62px;right:0;width:100%;height:calc(100vh - 60px);border:1px solid #ddd;border-radius:0;overflow-y:auto;background-color:#fff}.main-content{padding:90px 10px 20px}.main-content .h2,.main-content h1{text-align:center}.wrapper-site{background-image:none}.carousel-content{display:none}.sidebar{padding:20px 10px}.sidebar-title{display:none}.tutorial-mobile{margin:0 auto 20px}.footer{justify-content:flex-end}.footer-nav{display:none}}.img-fluid{max-width:100%!important;height:auto!important}