@keyframes backgroundtranslation{0%{ transform:translate3d(-50%,0,0)}50%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}@font-face{font-family:"dusha";src:url("dusha.ttf")}body,html{margin:0;width:100%;height:100%;font-family:'dusha'}body{position:relative}header{position:absolute;top:0;left:0;right:0;height:70px;background-color:#fff;color:#eb262c;display:flex;flex-direction:column;justify-content:center;align-items:center}header h1{margin:0}header p{margin:0}header a{position:absolute;left:50px;font-size:2em;color:#4b9ee4;text-decoration:none}header input{position:absolute;right:50px;padding:10px;border-radius:50px;background-color:#eb262c;font-size:1.2em;font-family:'dusha';border:0;cursor:pointer;color:#fff;margin:auto;display:table}#background{width:100%;height:100%;overflow:hidden;margin:0}#background>div{width:200%;margin:auto;height:100%;background-image:url("../img/bg.jpg");background-size:auto 100%;background-position:center;animation:backgroundtranslation 100s infinite}#contenu{position:absolute;top:70px;left:0;right:0;bottom:70px;overflow-y:auto}#contenu>div{width:100%;height:100%;overflow:auto}footer{position:absolute;color:#fff;font-size:1.5em;display:flex;justify-content:space-around;align-items:center;bottom:0;left:0;right:0;height:70px;background-color:#326295}footer input{background-color:#4b9ee4;border:0;padding:5px 15px;border-radius:50px;color:#fff;font-size:1.3em;font-family:'dusha'}#demarrage{display:flex;justify-content:center;align-items:center;flex-direction:column}#demarrage input{background-color:#eb262c;color:#fff;font-family:'dusha';border-radius:50px;padding:20px;cursor:pointer;border:0;font-size:3em;margin:20px}#demarrage #readMe{background-color:#326295;font-size:2em}#readMeContenu{font-size:2em;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}#readMeContenu a{text-decoration:none;color:#4b9ee4}#readMeContenu>div{height:100%}#continent{display:flex;justify-content:center;align-items:center}#continent ul{display:flex;justify-content:space-around;flex-wrap:wrap;margin:0;padding:0;list-style:none}#continent ul li{color:#4b9ee4;font-size:2em;padding:10px;transition:.3s background-color}#continent ul li:hover{background-color:rgba(200,200,200,.5);cursor:pointer}#continent ul img{width:200px;height:200px}#continent .bouttonContinent{display:flex;flex-direction:column;justify-content:center;text-align:center;margin:20px}#pays{position:relative;display:flex;justify-content:center;align-items:center}#pays ul{height:100%;display:flex;justify-content:space-around;flex-wrap:wrap;margin:0;padding:0;list-style:none}#pays ul li{color:#4b9ee4;width:140px;font-size:2em;padding:10px;transition:.3s background-color}#pays ul li:hover{background-color:rgba(200,200,200,.5);cursor:pointer}#pays .bouttonPays{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:20px}#pays .bouttonPays img{width:120px;height:auto}#info{display:flex;justify-content:center;align-items:center}#info #infoPays{height:100%}#info #infoPays h1{text-align:center}#info #infoPays ul{list-style:none;padding:0;text-align:center;font-size:1.5em}#info #infoPays ul li{margin:20px}#info #infoPays img{width:200px;height:auto;display:block;margin:auto}#info #infoPays .titreInfo{background-color:#4b9ee4;color:#fff;border-radius:20px;padding:5px}#info #infoPays input{padding:20px;border-radius:50px;background-color:#eb262c;font-size:2em;font-family:'dusha';border:0;cursor:pointer;color:#fff;margin:auto;display:table}#match{display:flex;flex-direction:column;justify-content:center;align-items:center}#match #matchDiv{height:100%}#match p{text-align:center;font-size:2em}#canvasMatch{background-image:url("../img/stade-01.svg")}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */