:root {
  --principale:#BB162B;
  --secondaire:#095EA1;
  --bg:#095EA1;
  --girl:#DB6275;
  --girl2:#EBBCB2;
  --boy:#5384FA;
  --boy2:#73BAF2;
  --textColor:#095EA1;
  --elementsColor:#ECC627;
}
*{-webkit-tap-highlight-color:transparent}
*::-webkit-scrollbar{display:none}
.animated{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@keyframes bump{0%{transform:scaleX(1)}
20%{transform:scale3d(.8,1.2,1)}
40%{transform:scale3d(1.2,.8,1)}
60%{transform:scale3d(.8,1.2,1)}
80%{transform:scale3d(.8,1.2,1)}
to{transform:scaleX(1)}
}
@keyframes cube{from{transform:scale(0) rotate(0deg) translate(-50%, -50%);opacity:1}
to{transform:scale(20) rotate(960deg) translate(-50%, -50%);opacity:0}
}
@keyframes spin{100%{transform:rotate(360deg)}}
@keyframes showMenu{0%{display:block;width:0%}
10%{width:90%}
}
@keyframes gameborder{
25%{border-bottom-color:#A9162F}
50%{border-right-color:#A9162F}
75%{border-top-color:#A9162F}
100%{border-left-color:#A9162F}
}
@keyframes tetra9{0%{background-image:url(../img/tetra9.png)}
20%{background-image:url(../img/tetra9-h.png)}
30%{background-image:url(../img/tetra9.png)}
to{background-image:url(../img/tetra9-h.png)}
}
@keyframes rotate{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
#cookieBanner{position:fixed;bottom:0;left:0;width:100%;background-color:#313131;color:white;padding:15px;text-align:center;z-index:999999}
#cookieBanner button{background:var(--principale);color:white;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-top:10px;cursor:pointer}
#cookieBanner button:hover{background:var(--secondaire)}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
html,body{height:100%;user-select:none}
body{margin:0px;font-family:'Exo 2', sans-serif;font-size:16px;color:#676767;background:url(../img/bg-fresque.jpg);display:flex;align-items:center;justify-content:center;background-attachment:fixed}
body#salon{background:#095EA1 url(../img/bg-touti-250.jpg)}
body#salon:before{position:fixed;top:0px;left:0px;bottom:0px;right:0px;content:'';background: rgb(86,125,192);background:linear-gradient(to bottom, rgb(86,125,192) 0%, black 100%);mix-blend-mode:multiply;opacity:.8}
body#salon:after{position:fixed;top:0px;left:0px;bottom:0px;right:0px;content:'';background: rgb(86,125,192);background:linear-gradient(to bottom right, rgb(86,125,192) 0%, black 100%);mix-blend-mode:multiply;opacity:.7;z-index:-1}
#salon{background:var(--secondaire) url(../img/bg-salon.jpg) no-repeat center;background-size:cover}
a{color:var(--principale)}
#offline-content{display:none}
#loading-page,#offline-content{position:fixed;background:rgb(86,125,192) url(../img/bg-fresque.jpg);top:0px;bottom:0px;left:0px;right:0px;box-sizing:border-box;z-index:1000;color:black;text-align:center}
#loading-page:before,#offline-content:before{position:fixed;top:0px;left:0px;bottom:0px;right:0px;content:'';background:rgb(86,125,192);background:linear-gradient(to bottom, rgb(86,125,192) 0%, black 100%);mix-blend-mode:multiply;opacity:.8}
#loading-page:after,#offline-content:after{position:fixed;top:0px;left:0px;bottom:0px;right:0px;content:'';background:rgb(86,125,192);background:linear-gradient(to bottom right, rgb(86,125,192) 0%, black 100%);mix-blend-mode:multiply;opacity:.7;z-index:-1}
#loading-page .logo,#offline-content .logo{position:absolute;background:url(../img/logo-touti-teutz.png) no-repeat center;background-size:contain;width:40%;height:40%;top:30%;left:30%;z-index:2;animation:bump 1.5s infinite}
#loading-page .text,#offline-content .text{position:absolute;bottom:50px;left:0px;right:0px;color:white}
#loading-page .text div,#offline-content .text div{color:white;font-weight:bold;padding-top:20px}
#friend{display:none;position:fixed;background:white;right:10px;top:10px;padding:10px;border-radius:5px;z-index:1000;min-width:200px;text-align:center}
#friend h3{font-size:16px;font-weight:600}
#friend h3 div{font-size:14px;font-weight:300}
#friend .points{font-size:14px;font-weight:bold;padding-top:10px;padding-bottom:10px}
#friend .btn_friend{display:block;color:white;background:var(--principale);color:white;border-radius:3px;padding:10px;font-size:12px;margin-top:10px;font-weight:600;cursor:pointer}
#friend .btn_friend.add_friend{background:green}
#game{z-index:0;transition:.08s ease all;width:0px;height:0px;opacity:0;position:fixed}
.cube{position:absolute;width:10px;height:10px;top:80vh;left:45vw;border:solid 1px white;transform-origin:top left;transform:scale(0) rotate(0deg) translate(-50%, -50%);animation:cube 8s ease-in forwards infinite}
.cube:nth-child(2n){border-color:#F9BD33}
.cube:nth-child(3n){border-color:var(--principale)}
.cube:nth-child(2){border-color:#3B5998;animation-delay:.5s;left:25vw;top:40vh}
.cube:nth-child(3){animation-delay:1s;left:10vw;top:85vh}
.cube:nth-child(4){animation-delay:0s;left:50vw;top:10vh}
.cube:nth-child(5){animation-delay:1.5s;left:90vw;top:10vh}
.cube:nth-child(6){animation-delay:2s;left:75vw;top:50vh}
h1{clear:both;padding:0px;margin:0px;color:var(--textColor);font-weight:800;font-size:34px;width:auto;padding-left:10px;padding-right:10px}
#ranking h1,h2,h3{clear:both;padding:0px;margin:0px;background:var(--secondaire);font-weight:800;font-size:26px;color:white;text-align:center;line-height:30px;font-weight:bold;padding:15px}
input, select, textarea{font-family:'Exo 2', sans-serif}
br{clear:both}
select,input,textarea{font-family:inherit;font-size:inherit}
option{font-family:inherit;font-size:inherit}
select{appearance:none;background:url(../img/arrow-down.png) no-repeat 20px 50%}
.alignCenter{text-align:center}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.bg-click{display:none;position:fixed;z-index:200;width:100%;height:100%;background:rgba(0,0,0,0.2);cursor:pointer}
.popin-container{position:absolute;width:90%;max-height:90%;max-width:580px;display:none;z-index:100;box-sizing:border-box;border:5px solid var(--elementsColor);border-radius:5px;z-index:201}
#popin-infos{height:100%;max-height:calc(100% - 140px);background:var(--principale);z-index:200}
#popin-infos .container{position:absolute;top:0px;bottom:0px;left:0px;right:0px;overflow:hidden;overflow-y:auto;scrollbar-width:none;padding-top:65px;z-index:-1}
.popin-double{width:50%;left:25%}
.popin-container .error{display:none;color:red;font-weight:bold;padding:10px}
.popin-container .success{display:none;color:green;font-weight:bold;padding:10px}
.open-popin-login,.open-popin-lost-password,.open-popin-inscription{cursor:pointer}
.popin-li{background:white url(../img/bg-fresque.jpg);margin:auto;width:100%;padding:10px;box-sizing:border-box;padding-bottom:30px;text-align:center;display:none}
.popin-li a{color:#676767;text-decoration:none}
.popin-li a.open-popin-lost-password{display:block;text-align:right;margin-top:5px}
.popin-li p{font-size:11px;margin-top:30px}
.popin-li .close-popin{position:absolute;top:-20px;right:-20px;background:url(../img/btn-close.png) no-repeat center;background-size:contain;margin:auto;width:40px;height:40px;z-index:10}
.popin-li .popin-content{width:95%;margin:auto;max-width:1024px;padding-top:15px}
#profil-validate,#profil-mdp-validate{display:inline-block;margin:auto;margin-top:20px;line-height:30px}
#accroche-profil .largeur{max-width:700px;background:var(--principale)}
#accroche-profil{padding-bottom:30px}
#accroche-profil .largeur{margin-top:70px;margin-bottom:30px;border:5px solid white;border-radius:5px}
#popin-infos h1,#accroche-profil h1{color:white;text-align:center;padding-bottom:10px;background:none}
#popin-infos h2,#accroche-profil h2{color:white;text-align:center;padding-bottom:10px;font-size:20px;background:none}
#popin-infos h3,#accroche-profil h3{color:white;text-align:center;padding-bottom:10px;font-size:15px;background:none}
#popin-shop{top:70px;bottom:0px;left:0px;right:0px;background:url(../img/bg-fresque.jpg);background-attachment:fixed;border:0px;border-radius:0px;width:auto;max-width:none;height:auto;max-height:none;z-index:199;overflow:hidden;overflow-y:auto}
#popin-shop-buy{top:auto;bottom:auto;left:auto;right:auto;background:white;color:var(--secondaire);width:95%;max-width:none;height:auto;max-height:none;padding:0px;border:0px;max-width:480px;text-align:center;padding:15px;border:5px solid var(--principale);border-radius:5px}
#popin-shop-buy .validate{width:50px;height:50px;margin:auto;margin-top:20px;background:url(../img/shop/ok.png) no-repeat top;background-size:100%;cursor:pointer;clear:both}
#popin-shop-buy .validate:hover{background-position:bottom}
#popin-classement{top:70px;right:0px;z-index:2;background:rgb(240,245,250);left:200px;width:auto;max-width:none;border:0px;bottom:50px;border-radius:0px}
#popin-avatar{background:white;border:3px solid var(--principale);left:auto;width:95%;max-width:500px;top:auto;height:80%;overflow:initial;z-index:200}
#popin-avatar .row{position:absolute;top:50px;bottom:10px;left:20px;right:20px;overflow:hidden;overflow-y:auto;scrollbar-width:none}
.input-material{position:relative;box-sizing:border-box;margin-top:15px}
.input-material input[type=text],.input-material input[type=password],.input-material input[type=email],.input-material textarea{display:block;border:1px solid #ECECEC;background:none;font-family:inherit;font-size:18px;font-weight:bold;color:var(--principale);width:100%;height:55px;padding:5px;padding-top:10px;box-sizing:border-box;resize:none;border-radius:3px;background:white}
.input-material input.date{background:url(../../img/date.png) no-repeat right;background-position:right 10px center}
.input-material textarea{height:70px;padding-top:15px}
.input-material input:focus,.input-material textarea:focus{outline:none}
.input-material label{position:absolute;left:5px;top:10px;line-height:35px;font-size:15px;font-weight:bold;transition:0.2s ease all}
.input-material input:focus ~ label,.input-material textarea:focus ~ label{top:5px;line-height:10px;font-size:10px;font-weight:normal}
.input-material input:focus,.input-material textarea:focus{border:1px solid var(--principale)}
.input-material input:valid ~ label,.input-material textarea:valid ~ label{top:5px;line-height:10px;font-size:10px;font-weight:normal}
.input-material input:disabled,.input-material textarea:disabled{background:#ECECEC}
.input-material input:disabled ~ label,.input-material textarea:disabled ~ label{top:5px;line-height:10px;font-size:10px;font-weight:normal}
.input-material label.required:after{position:absolute;content:"*";color:red;font-weight:bold}
.select2-container.required .select2-chosen:after{position:absolute;content:"*";color:red;font-weight:bold}
.choose{line-height:30px;height:30px;text-align:center;float:left;margin-top:10px;position:relative;border:1px solid #ECECEC;border-radius:10px;cursor:pointer;padding-left:10px;padding-right:10px;width:100%;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap}
.choose.genders{max-width:60px;line-height:50px;height:50px;margin-left:5px;margin-right:5px;margin-top:15px}
.choose.genders:first-child{margin-left:0px}
.choose.genders:last-child{margin-right:0px}
.choose.gender{max-width:60px;line-height:50px;height:50px;margin-left:5px;margin-right:5px;margin-top:15px}
.choose.gender:first-child{margin-left:0px}
.choose.gender:last-child{margin-right:0px}
.choose.active{border:1px solid var(--principale);color:var(--principale)}
.choose:after{display:none;position:absolute;content:'';width:20px;height:20px;background:var(--principale) url(../../img/choose.png) no-repeat center;background-size:8px;border-radius:50%;right:-5px;top:-5px}
.choose.active:after{display:block}
.app_mobile{display:none}
#validate-success{display:none;background:white;border-radius:5px;text-align:center;color:green;line-height:30px;padding-top:10px;padding-bottom:10px;margin-top:20px}
#validate-error{display:none;background:white;border-radius:5px;text-align:center;color:red;line-height:30px;padding-top:10px;padding-bottom:10px;margin-top:20px}
input[type="text"],input[type="email"],input[type="password"],select{background:white;color:#696969;height:50px;padding-left:10px;padding-right:10px;border:1px solid white;border-radius:5px;box-sizing:border-box;font-size:15px;width:100%;margin:auto}
#profil input[type="text"],#profil input[type="email"],#profil input[type="password"],#profil select{border:1px solid var(--principale)}
.popin-li .popin-btn{display:block;color:white;background:var(--principale);cursor:pointer;width:100%;box-sizing:border-box;line-height:50px;font-size:15px;padding:0px;border-radius:3px;text-decoration:none;margin-top:15px}
.popin-li .popin-btn:hover{background-color:var(--secondaire);box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}
.popin-li .errorInput{border:2px solid red !important}
.popin-li h3{background:none;color:var(--secondaire);font-size:35px;text-align:center;margin:auto;margin-bottom:20px;max-width:80%}
.popin-li .ou{text-align:center;overflow:hidden;margin-top:30px;margin-bottom:20px;text-transform:uppercase}
.popin-li .ou:before,.popin-li .ou:after{display:inline-block;content:'';width:25%;border-top:1px solid #676767;padding-bottom:5px}
.popin-li .ou:before{margin-left:0px;margin-right:10px}
.popin-li .ou:after{margin-right:0px;margin-left:10px}
audio{display:none}
.popin-fb{background:#3B5998 url(../img/social/facebook.png) no-repeat left;background-position:left 10px center;background-size:30px;display:block;text-align:left;cursor:pointer;color:white;box-sizing:border-box;border-radius:5px;font-weight:bold;font-size:13px;border:0;margin:auto;margin-top:15px;padding:15px 20px;padding-left:40px}
.popin-gm{background:#C71610 url(../img/social/google.png) no-repeat left;background-position:left 10px center;background-size:30px;display:block;text-align:left;cursor:pointer;color:white;box-sizing:border-box;border-radius:5px;font-weight:bold;font-size:13px;border:0;margin:auto;margin-top:15px;padding:15px 20px;padding-left:50px}
#body-login{background:url(../img/bg-login.jpg) no-repeat;background-size:cover;height:100%;background-attachment:bottom;overflow:hidden}
#body-register{background:url(../img/bg-register.jpg) no-repeat;background-size:cover;height:100%;background-attachment:bottom;overflow:hidden}
footer{position:fixed;z-index:25;bottom:0px;left:0px;right:0px;height:50px;box-sizing:border-box;padding-left:210px}
footer .link,footer .link-classement,footer .quicktour{float:right;position:relative;margin-right:10px;width:40px;height:40px;margin-top:5px;background:url(../img/r/icon-crown.png) no-repeat top;background-size:100%;cursor:pointer}
footer.active .quicktour{margin-right:90px}
footer .quicktour{background-image:url(../img/qst.png);transition:.2s}
footer.active .link-classement{background-position:bottom}
footer .link:hover,footer .link-classement:hover,footer .quicktour:hover{background-position:bottom}
footer .link-classement:before{position:absolute;content:'';background:rgb(240,245,250);border-radius:50%;width:0px;height:0px;top:-65px;right:-100px;transition:.2s;z-index:-1}
footer.active .link-classement:before{width:200px;height:200px}
footer .otherlinks{float:right;transition:.5s}
footer.active .otherlinks{margin-right:80px}
footer .link-classement a{display:none}
footer .link-classement a,footer .link-classement div{position:absolute;width:0px;height:0px;top:16px;right:16px;transition:.5s}
footer .link-classement a,footer .link-classement div:before{position:absolute;content:'';top:0px;left:0px;right:0px;bottom:0px;background:url(../img/r/icon-medal.png) no-repeat top;background-size:100%}
footer .link-classement a:hover,footer .link-classement div:hover:before{background-position:bottom;transition:none}
footer.active .link-classement a,footer.active .link-classement div{width:40px;height:40px;top:auto;right:auto;cursor:pointer}
footer.active .link-classement #global_rank,footer.active .link-classement .global_rank{top:-80px}
footer.active .link-classement #top100month,footer.active .link-classement .top100month{top:-65px;right:35px}
footer.active .link-classement #top10yesterday,footer.active .link-classement .top10yesterday{top:-35px;right:60px}
footer.active .link-classement #top10day,footer.active .link-classement .top10day{left:-80px}
footer.active .link-classement #global_rank,footer.active .link-classement .global_rank:before{background-image:url(../img/r/icon-cup.png)}
footer.active .link-classement #top100month,footer.active .link-classement .top100month:before{background-image:url(../img/r/icon-medal.png)}
footer.active .link-classement #top10yesterday,footer.active .link-classement .top10yesterday:before{background-image:url(../img/r/icon-cesar.png)}
footer.active .link-classement #top10day,footer.active .link-classement .top10day:before{background-image:url(../img/r/icon-star.png)}
header{position:fixed;z-index:25;top:0px;left:0px;right:0px;height:80px;box-sizing:border-box}
.is_connected header{height:70px}
header #logo{display:block;background:url(../img/logo-touti-teutz.png) no-repeat left;width:50%;margin-top:5px;margin-left:10px;height:60px;background-size:contain;max-width:115px}
header #menu-subscribe{position:absolute;top:20px;right:70px}
header #close-responsive{display:none;position:fixed;z-index:11;background:url(../img/close.png) no-repeat right;background-size:contain;width:28px;top:10px;right:20px;height:70px;cursor:pointer;scrollbar-width:none}
#splash{position:fixed;text-align:center;font-size:15px;line-height:22px;margin:auto;background:white;z-index:30;box-sizing:border-box;overflow:hidden;overflow-y:auto;scrollbar-width:none;top:0px;bottom:0px;left:0px;right:0px;}
#accroche,#rules,#cgu,#faq{position:absolute;text-align:center;font-size:15px;line-height:22px;margin:auto;background:white;z-index:30;padding:10px;box-sizing:border-box;overflow:hidden;overflow-y:auto;scrollbar-width:none;top:0px;bottom:0px;left:0px;right:0px;}
#accroche{top:70px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#rules,#cgu{padding-top:20px;padding-bottom:30px;font-size:16px;}

#accroche-profil{height:100%;height:calc(100% - 40px);overflow:hidden;overflow-y:auto;scrollbar-width:none}
#splash .close,#accroche .close,#rules .close,#cgu .close,#faq .close{position:absolute;right:15px;top:15px;width:50px;height:50px;color:var(--principale);background:url(../img/btn-close.png) no-repeat center;background-size:contain;cursor:pointer;z-index:10000}
.popin-container .close,.popin-container .close-shop{position:absolute;right:-25px;top:-25px;width:50px;height:50px;color:var(--principale);background:url(../img/btn-close.png) no-repeat center;background-size:contain;cursor:pointer;z-index:5}
#accroche h1,#rules h1,#cgu h1,#faq h1{font-size:35px;line-height:50px;color:var(--principale)}
#accroche h2,#rules h2,#cgu h2,#faq h2{background:none;color:#676767;font-size:25px;line-height:30px}
#rules h3,#cgu h3,#faq h3{color:#676767}
.accroche{position:relative;max-width:960px;text-align:center;font-size:40px;margin:auto}
.accroche.picto:after{position:absolute;content:'';width:180px;max-width:50%;height:210px;bottom:0px;right:-60px;background:url(../img/bg-header.png) no-repeat bottom right;background-size:contain;background-position:bottom -50px right}
#yt{position:absolute;top:-20px;bottom:-20px;left:50%;right:-10px;cursor:pointer}
#yt #yt-image{position:absolute;content:'';top:0px;bottom:0px;right:0px;left:0px;background:url(../img/yt/million-chat.png) no-repeat right;background-size:contain}
#yt #youtubeEmbed{position:absolute;width:100%;height:100%;width:calc(100% - 30px);height:calc(100% - 45px);left:0px;margin-top:25px}
.playstore{display:block;width:120px;height:35px;background:url(../img/playstore.png) no-repeat center;background-size:contain;margin:auto;margin-top:10px}
.show-my-infos{cursor:pointer}
#my-avatar-container .changeAvatar{position:absolute;top:0px;right:5px;width:32px;height:32px;border-radius:50%;background:var(--principale) url(../img/photo.png) no-repeat center;background-size:60%;cursor:pointer;z-index:2;box-shadow:1px 1px 10px 0px rgba(0,0,0,0.4)}
#my-avatar-container .edit{position:absolute;bottom:0px;right:5px;width:32px;height:32px;border-radius:50%;background:var(--principale) url(../img/edit.png) no-repeat center;background-size:60%;cursor:pointer;z-index:2;box-shadow:1px 1px 10px 0px rgba(0,0,0,0.4)}
#my-avatar-container .editProfile{cursor:pointer}
#my-avatar-container{position:relative;width:120px;height:120px;margin:auto;margin-bottom:5px;margin-top:-60px}
header #my-avatar-container{position:absolute;width:50px;height:50px;left:10px;top:10px;margin:0px}
#my-avatar-container:before{position:absolute;content:'';bottom:0px;left:0px;right:0px;top:0px;background:var(--boy);background:linear-gradient(to right, var(--boy), var(--boy2));border-radius:50%;box-shadow:1px 1px 10px 0px rgba(0,0,0,0.4);animation:spin 4s linear infinite}
#my-avatar-container.woman:before{background:var(--girl);background:linear-gradient(to right, var(--girl), var(--girl2))}
#my-avatar-container .my-avatar{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:url(../img/boy.png) no-repeat center;background-size:contain;border-radius:50%}
#my-avatar-container .my-level{position:absolute;bottom:-12px;left:0px;right:0px;background:url(../img/level/level-1.png) no-repeat center;background-size:contain;height:38px}
header #my-avatar-container .my-level{bottom:-8px;height:24px}
#my-avatar-container .my-level.my-level-2{background-image:url(../img/level/level-2.png)}
#my-avatar-container .my-level.my-level-3{background-image:url(../img/level/level-3.png)}
#my-avatar-container .my-level.my-level-4{background-image:url(../img/level/level-4.png)}
#my-avatar-container .my-level.my-level-5{background-image:url(../img/level/level-5.png)}
#my-avatar-container .my-level.my-level-6{background-image:url(../img/level/level-6.png)}
#coins_container{position:absolute;top:13px;left:65px;right:130px;max-width:120px}
#coins_container .coins,#coins_container .gems,#coins_container .jokers{position:relative;float:left;background:white;font-size:10px;font-weight:bold;color:black;border-top-right-radius:8px;border-bottom-right-radius:8px;line-height:12px;margin-left:14px;padding-left:10px;padding-right:6px;margin-top:7px;cursor:pointer}
#coins_container .coins:before,#coins_container .gems:before,#coins_container .jokers:before{position:absolute;content:'';top:-3px;bottom:-3px;left:-9px;width:18px;background:url(../img/coin.png) no-repeat center;background-size:contain;transform:rotate(-10deg)}
#coins_container .gems:before{background-image:url(../img/gem.png)}
#coins_container .jokers:before{background-image:url(../img/joker.png)}
.menu-friends{width:100%;cursor:pointer}
.menu-friends h2,.menu-friends h3{background:#313131;color:white}
.menu-friends:hover h2, .menu-friends:hover h3,.menu-friends.active h2, .menu-friends.active h3{background:var(--principale)}
.show-friends{display:none;max-width:600px;margin:auto}
.show-friends.active{display:block}
.show-friends .avatars{text-align:center;margin-top:15px}
.show-friends .show_user{display:inline-block;margin-top:20px;margin-left:5px;margin-right:5px;width:100px;cursor:pointer}
.show-friends .avatar{position:relative;margin:auto;width:60px;height:60px}
.show-friends .avatar .pic{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:url(../img/boy.png) no-repeat center;background-size:contain;border-radius:50%}
.show-friends .avatar:before{position:absolute;content:'';bottom:0px;left:0px;right:0px;top:0px;background:var(--boy);background:linear-gradient(to right, var(--boy), var(--boy2));border-radius:50%;box-shadow:1px 1px 10px 0px rgba(0,0,0,0.4)}
.show-friends .show_user.woman .avatar:before{background:var(--girl);background:linear-gradient(to right, var(--girl), var(--girl2))}
.show-friends .friend{display:block;overflow:hidden;background:white;line-height:20px;margin-top:-30px;padding-top:32px;padding-bottom:2px;color:var(--secondaire);border-radius:3px;border:3px solid var(--secondaire)}
.show-friends .woman .friend{border:3px solid var(--principale)}
.show-friends .nickname{height:20px;overflow:hidden;text-overflow:ellipsis;font-size:14px;margin-left:5px;margin-right:5px}
.show-friends .salle{position:relative;background:url(../img/btn-play.png) no-repeat bottom;background-size:100%;border-radius:5px;height:32px;padding:0px;margin:auto;width:32px}
.show-friends .salle:hover{background-position:top}
.show-friends .salle.Pro:before{position:absolute;content:'';width:16px;height:16px;background:url(../img/pro.png) no-repeat;background-size:contain;right:-6px;bottom:-6px}
.show-friends .friend-level{position:absolute;bottom:-8px;left:0px;right:0px;background:url(../img/level/level-1.png) no-repeat center;background-size:contain;height:16px}
.show-friends .friend-level.friend-level-2{background-image:url(../img/level/level-2.png)}
.show-friends .friend-level.friend-level-3{background-image:url(../img/level/level-3.png)}
.show-friends .friend-level.friend-level-4{background-image:url(../img/level/level-4.png)}
.show-friends .friend-level.friend-level-5{background-image:url(../img/level/level-5.png)}
.show-friends .friend-level.friend-level-6{background-image:url(../img/level/level-6.png)}
.flex-container{display:flex;flex-wrap:nowrap}
.content-block-padding{padding-left:60px;padding-right:60px}
.picto-inscription-left{position:absolute;z-index:2;background-image:url(../img/bg-inscription-right.png);width:395px;height:179px;margin-top:-100px}
.picto-inscription-right{left:0px;position:absolute;z-index:2;background-image:url(../img/bg-inscription-left.png);width:354px;height:182px;margin-top:-111px}
.signInput{background:transparent;width:220px;color:white;border-radius:14px;border:1px solid white;padding:5px;margin:auto}
.enter-btn{background:rgb(130,201,157);color:white;padding-right:10px;padding-left:10px;border-radius:3px;text-decoration:none}
.btn{display:inline-block;margin:auto;padding:5px;padding-left:30px;padding-right:30px;color:white;border-radius:3px;text-decoration:none;background:var(--principale);cursor:pointer}
.btn-login{width:50px;height:50px;position:absolute;top:10px;right:10px;background:url(../img/login.png) no-repeat top;background-size:100%;cursor:pointer}
.btn-login:hover{background-position:bottom}
.btn-inscription{width:50px;height:50px;position:absolute;top:10px;right:60px;background:url(../img/signup.png) no-repeat bottom;background-size:100%;cursor:pointer}
.btn-inscription:hover{background-position:top}
.btn-home{position:absolute;top:10px;right:60px;background:url(../img/home.png) no-repeat top;background-size:100%;width:50px;height:50px;cursor:pointer}
.btn-logout{position:absolute;top:10px;right:10px;background:url(../img/quit.png) no-repeat bottom;background-size:100%;width:50px;height:50px;}
.btn-home:hover{background-position:bottom}
.btn-logout:hover{background-position:top}
.btn-profil{position:relative;line-height:30px;display:inline-block;color:white;text-decoration:none;cursor:pointer;margin-right:10px}
.btn-profil-responsive{position:relative;line-height:30px;display:inline-block;color:white;text-decoration:none;cursor:pointer;background:url(../img/profil.png) no-repeat center right 10px;box-sizing:border-box;border:1px solid #FAFAFA;border-radius:3px;padding:5px;padding-left:10px;padding-right:46px;margin-top:20px;margin-bottom:20px}
.btn-profil .btn-profil-bg{background:url(../img/profil.png) no-repeat center right 10px;box-sizing:border-box;border:1px solid #FAFAFA;border-radius:3px;padding:5px;padding-left:10px;padding-right:46px}
.btn-profil:hover .btn-profil-bg{color:#843085;background:white url(../img/profil-hover.png) no-repeat center right 10px;border-radius:0px;border-top-left-radius:3px;border-top-right-radius:3px}
.btn-profil .menu-profil{display:none;width:100%;z-index:3;position:absolute;background:white;color:#843085;border-bottom-left-radius:3px;border-bottom-right-radius:3px;right:0px}
.btn-profil .menu-profil a{display:block;background:url(../img/menu-profil-logout.png) no-repeat center right 13px;padding:5px;padding-right:40px;text-decoration:none;color:black}
.btn-profil .menu-profil a:first-child{background:#EDEDED url(../img/menu-profil-members.png) no-repeat center right 12px}
.btn-profil:hover > .menu-profil{display:block}
.profil-name{display:inline-block;height:30px}
.btn-profil-responsive .profil-name{max-width:150px}
.help{float:left;background:url(../img/help.png) no-repeat center;width:27px;height:60px;cursor:pointer}
.help2{float:left;background:url(../img/help.png) no-repeat center;width:27px;height:50px;cursor:pointer}
.btn-inverted{display:inline-block;margin:auto;line-height:50px;padding-left:30px;padding-right:30px;color:white;border-radius:10px;box-sizing:border-box;font-size:17px;text-decoration:none;background:var(--principale);border-bottom:5px solid #DA0E4C;cursor:pointer;box-shadow:0px 5px 1px 3px white;margin-bottom:3px}
.btn-inverted:active{padding-bottom:4px;border-bottom:0px;border-top:1px solid #DA0E4C;box-shadow:0px 2px 1px 3px white;margin-bottom:0px}
.enter-btn:hover{background-color:rgba(250,250,250,0.8);box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}
.nb-points{background-color:rgb(130,201,157);border-radius:5px;color:white;margin:auto;line-height:35px;width:100px;text-align:center;margin-top:15px}
header .btn,.btn-inverted{margin-top:25px;text-transform:uppercase;font-weight:900;font-size:20px}
header .btn-inverted:active{margin-top:83px}
.fileinput-button{position:relative;overflow:hidden}
.fileinput-button div{display:inline-block;color:black}
.fileinput-button input{position:absolute;top:0;right:0;margin:0;opacity:0;-ms-filter:'alpha(opacity=0)';width:100%;height:100%;cursor:pointer}
.btn-white-black{background:white;border-radius:5px;color:black;margin-right:30px;box-shadow:0px 0px 10px #222;line-height:30px;padding-right:20px;padding-left:20px}
.notice{line-height:15px;font-size:14px}
.select-style-language{float:left;width:46%;height:70px;overflow:hidden;border:1px solid white;border-radius:5px;box-sizing:border-box;background:url(../img/select-tarjama.png) no-repeat center left 20px}
.select-style-language:first-child{float:right}
.select-style-language select{color:white;width:100%;height:70px;border:none;box-shadow:none;background:transparent;background-image:none;appearance:none}
.select-style-language select:focus{outline:none}
.wrapper-icons{width:480px;margin:auto}
.icon-translate{float:right;background:url(../img/icon-translate.png) no-repeat;width:230px;margin-top:10px;margin-bottom:10px;color:white;padding-top:230px;text-align:center;cursor:pointer;text-decoration:none}
.icon-validate{float:left;background:url(../img/icon-validate.png) no-repeat;width:230px;margin-top:10px;margin-bottom:10px;color:white;padding-top:230px;text-align:center;cursor:pointer;text-decoration:none}
.icon-about-us{float:right;background:url(../img/icon-about-us.png) no-repeat;width:230px;margin-top:10px;margin-bottom:10px;color:white;padding-top:230px;text-align:center;text-decoration:none}
.icon-social{float:left;background:url(../img/icon-facebook.png) no-repeat center;background-size:contain;width:230px;margin-top:10px;margin-bottom:10px;color:white;padding-top:230px;text-align:center;text-decoration:none}
.send-suggestions{float:left;padding-right:40px;background:url(../img/suggest.png) no-repeat;line-height:32px;color:white;text-decoration:none;background-position:right}
.to-animate{opacity:0}
#ranking{position:relative;height:100%;overflow:hidden;overflow-y:auto;scrollbar-width:none}
#ranking .ranking{padding-top:10px;padding-bottom:5px;color:#A3A3A3}
#ranking .table{max-height:1030px;overflow-y:auto}
#ranking .ranking.is_user{color:white}
#ranking .ranking:nth-child(odd){}
#ranking .ranking:nth-child(even){background:#F3F3F3}
#ranking h3{background:var(--principale);line-height:50px}
#ranking .ranking-salle{position:absolute;padding-left:20px;padding-right:20px;top:6px;right:10px;color:white;background:var(--principale) url(../img/play-btn.png) no-repeat center;background-size:auto 50%;border-radius:5px;text-align:center;height:24px;font-weight:bold;cursor:pointer;z-index:2}
#ranking .ranking-salle:hover{background-color:var(--secondaire)}
#ranking .ranking-salle.Pro:before{position:absolute;content:'';width:24px;height:24px;background:url(../img/pro.png) no-repeat;background-size:contain;right:-12px;bottom:-12px}
#ranking .user{display:block;position:relative;width:80px;height:80px;margin:auto;box-sizing:border-box;cursor:pointer}
#ranking .user:after{position:absolute;content:'';bottom:-10px;left:0px;right:0px;background:url(../img/level/level-1.png) no-repeat center;background-size:contain;height:24px;z-index:2}
#ranking .user-nickname{position:absolute;left:10px;right:10px;bottom:5px;color:var(--secondaire);text-decoration:none;height:20px;line-height:20px;overflow:hidden;text-align:center;cursor:pointer}
#ranking #top3 .user-nickname{color:white;height:20px;bottom:70px}
#ranking #top3 .friend-salon{display:flex;align-items:center;justify-content:center}
#ranking #top3 .ranking-salle{background-color:var(--secondaire);top:56px;right:auto;margin-left:75px}
#ranking .user.friend-level-2:after{background-image:url(../img/level/level-2.png)}
#ranking .user.friend-level-3:after{background-image:url(../img/level/level-3.png)}
#ranking .user.friend-level-4:after{background-image:url(../img/level/level-4.png)}
#ranking .user.friend-level-5:after{background-image:url(../img/level/level-5.png)}
#ranking .user.friend-level-6:after{background-image:url(../img/level/level-6.png)}
#ranking .user.friend-salon{position:absolute;right:100px;background:white url(../img/play.png) no-repeat center;background-size:20px;border-radius:50%;height:32px;width:32px;border:0px;top:-10px;left:-10px;padding:0px;margin:auto;font-size:10px;z-index:2;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4)}
#ranking .player{position:absolute;top:-10px;left:0px;right:0px;bottom:0px}
#ranking .position{font-size:40px;line-height:100px;color:var(--principale);font-weight:bold;text-align:left}
#ranking .link{display:none}
#ranking #top3 .position{position:absolute;color:white;left:0px;right:0px;bottom:30px;line-height:40px;text-align:center}
#ranking .points{position:absolute;right:10px;line-height:100px;top:0px;color:var(--secondaire);font-weight:bold}
#ranking .block{display:none}
#ranking .block#ranking-elo{display:block}
#ranking #onglets div{width:100%;cursor:pointer;line-height:30px;padding:20px;background:#313131;color:white;font-weight:600;cursor:pointer;transition:.2s}
#ranking #onglets div:hover,#ranking #onglets div.active{background:var(--principale)}
#classement h1{color:white;text-align:center}
#classement h3{color:white;background:var(--bg);border:1px solid white;text-align:center}
#classement .classement{background:var(--boy);color:white;border:1px solid white;border-top:0px}
#classement .classement:nth-child(odd){background:var(--boy2)}
#classement .block{display:none}
#classement .block.active{display:block;line-height:40px}
#ranking .rank .avatar{position:absolute;left:0px;bottom:0px;right:0px;top:0px;background:url(../img/boy.png) no-repeat center;background-size:contain;border-radius:50%}
#ranking .rank.woman .avatar{background-image:url(../img/girl.png)}
#ranking .rank .user:before{position:absolute;content:'';top:0px;bottom:0px;left:0px;right:0px;background:var(--boy);background:linear-gradient(to right, var(--boy), var(--boy2));border-radius:50%;box-shadow:1px 1px 5px 0px rgba(0,0,0,0.4);animation:rotate ease-in infinite alternate 800ms}
#ranking .rank.woman .user:before{background:var(--girl);background:linear-gradient(to right, var(--girl), var(--girl2))}
#ranking .rank.is_user .user:before{background:var(--principale);background:linear-gradient(to right, var(--principale), red);animation:rotate ease-in infinite alternate 800ms}
#ranking #top3{position:relative;height:250px;background:var(--principale);color:white}
#ranking #top3 .rank{position:absolute;top:20px;left:35%;right:35%;height:170px}
#ranking #top3 .rank:nth-child(2){top:60px;left:10px;right:67%}
#ranking #top3 .rank:last-child{top:60px;left:67%;right:10px}
#ranking #top3 .points{top:auto;bottom:0px;left:10px;right:10px;text-align:center;color:white;line-height:30px}
#ranking #top100{padding:10px;padding-top:30px;text-align:center}
#ranking .rank{position:relative;margin:auto;cursor:pointer}
#ranking #top100 .rank{display:inline-block;width:100%;max-width:280px;background:white;margin:15px;border-radius:30px;padding-left:10px;box-sizing:border-box;box-shadow:1px 1px 5px 0px rgba(0,0,0,.2)}
#in_salon .row{height:100%;overflow:hidden;overflow-y:auto;scrollbar-width:none}
#in_salon .title{position:relative;font-size:14px;background:var(--principale);color:white;line-height:30px;padding-left:10px;padding-right:10px}
#in_salon .in_salon{margin-top:10px;width:100%;text-align:center}
#in_salon .in_salon .user{position:relative;width:40px;height:40px;margin:auto;background:url(../img/boy.png) no-repeat center;background-size:cover;border-radius:50%}
#in_salon .in_salon .user:before{position:absolute;content:'';bottom:0px;left:0px;right:0px;top:0px;background:var(--boy);background:linear-gradient(to right, var(--boy), var(--boy2));border-radius:50%;z-index:-1}
#in_salon .in_salon.woman .user:before{background:var(--girl);background:linear-gradient(to right, var(--girl), var(--girl2))}
#in_salon .in_salon .user:after{position:absolute;content:'';bottom:-8px;left:0px;right:0px;background:url(../img/level/level-1.png) no-repeat center;background-size:contain;height:24px;z-index:2}
#in_salon .in_salon .user-nickname{height:20px;line-height:20px;overflow:hidden}
#in_salon .in_salon .user.friend-level-2:after{background-image:url(../img/level/level-2.png)}
#in_salon .in_salon .user.friend-level-3:after{background-image:url(../img/level/level-3.png)}
#in_salon .in_salon .user.friend-level-4:after{background-image:url(../img/level/level-4.png)}
#in_salon .in_salon .user.friend-level-5:after{background-image:url(../img/level/level-5.png)}
#in_salon .in_salon .user.friend-level-6:after{background-image:url(../img/level/level-6.png)}
.switch_salon{width:30px;height:40px;background:url(../img/chat.png) no-repeat center;background-size:16px;cursor:pointer;z-index:2}
.switch_salon.in_salon{background-image:url(../img/spectators.png)}
.social-container{position:fixed;right:0px;bottom:65px;transition:.5s;z-index:99}
.social-container.active{bottom:130px}
.social{padding:0px;margin:0px;position:relative}
.social li{list-style:none;padding:0;margin:0;display:block}
.social li a{float:right;font-size:12px;font-weight:bold;text-decoration:none;display:block;position:relative;line-height:26px;width:90px;padding-left:26px;background:blue;color:white;margin-top:10px;margin-right:-96px;clear:both;transition:.3s}
.social li a.icon-facebook{background:#3B5998}
.social li a.icon-instagram{background:#CC2366;background:linear-gradient(45deg, #F09433 0%,#E6683C 25%,#DC2743 50%,#CC2366 75%,#BC1888 100%)}
.social li a.icon-youtube{background:#FF0000}
.social li a:before{position:absolute;content:'';width:32px;height:32px;left:-16px;top:-3px;background:none no-repeat top;background-size:100%}
.social li a.icon-facebook:before{background-image:url(../img/s/fb.png)}
.social li a.icon-instagram:before{background-image:url(../img/s/ig.png)}
.social li a.icon-youtube:before{background-image:url(../img/s/yt.png)}
.social li a.icon-facebook:hover:before{background-position:bottom}
.social li a.icon-instagram:hover:before{background-position:bottom}
.social li a.icon-youtube:hover:before{background-position:bottom}
.social li a:hover{margin-right:0px}
.fb-icon{display:block;width:30px;height:30px;margin-right:5px;background:url(../img/icon-facebook.png) no-repeat center;background-size:contain;margin-top:20px}
.largeur{position:relative;width:90%;max-width:850px;margin:auto}
#menu-left{position:fixed;top:70px;bottom:0px;left:0px;width:200px;overflow:hidden;overflow-y:auto;scrollbar-width:none;z-index:26}
#menu-shop{position:fixed;top:70px;bottom:0px;left:0px;width:200px;overflow:hidden;overflow-y:auto;scrollbar-width:none;z-index:26}
.onglets-rooms{position:absolute;top:0px;bottom:0px;left:0px;right:0px;display:none;color:white;text-align:center;overflow:hidden;overflow-y:auto;scrollbar-width:none;line-height:40px}
.onglets-rooms.active{display:block}
.qst{position:absolute;content:'';top:8px;right:8px;width:24px;height:24px;background:url(../img/qst.png) no-repeat top;background-size:100%;z-index:10}
.qst:hover{background-position:bottom}
.qst ~ .rep{display:flex;justify-content:center;align-items:center;position:absolute;top:0px;right:0px;width:0px;height:0px;background:#BB162BAA;color:white;border:5px solid var(--principale);padding:10px;font-weight:600;text-align:center;text-shadow:1px 1px 0px black;opacity:0;transition:.3s;margin:auto;box-sizing:border-box}
.qst:hover ~ .rep{opacity:1;width:100%;height:100%}
.title-rooms{position:relative;display:block;width:100%;background:none no-repeat center;background-size:cover;height:103px;cursor:pointer}
.title-rooms:before{position:absolute;content:'';top:0px;left:0px;right:0px;bottom:0px;background:none no-repeat center;background-size:cover}
.title-rooms.sponsor-rooms{background-image:url(../img/m/sponsor-2.jpg)}
.title-rooms.waiting-room{background-image:url(../img/m/waiting-room.jpg)}
.title-rooms.friends-onglet{background-image:url(../img/m/friends-onglet.jpg)}
.title-rooms.full-room{background-image:url(../img/m/full-room.jpg)}
.title-rooms.special-room{background-image:url(../img/m/special-room.jpg)}
.title-rooms.all-rooms{background-image:url(../img/m/all-rooms.jpg)}
.title-rooms.sponsor-rooms.active:before,.title-rooms.sponsor-rooms:hover:before{background-image:url(../img/m/sponsor-2-h.jpg)}
.title-rooms.waiting-room.active:before,.title-rooms.waiting-room:hover:before{background-image:url(../img/m/waiting-room-h.jpg)}
.title-rooms.friends-onglet.active:before,.title-rooms.friends-onglet:hover:before{background-image:url(../img/m/friends-onglet-h.jpg)}
.title-rooms.full-room.active:before,.title-rooms.full-room:hover:before{background-image:url(../img/m/full-room-h.jpg)}
.title-rooms.special-room.active:before,.title-rooms.special-room:hover:before{background-image:url(../img/m/special-room-h.jpg)}
.title-rooms.all-rooms.active:before,.title-rooms.all-rooms:hover:before{background-image:url(../img/m/all-rooms-h.jpg)}
.onglets-shops{position:absolute;width:100%;display:none;justify-content:center;background:rgba(240,245,250,1);color:var(--textColor);padding-bottom:15px;text-align:center;overflow:hidden;overflow-y:auto;scrollbar-width:none;line-height:30px;height:100%;box-sizing:border-box}
.onglets-shops-container{position:relative;width:100%;z-index:2}
.onglets-shops .add_text{width:100%;padding-left:10px;padding-right:10px;line-height:25px;margin-top:15px}
.onglets-shops.active{display:flex}
.title-shops{position:relative;display:block;width:100%;background:none no-repeat center;background-size:cover;height:103px;cursor:pointer}
.title-shops:before{position:absolute;content:'';top:0px;left:0px;right:0px;bottom:0px;background:none no-repeat center;background-size:cover}
.title-shops.shop-coins{background-image:url(../img/m/coins-shop.jpg)}
.title-shops.shop-vip{background-image:url(../img/m/vip-shop.jpg)}
.title-shops.shop-rooms{background-image:url(../img/m/rooms-shop.jpg)}
.title-shops.shop-other{background-image:url(../img/m/other-shop.jpg)}
.title-shops.shop-gems{background-image:url(../img/m/gems-shop.jpg)}
.title-shops.shop-coins.active:before,.title-shops.shop-coins:hover:before{background-image:url(../img/m/coins-shop-h.jpg)}
.title-shops.shop-vip.active:before,.title-shops.shop-vip:hover:before{background-image:url(../img/m/vip-shop-h.jpg)}
.title-shops.shop-rooms.active:before,.title-shops.shop-rooms:hover:before{background-image:url(../img/m/rooms-shop-h.jpg)}
.title-shops.shop-other.active:before,.title-shops.shop-other:hover:before{background-image:url(../img/m/other-shop-h.jpg)}
.title-shops.shop-gems.active:before,.title-shops.shop-gems:hover:before{background-image:url(../img/m/gems-shop-h.jpg)}
.whatsapp{position:absolute;display:block;margin:auto;width:100%;height:64px;background:url(../img/whatsapp.png) no-repeat center;background-size:contain;margin-top:30px}
#salles-privees{display:none}
.salles-vide{background:red;color:white;padding:10px;text-align:center;font-weight:bold}
.list-salles{line-height:25px;color:var(--textColor);margin-top:15px}
.tables-selectors{list-style:none;padding:0px;height:64px;margin:10px}
.tables-selectors li{display:inline-block;width:60px;height:60px;background:none no-repeat bottom;background-size:100%;font-weight:bold;margin:2px;cursor:pointer}
.tables-selectors li#tables-speed,.tables-selectors li#tables-speed.active:hover,.tables-selectors li.tables-speed,.tables-selectors li.tables-speed.active:hover{background-image:url(../img/speed-high-low.png);background-position:top}
.tables-selectors li#tables-speed.active,.tables-selectors li#tables-speed:hover,.tables-selectors li.tables-speed.active,.tables-selectors li.tables-speed:hover{background-position:bottom}
.tables-selectors li#tables-pro,.tables-selectors li#tables-pro.active:hover,.tables-selectors li.tables-pro,.tables-selectors li.tables-pro.active:hover{background-image:url(../img/90-80.png);background-position:bottom}
.tables-selectors li#tables-pro.active,.tables-selectors li#tables-pro:hover,.tables-selectors li.tables-pro.active,.tables-selectors li.tables-pro:hover{background-position:top}
.tables-selectors li#tables-mic,.tables-selectors li#tables-mic.active:hover,.tables-selectors li.tables-mic,.tables-selectors li.tables-mic.active:hover{background-image:url(../img/mic-on-off.png);background-position:bottom}
.tables-selectors li#tables-mic.active,.tables-selectors li#tables-mic:hover,.tables-selectors li.tables-mic.active,.tables-selectors li.tables-mic:hover{background-position:top}
.open-salles-publiques,.open-salles-privees{font-weight:bold;font-size:13px;text-align:center;color:#E9E9E9;border:3px solid #E9E9E9;border-radius:10px;cursor:pointer;box-sizing:border-box;padding:5px;line-height:16px}
.open-salles-publiques.active,.open-salles-privees.active{color:var(--principale);border:3px solid var(--principale);background:white}
.open-add-salon{float:right;font-weight:bold;font-size:13px;padding-left:30px;padding-right:30px;text-align:center;color:white;background:var(--principale);border-radius:10px;cursor:pointer;border:3px solid var(--principale);box-sizing:border-box}
#salles{padding-bottom:20px;font-weight:900;font-size:20px}
#salles-header{line-height:35px;background:var(--secondaire);margin-bottom:20px;padding-top:30px;padding-bottom:30px}
#salles-header h2{font-size:20px;line-height:48px;text-transform:uppercase;color:white}
.rooms_container{margin-left:10px;margin-right:10px;margin-top:30px}
.rooms_container.empty{position:absolute;top:50px;bottom:20px;width:100%;margin:0px;background:url(../img/p/caballo-salon.png) no-repeat center;background-size:auto 60%}
.center_tile{position:relative;margin:auto;margin-left:10px;margin-right:10px;color:white;margin:auto;max-width:590px}
#shop-rooms .center_tile{max-width:700px}
.shops_container{margin-top:15px}
#sponsor-rooms .rooms_container.empty,#tables-waiting .rooms_container.empty,#tables-full .rooms_container.empty,#tables-special .rooms_container.empty{cursor:pointer}
.salle{position:relative;padding-left:5px;padding-right:5px;margin-top:10px;font-weight:bold;box-sizing:border-box}
.salle .play{cursor:pointer}
.salle.Pro a{position:relative}
.salle .config-salle{position:absolute;left:5px;bottom:5px;width:32px;height:32px}
.salle .config-salle:before{position:absolute;content:'';left:0px;bottom:0px;width:32px;height:32px;background:url(../img/gear.png) no-repeat top;background-size:100%;cursor:pointer}
.salle .config-salle:hover:before{background-position:bottom}
.salle .modes{position:absolute;right:0px;bottom:0px}
.salle .type{position:absolute;right:0px;bottom:0px;width:32px;height:32px;background:url(../img/90-80.png) no-repeat top;background-size:100%;right:5px;bottom:75px}
.salle.noPro .type{background-position:bottom}
.salle .modes:before{position:absolute;content:'';width:32px;height:32px;background:url(../img/mic-on-off.png) no-repeat top;background-size:100%;right:5px;bottom:40px}
.salle.no_sound .modes:before{background-position:bottom}
.salle .modes:after{position:absolute;content:'';width:32px;height:32px;background:url(../img/speed-high-low.png) no-repeat top;background-size:100%;right:5px;bottom:5px}
.salle.is_speed .modes:after{background-position:bottom}
.salle .flipbox-front .img,.salle .flipbox-back .img{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:url(../img/logo-touti-teutz.png) no-repeat center;background-size:70%;border-radius:8px;z-index:0;opacity:.4}
.salle .flipbox-front .img{opacity:.2}
#sponsor-rooms .salle .flipbox-front .img{background-size:95%;opacity:.6}
#sponsor-rooms .salle .flipbox-back .img{background-size:95%;opacity:1}
#salon #chat:before,#salon #in_salon:before{position:absolute;content:'';top:0px;left:0px;right:0px;bottom:30px;background:url(../img/logo-touti-teutz.png) no-repeat center;background-size:75%;opacity:.4}
#salon #in_salon:before{opacity:.2}
/*#salon.salon-aiden #chat:before,#salon.salon-aiden #in_salon:before,.salle.salle-aiden .flipbox-front .img,.salle.salle-aiden .flipbox-back .img{background-image:url(../salle-aiden.jpg)}
#salon.salon-as-touti #chat:before,#salon.salon-as-touti #in_salon:before,.salle.salle-as-touti .flipbox-front .img,.salle.salle-as-touti .flipbox-back .img{background-image:url(../salle-asilah.jpg)}
#salon.salon-star-touti #chat:before,#salon.salon-star-touti #in_salon:before,.salle.salle-star-touti .flipbox-front .img,.salle.salle-star-touti .flipbox-back .img{background-image:url(../salle-chefchaouen.jpg)}
#salon.salon-las-dial-tabla #chat:before,#salon.salon-las-dial-tabla #in_salon:before,.salle.salle-las-dial-tabla .flipbox-front .img,.salle.salle-las-dial-tabla .flipbox-back .img{background-image:url(../salle-medina-rabat.jpg)}
#salon.salon-compte #chat:before,#salon.salon-compte #in_salon:before,.salle.salle-compte .flipbox-front .img,.salle.salle-compte .flipbox-back .img{background-image:url(../salle-al-attarine-madrasa-fes.jpg)}
#salon.salon-fayer #chat:before,#salon.salon-fayer #in_salon:before,.salle.salle-fayer .flipbox-front .img,.salle.salle-fayer .flipbox-back .img{background-image:url(../salle-desert-morocco.jpg)}
#salon.salon-terre9 #chat:before,#salon.salon-terre9 #in_salon:before,.salle.salle-terre9 .flipbox-front .img,.salle.salle-terre9 .flipbox-back .img{background-image:url(../salle-djemaa-el-fna.jpg)}
#salon.salon-chdid-touti #chat:before,#salon.salon-chdid-touti #in_salon:before,.salle.salle-chdid-touti .flipbox-front .img,.salle.salle-chdid-touti .flipbox-back .img{background-image:url(../salle-essaouira.jpg)}
#salon.salon-dreb-teye7 #chat:before,#salon.salon-dreb-teye7 #chat:before,.salle.salle-dreb-teye7 .flipbox-front .img,.salle.salle-dreb-teye7 .flipbox-back .img{background-image:url(../salle-fes-leather.jpg)}
#salon.salon-ghenni-w3awed #chat:before,#salon.salon-ghenni-w3awed #in_salon:before,.salle.salle-ghenni-w3awed .flipbox-front .img,.salle.salle-ghenni-w3awed .flipbox-back .img{background-image:url(../salle-fes-market-morocco.jpg)}
#salon.salon-l3b-serbi #chat:before,#salon.salon-l3b-serbi #in_salon:before,.salle.salle-l3b-serbi .flipbox-front .img,.salle.salle-l3b-serbi .flipbox-back .img{background-image:url(../salle-hassan-2.jpg)}
#salon.salon-te7t-lassek #chat:before,#salon.salon-te7t-lassek #in_salon:before,.salle.salle-te7t-lassek .flipbox-front .img,.salle.salle-te7t-lassek .flipbox-back .img{background-image:url(../salle-kasbah-atlas.jpg)}
#salon.salon-tranfo #chat:before,#salon.salon-tranfo #in_salon:before,.salle.salle-tranfo .flipbox-front .img,.salle.salle-tranfo .flipbox-back .img{background-image:url(../salle-koutoubia-marrakesh.jpg)}
#salon.salon-tute #chat:before,#salon.salon-tute #in_salon:before,.salle.salle-tute .flipbox-front .img,.salle.salle-tute .flipbox-back .img{background-image:url(../salle-marrakech-riad.jpg)}
#salon.salon-zidek-10 #chat:before,#salon.salon-zidek-10 #in_salon:before,.salle.salle-zidek-10 .flipbox-front .img,.salle.salle-zidek-10 .flipbox-back .img{background-image:url(../salle-meknes.jpg)}
#salon.salon-20-fih #chat:before,#salon.salon-20-fih #in_salon:before,.salle.salle-20-fih .flipbox-front .img,.salle.salle-20-fih .flipbox-back .img{background-image:url(../salle-moroccan-teapot.jpg)}
#salon.salon-ana-passe #chat:before,#salon.salon-ana-passe #in_salon:before,.salle.salle-ana-passe .flipbox-front .img,.salle.salle-ana-passe .flipbox-back .img{background-image:url(../salle-ouarzazate.jpg)}
#salon.salon-carta-touti #chat:before,#salon.salon-carta-touti #in_salon:before,.salle.salle-carta-touti .flipbox-front .img,.salle.salle-carta-touti .flipbox-back .img{background-image:url(../salle-rabat-bouregreg.jpg)}
#salon.salon-dima-touti #chat:before,#salon.salon-dima-touti #in_salon:before,.salle.salle-dima-touti .flipbox-front .img,.salle.salle-dima-touti .flipbox-back .img{background-image:url(../salle-safi.jpg)}
#salon.salon-80b20 #chat:before,#salon.salon-80b20 #in_salon:before,.salle.salle-80b20 .flipbox-front .img,.salle.salle-80b20 .flipbox-back .img{background-image:url(../salle-street-chefchaouen.jpg)}
#salon.salon-chri-hani #chat:before,#salon.salon-chri-hani #in_salon:before,.salle.salle-chri-hani .flipbox-front .img,.salle.salle-chri-hani .flipbox-back .img{background-image:url(../salle-tangier-morocco.jpg)}
#salon.salon-fach-chari #chat:before,#salon.salon-fach-chari #chat:before,.salle.salle-fach-chari .flipbox-front .img,.salle.salle-fach-chari .flipbox-back .img{background-image:url(../salle-tetouan.jpg)}
#salon.salon-touti-fruity #chat:before,#salon.salon-touti-fruity #chat:before,.salle.salle-touti-fruity .flipbox-front .img,.salle.salle-touti-fruity .flipbox-back .img{background-image:url(../salle-volubilis.jpg)}*/
#salon #chat:before{background:url(../img/chatbox.png) no-repeat center;background-size:75%}
.salle.salle-kia-cadenza .img{background-image:url(../img/kia/cadenza.png)}
.salle.salle-kia-carens .img{background-image:url(../img/kia/carens.png)}
.salle.salle-kia-carens .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/carens.png);margin-top:10px}
.salle.salle-kia-ceed .img{background-image:url(../img/kia/ceed.png)}
.salle.salle-kia-ceed .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/ceed.png);margin-top:10px}
.salle.salle-kia-cerato .img{background-image:url(../img/kia/cerato.png)}
.salle.salle-kia-cerato .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/cerato.png);margin-top:10px}
.salle.salle-kia-k5 .img{background-image:url(../img/kia/k5.png)}
.salle.salle-kia-k2500 .img{background-image:url(../img/kia/k2500.png)}
.salle.salle-kia-k2500 .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/k2500.png);margin-top:10px}
.salle.salle-kia-mohave .img{background-image:url(../img/kia/mohave.png)}
.salle.salle-kia-mohave .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/mohave.png);margin-top:10px}
.salle.salle-kia-niro .img{background-image:url(../img/kia/niro.png)}
.salle.salle-kia-picanto .img{background-image:url(../img/kia/picanto.png)}
.salle.salle-kia-picanto .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/picanto.png);margin-top:10px}
/*.salle.salle-kia-picanto-lifestyle .img{background-image:url(../img/kia/picanto.png)}
.salle.salle-kia-picanto-lifestyle .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/picanto.png);background-size:auto 18px}*/
.salle.salle-kia-proceed .img{background-image:url(../img/kia/proceed.png)}
.salle.salle-kia-proceed .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/proceed.png);margin-top:10px}
.salle.salle-kia-rio .img{background-image:url(../img/kia/rio.png)}
.salle.salle-kia-rio .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/rio.png);margin-top:10px}
/*.salle.salle-kia-rio-lifestyle .img{background-image:url(../img/kia/rio.png)}
.salle.salle-kia-rio-lifestyle .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/rio.png)}*/
.salle.salle-kia-seltos .img{background-image:url(../img/kia/seltos.png)}
.salle.salle-kia-seltos .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/seltos.png);margin-top:10px}
.salle.salle-kia-sorento .img{background-image:url(../img/kia/sorento.png)}
.salle.salle-kia-sorento .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/sorento.png);margin-top:10px}
.salle.salle-kia-soul .img{background-image:url(../img/kia/soul.png)}
.salle.salle-kia-soul .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/soul.png);margin-top:10px}
.salle.salle-kia-sportage .img{background-image:url(../img/kia/sportage.png)}
.salle.salle-kia-sportage .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/sportage.png);margin-top:10px}
.salle.salle-kia-stinger .img{background-image:url(../img/kia/stinger.png)}
.salle.salle-kia-stonic .img{background-image:url(../img/kia/stonic.png)}
.salle.salle-kia-telluride .img{background-image:url(../img/kia/telluride.png)}
.salle.salle-kia-kia .img{background-image:url(../img/kia/kia.png)}
.salle.salle-kia .name strong{display:block;width:100%;height:10px;background-image:url(../img/kia/red/kia.png);margin-top:10px}
#salle-title.salle-kia .img{background-color:white}
#salle-title.salle-kia-cadenza .img{background-color:white}
#salle-title.salle-kia-cadenza .img:after{background-image:url(../img/kia/cadenza.png)}
#salle-title.salle-kia-carens .img:after{background-image:url(../img/kia/carens.png)}
#salle-title.salle-kia-carens .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/carens.png)}
#salle-title.salle-kia-ceed .img:after{background-image:url(../img/kia/ceed.png)}
#salle-title.salle-kia-ceed .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/ceed.png)}
#salle-title.salle-kia-cerato .img:after{background-image:url(../img/kia/cerato.png)}
#salle-title.salle-kia-cerato .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/cerato.png)}
#salle-title.salle-kia-k5 .img:after{background-image:url(../img/kia/k5.png)}
#salle-title.salle-kia-k2500 .img:after{background-image:url(../img/kia/k2500.png)}
#salle-title.salle-kia-k2500 .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/k2500.png)}
#salle-title.salle-kia-mohave .img:after{background-image:url(../img/kia/mohave.png)}
#salle-title.salle-kia-mohave .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/mohave.png)}
#salle-title.salle-kia-niro .img:after{background-image:url(../img/kia/niro.png)}
#salle-title.salle-kia-picanto .img:after{background-image:url(../img/kia/picanto.png)}
#salle-title.salle-kia-picanto .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/picanto.png);background-size:auto 18px}
#salle-title.salle-kia-picanto-lifestyle .img:after{background-image:url(../img/kia/picanto.png)}
/*#salle-title.salle-kia-picanto-lifestyle .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/picanto.png);background-size:auto 18px}*/
#salle-title.salle-kia-proceed .img:after{background-image:url(../img/kia/proceed.png)}
#salle-title.salle-kia-proceed .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/proceed.png)}
#salle-title.salle-kia-rio .img:after{background-image:url(../img/kia/rio.png)}
#salle-title.salle-kia-rio .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/rio.png)}
#salle-title.salle-kia-rio-lifestyle .img:after{background-image:url(../img/kia/rio.png)}
/*#salle-title.salle-kia-rio-lifestyle .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/rio.png)}*/
#salle-title.salle-kia-seltos .img:after{background-image:url(../img/kia/seltos.png)}
#salle-title.salle-kia-seltos .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/seltos.png)}
#salle-title.salle-kia-sorento .img:after{background-image:url(../img/kia/sorento.png)}
#salle-title.salle-kia-sorento .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/sorento.png)}
#salle-title.salle-kia-soul .img:after{background-image:url(../img/kia/soul.png)}
#salle-title.salle-kia-soul .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/soul.png)}
#salle-title.salle-kia-sportage .img:after{background-image:url(../img/kia/sportage.png)}
#salle-title.salle-kia-sportage .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/sportage.png)}
#salle-title.salle-kia-stinger .img:after{background-image:url(../img/kia/stinger.png)}
#salle-title.salle-kia-stonic .img:after{background-image:url(../img/kia/stonic.png)}
#salle-title.salle-kia-telluride .img:after{background-image:url(../img/kia/telluride.png)}
#salle-title.salle-kia .img:after{background-image:url(../img/kia/kia.png)}
#salle-title.salle-kia .name{display:block;width:100%;height:10px;background-image:url(../img/kia/white/kia.png)}
#pubs{position:fixed;display:none;top:0px;left:0px;right:0px;bottom:0px;z-index:10000;overflow:hidden}
#pubs .cpt-click{position:fixed;top:0px;bottom:0px;right:0px;left:0px;z-index:20000;overflow:hidden;cursor:pointer}
#pubs .progressbar-video{position:fixed;bottom:0px;left:0px;width:0px;height:6px;z-index:15000;overflow:hidden;cursor:pointer}
iframe{border:0px}
#pubs iframe{opacity:0;transition:1s}
#pubs iframe.loaded{opacity:1}
#pubs #yt-container{background:rgba(0,0,0,.5);width:100%;height:100%;overflow:hidden}
#pubs #yt{position:absolute;top:0px;left:0px;right:0px;bottom:0px;overflow:hidden}
#pubs #yt #youtubeEmbed{position:fixed;width:100%;height:100%;height:calc(100% - 2px);max-width:none;margin:0px;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid black;overflow:hidden}
.salle:first-child{margin-top:0px}
.salle .name{position:absolute;top:0px;left:5px;right:5px;color:var(--principale);line-height:50px;height:50px;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 0px black}
.salle .name strong{font-size:24px;font-weight:900;background:none no-repeat center;background-size:contain}
.salle .nb_players{position:absolute;line-height:60px;bottom:0px;left:0px;right:0px}
#salle-title{position:fixed;top:10px;left:10px;color:white}
#salle-title .img{position:relative;font-size:14px;padding-left:50px}
#salle-title .img:after{position:absolute;content:'';width:40px;height:40px;top:0px;left:5px;border-radius:50%;background:white url(../img/logo-touti-teutz.png) no-repeat center;background-size:contain}
#salle-title .name{font-size:22px;width:100%;height:30px;margin-left:50px;content:'';background:none no-repeat left center;background-size:contain}
#salle-title.Pro .img:before{position:absolute;content:'';width:20px;height:20px;background:url(../img/pro.png) no-repeat;background-size:contain;left:30px;bottom:-32px;z-index:2}
.salle div{text-transform:none;font-size:16px;color:var(--secondaire)}
.salle .nb_players strong{color:var(--principale)}
#cgu .accroche,#rules .accroche{font-size:16px}
#rules h3,#cgu h3{text-transform:uppercase;padding-top:40px;padding-bottom:5px;margin:0px}
#rules img,#cgu img{max-width:100%;height:auto}
#rules p{margin:0px;padding:0px;padding-top:10px;line-height:22px}
#rules .strong{font-weight:bold;text-transform:uppercase}
#rules strong{color:var(--principale)}
#rules ul{list-style:none;padding:0px}
#cgu p{text-align:justify;margin:0px;padding:0px;padding-top:10px;line-height:22px}
#cgu strong{display:block;text-align:justify;font-weight:bold;text-transform:uppercase;padding-top:20px;color:var(--principale)}
#cgu ul{display:block;text-align:justify}
#section-subscribe{background:var(--principale);color:white;text-align:center;padding-top:60px;padding-bottom:50px;text-transform:uppercase;font-weight:900;font-size:20px}
#section-subscribe .btn,#section-subscribe .btn-inverted{margin-top:30px}
#section-subscribe .btn-inverted:active{margin-top:33px}
#fullscreen{float:right;cursor:pointer;padding:0px;margin-top:10px;width:32px;height:32px;background:url(../img/expand.png) no-repeat bottom;background-size:100%;margin-right:10px}
#fullscreen.active,#fullscreen:hover{background-position:top}
#fullscreen.active:hover{background-position:bottom}
#exit{float:right;text-align:center;cursor:pointer;padding:0px;margin-top:10px;width:32px;height:32px;background:url(../img/croix.png) no-repeat bottom;background-size:100%}
#exit:hover{background-position:top}
.btn.redistribuer{text-align:center;cursor:pointer;padding:0px;margin-top:10px;margin-right:10px;width:32px;height:32px;background:white url(../img/redistribute.png) no-repeat top;background-size:100%;border-radius:50%}
.btn.redistribuer:hover{background-position:bottom}
#get-up{display:none;float:right;text-align:center;cursor:pointer;padding:0px;margin-top:10px;width:32px;height:32px;background:white url(../img/quit.png) no-repeat top;background-size:100%;border-radius:50%}
#get-up:hover{background-position:bottom}
#get-up.active{display:block}
#get-up.mobile{margin-right:10px}
#close-score{display:none;position:fixed;top:65px;left:100px;transform:rotate(180deg);text-align:center;cursor:pointer;padding:0px;width:24px;height:24px;background:white url(../img/close-score.png) no-repeat center;background-size:contain;border-radius:0px;z-index:3;transition:.3s}
.show-vip,.show-novip{display:none;position:relative}
.show-vip.active,.show-novip.active{display:block}
#terre9{display:none;float:right;text-align:center;cursor:pointer;padding:0px;margin-top:10px;width:32px;height:32px;background:url(../img/tetra9.png) no-repeat center;background-size:contain;margin-right:10px;animation:tetra9 1s infinite}
#sound{float:right;text-align:center;cursor:pointer;padding:0px;margin-top:10px;width:32px;height:32px;background:url(../img/sound.png) no-repeat bottom;background-size:100%;margin-right:10px}
#sound.active,#sound:hover{background-position:top}
#sound.active:hover{background-position:bottom}
#mic{float:right;text-align:center;cursor:pointer;padding:0px;margin-top:10px;width:32px;height:32px;background:url(../img/mic-on-off.png) no-repeat bottom;background-size:100%;margin-right:10px}
#mic.active,#mic:hover{background-position:top}
#mic.active:hover{background-position:bottom}
#tetra9{float:right;text-align:center;cursor:pointer;margin-top:10px;margin-right:5px}
#game-table{position:relative;display:flex;align-items:center;justify-content:center;background:#567DC0 url(../img/table-bg.jpg) no-repeat center;background-size:cover;border-radius:150px;border:20px solid black;box-sizing:border-box;width:80%;height:100%;max-width:680px;max-height:340px}
#game-table:before{position:absolute;content:'';top:40px;left:40px;right:40px;bottom:40px;border-radius:150px;border:3px solid #FFF;opacity:.2}
#game-table:after{position:absolute;content:'';top:-20px;left:-20px;right:-20px;bottom:-20px;border-radius:150px;box-shadow:inset 0px 0px 10px white}
#game-table .picto{position:absolute;width:25%;height:25%;max-width:150px;max-height:60px;background:url(../img/logo-touti-table.png) no-repeat center;background-size:contain;transform:rotate(-4deg)}
#score,#chri,#loune,#ghna,#rebet{display:none;position:fixed;background:white;width:80%;max-width:450px;border-radius:5px;z-index:1;padding:15px;text-align:center;box-sizing:border-box;border:5px solid var(--secondaire)}
#score-final{display:none}
#score #point-atout{width:60px;margin:auto;background:var(--secondaire);padding-top:30px;padding-bottom:8px;color:white;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-weight:bold}
#score #point-atout .atout{margin-top:5px}
#score .equipes{position:absolute;top:40px}
#score .equipes .equipe{position:relative;width:100%;max-width:90px;margin:auto}
#score .equipes.active .equipe:before{position:absolute;content:'';background:url(../img/win.png) no-repeat bottom;background-size:contain;top:-33px;left:-5px;right:-5px;height:40px}
#score .equipes .equipe:after{position:absolute;content:'';background:url(../img/ring.png) no-repeat center;background-size:contain;top:-5px;left:-5px;right:-5px;bottom:-5px}
#score .ghnas{margin-top:30px}
#score .equipes .img{display:flex;position:absolute;top:0px;bottom:0px;left:0px;right:0px;color:white;font-weight:bold;font-size:30px;align-items:center;justify-content:center;border-radius:50%;background:var(--principale);background:radial-gradient(circle, #D10A07 0%, #8F010D 100%)}
#score .equipes#equipe-B .img{background:var(--secondaire);background:radial-gradient(circle, #4555B5 0%, #12366A 100%)}
#score .equipes .points{position:absolute;bottom:-35px;left:0px;right:0px;font-size:25px;font-weight:800;color:var(--principale)}
#score .equipes#equipe-B .points{color:var(--secondaire)}
#score .equipes#equipe-A{left:-30px;right:50%}
#score .equipes#equipe-B{left:50%;right:-30px}
#score h3{color:var(--principale)}
#rebet .close{position:absolute;right:-14px;top:-14px;width:32px;height:32px;color:var(--principale);background:url(../img/btn-close.png) no-repeat center;background-size:contain;cursor:pointer}
#score .close{position:absolute;right:-14px;top:-14px;width:32px;height:32px;color:var(--principale);background:url(../img/btn-close.png) no-repeat center;background-size:contain;cursor:pointer}
#chri{max-width:405px;z-index:2}
#loune,#ghna{z-index:3}
#rebet{z-index:4;max-width:275px;color:var(--secondaire);line-height:30px;padding:10px}
#rebet small{display:block;line-height:15px;margin-top:10px}
#rebet.active{display:block}
#rebet .rebet{height:75px;width:75px;margin:auto;background:url(../img/btn-play.png) no-repeat bottom;background-size:100%;cursor:pointer;text-align:center}
#rebet .rebet:hover{background-position:top}
#rebet #reaccess{display:none}
#rebet .show-vip:before{position:absolute;content:'';top:-10%;left:-20%;right:50%;bottom:50%;background:url(../img/vip.png) no-repeat top left;background-size:contain;transform:rotate(-30deg);z-index:-1;opacity:.6}
#rebet .betCoins,#rebet .myCoins{position:relative;padding-right:30px}
#rebet small .betCoins,#rebet small .myCoins{padding-right:25px}
#rebet .betCoins:after,#rebet .myCoins:after{position:absolute;content:'';width:28px;top:-4px;right:0px;bottom:-5px;background:url(../img/coin.png) no-repeat right;background-size:contain;transform:rotate(30deg)}
#score .title,#chri .title,#loune .title,#ghna .title,#rebet .title{line-height:60px;background:var(--secondaire);background:linear-gradient(to bottom, #062B70, var(--secondaire));width:200px;margin:auto;margin-top:-40px;border-radius:8px;border-bottom-left-radius:30%;border-bottom-right-radius:30%;color:white;text-transform:uppercase}
#chri .cacher{background:var(--principale);color:white;margin:10px;cursor:pointer;margin-top:5px;margin-bottom:5px;line-height:32px;border-radius:5px}
#chri .cacher:hover{background:var(--secondaire)}
#chri .choose-canticos{display:inline-block;background:var(--secondaire);color:white;width:64px;margin:auto;cursor:pointer;margin-top:5px;margin-bottom:5px;line-height:32px;border-radius:5px}
#chri .choose-canticos:hover{background:var(--principale)}
#chri #zidek10{display:none;float:none;margin:auto}
#loune .choose-color{width:100%;margin:auto;cursor:pointer;margin-top:5px;margin-bottom:5px;border-radius:5px;padding:0px;box-sizing:border-box}
#loune .choose-color.active,#loune .choose-color:hover{border:2px solid transparent}
#loune .choose-color img{display:block;width:100%;height:auto;box-sizing:border-box}
#ghna .choose-ghna{width:100%;margin:auto;cursor:pointer;margin-top:5px;margin-bottom:5px;border-radius:5px;padding:0px;box-sizing:border-box}
#ghna .choose-ghna.active,#ghna .choose-ghna:hover{border:2px solid transparent}
#ghna .choose-ghna img{display:block;width:100%;height:auto;box-sizing:border-box}
#plis{position:fixed;top:60px;right:40px;width:70px;z-index:2}
#plis .title{font-weight:300;font-size:15px;line-height:20px;color:white;text-align:center}
#plis #pli-4{float:left;width:24px}
#plis #pli-2{float:right;width:24px}
#plis .img{display:block;margin:auto;padding:1px;width:24px;box-sizing:border-box;border-radius:2px}
#plis .img img{width:100%;height:auto;box-sizing:border-box}
#scores-container{font-size:12px;position:fixed;left:0px;top:65px;bottom:20px;width:100px;z-index:2;text-align:center;font-weight:bold;transition:.3s;overflow:hidden;overflow-y:auto;scrollbar-width:none}
#close-score.slideLeft + #scores-container{left:-100px}
#close-score{display:block}
#close-score.slideLeft{transform:rotate(0deg);left:0px}
#scores{font-size:12px;position:relative;padding-bottom:10px;z-index:2;background:#EFEFEF;text-align:center;font-weight:bold;overflow-y:auto;top:0px;font-size:10px;font-weight:400;width:100px;box-sizing:border-box}
#scores .title .col-lg-6{text-align:center}
#scores .col-lg-6{padding:3px}
#scores .title{background:var(--textColor);font-weight:900;font-size:15px;color:white;text-align:center}
#ghnas{text-align:left;color:var(--textColor);font-size:10px;line-height:12px;z-index:2}
#ghnas .item{display:none}
#ghnas .item.active{display:block}
.ghnas .item{display:none;font-size:12px;font-weight:bold;color:black}
.ghnas .item.active{display:block}
#ghnas img{display:inline-block}
#content-touti{display:flex;position:fixed;top:55px;left:40px;right:40px;bottom:120px;align-items:center;justify-content:center}
#content-logo{position:fixed;display:flex;justify-content:center;align-items:center;top:70px;bottom:50px;left:0px;right:0px;background:rgba(240,245,250,1)}
#content-logo #index_container:before{position:absolute;content:'';width:90%;height:50%;max-width:280px;max-height:180px;left:30px;right:30px;margin:auto;background:url(../img/logo-touti-teutz.png) no-repeat center;background-size:contain;opacity:.3}
#friends-onglet:before{position:absolute;content:'';width:90%;height:50%;max-width:480px;top:0px;bottom:0px;left:30px;right:30px;margin:auto;background:url(../img/cardsthrown.png) no-repeat center;background-size:contain;opacity:.3;z-index:-1}
#content-logo #index_container,.index_container{position:absolute;display:flex;align-items:center;justify-content:center;top:0px;bottom:0px;left:200px;right:0px}
.is_connected #menu-left,.is_connected #menu-shop,.is_connected #content-logo{top:70px}
#content-metrics{background:var(--bg);padding:20px}
#content-metrics .logo,#content-logo .logo{background:url(../img/logo-touti-teutz.png) no-repeat top;width:100%;height:160px;background-size:contain}
.home_box{background:white;color:var(--secondaire);border-radius:10px;padding:5px;text-align:center;margin-top:10px;border:3px solid white;box-shadow:1px 1px 5px 0px rgba(0,0,0,0.4)}
.home_box strong{display:block}
.home_box .nb{display:block;font-weight:bold;color:#BB162B;font-size:30px}
.place{position:absolute;z-index:2;font-weight:bold;width:60px;padding-top:60px;border-radius:2px;box-sizing:border-box;text-align:center;cursor:default}
.place .newGhna{display:flex;position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:4}
.place .newGhna img{width:100%}
.place:before{position:absolute;content:'';left:4px;right:4px;top:8px;bottom:20px;background:#557FFF;background:linear-gradient(to right, #557FFF, #6AC2FF);border-radius:50%}
.place.isTurn:before{background:var(--principale);background:linear-gradient(to right, var(--principale), red);animation:rotate ease-in infinite alternate 800ms}
.place.vide{background:url(../img/siege.png) no-repeat center;background-size:contain}
.place.vide .img{display:none}
.place.vide .nickname-container{display:none}
.place.vide:before{background:none}
.place.woman:before{background:#D95970;background:linear-gradient(to right, #D95970, #F2C1B6)}
.place.isTurn .img:after{position:absolute;content:'';right:14px;top:-8px;width:24px;height:24px;background:url(../img/turn.png) no-repeat center;background-size:contain;transform:rotate(10deg);z-index:2}
.place.vide{cursor:pointer}
.place .img{position:absolute;top:2px;left:2px;right:2px;bottom:20px;background:url(../img/boy.png) no-repeat bottom;background-size:contain;border-radius:50%;box-sizing:border-box}
.place.woman .img{background-image:url(../img/woman.png)}
.place .img .level{display:none;position:absolute;bottom:-9px;background:url(../img/level/level-1.png) no-repeat bottom;background-size:contain;width:100%;height:32px;box-sizing:border-box;z-index:2}
.place .img .level.level-1{display:block;background-image:url(../img/level/level-1.png)}
.place .img .level.level-2{display:block;background-image:url(../img/level/level-2.png)}
.place .img .level.level-3{display:block;background-image:url(../img/level/level-3.png)}
.place .img .level.level-4{display:block;background-image:url(../img/level/level-4.png)}
.place .img .level.level-5{display:block;background-image:url(../img/level/level-5.png)}
.place .img .level.level-6{display:block;background-image:url(../img/level/level-6.png)}
.place .ghna{display:none;position:absolute;top:-16px;right:-6px;color:#333333;background:white;border-radius:4px;font-size:11px;font-weight:bold;line-height:9px;text-align:center;border:1px solid white}
.place#place-2 .ghna,.place#place-3 .ghna{left:-6px;right:auto}
.place .nickname-container{position:relative;background:white;color:black;border-radius:10px;width:100%;line-height:20px;height:20px;text-align:center;box-sizing:border-box;padding-left:2px;padding-right:20px;font-size:8px}
.place .nickname{width:100%;overflow:hidden;text-overflow:ellipsis;height:20px}
.place .nickname-container:after{font-size:13px;position:absolute;bottom:0px;right:0px;content:"B";border-radius:50%;width:20px;line-height:20px;text-align:center;background:var(--secondaire);color:white}
.place.loading .img{border:3px dashed var(--principale)}
.played-card{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:2px;width:50px;z-index:2;cursor:pointer}
.played-card img{display:block;width:100%;border-radius:3px}
.action{display:none;font-size:11px;position:absolute;padding:2px 0px;border-radius:3px;background:#F3F3F3;z-index:10;box-sizing:border-box;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.2);color:var(--principale)}
.place:not(.vide):hover > .action{display:block}
.action:after{position:absolute;content:'';width:0px;z-index:20}
.action .btn_ban{display:block;background:var(--principale) url(../img/kick.png) no-repeat center;background-size:18px;color:white;height:25px;margin:auto;border-radius:3px;margin-top:5px;cursor:pointer}
.action .btn_profil{display:block;background:var(--secondaire) url(../img/icon-profile.png) no-repeat center;background-size:18px;color:white;height:25px;margin:auto;border-radius:3px;margin-top:5px;cursor:pointer}
.action .btn_friend{display:block;background:var(--principale) url(../img/icon-del-friend.png) no-repeat center;background-size:18px;color:white;height:25px;border-radius:3px;margin-top:5px;cursor:pointer}
.action .btn_friend.add_friend{background-color:green;background-image:url(../img/icon-add-friend.png)}
#action-1:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #F3F3F3;bottom:-5px;margin-left:-3px}
#action-2:after{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #F3F3F3;right:-5px;bottom:7px}
#action-3:after{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #F3F3F3;top:-5px;margin-left:-3px}
#action-4:after{border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #F3F3F3;left:-5px;bottom:7px}
#action-1{bottom:100%;left:-12px}
#action-2{top:-10px;right:100%}
#action-3{top:100%;left:-12px}
#action-4{top:-10px;left:100%}
.cherya{display:none;font-size:13px;position:absolute;color:black;text-align:center;font-style:italic;padding-top:16px;width:64px;height:64px;z-index:3;box-sizing:border-box}
.cherya:before{position:absolute;content:'';top:0px;left:0px;right:0px;bottom:0px;background:url(../img/bulle.png) no-repeat;background-size:contain;z-index:-1}
#cherya-1:before,#cherya-2:before{transform:rotateY(180deg)}
#cherya-3:before{transform:rotateX(180deg)}
#cherya-1{bottom:25px;margin-left:50px}
#cherya-2{margin-bottom:95px;right:-10px}
#cherya-3{padding-top:30px;top:-10px;margin-right:50px}
#cherya-4{margin-bottom:95px;left:-10px}
#game-btns{position:fixed;right:10px;top:10px;z-index:2}
#place-2 .nickname-container:after,#place-4 .nickname-container:after{content:"A";background:var(--principale)}
#place-1{bottom:-30px;margin-left:120px}
#place-2{right:-42px}
#place-3{top:-40px;margin-right:120px}
#place-4{left:-42px}
#played-card-1{bottom:5px}
#played-card-2{right:25px}
#played-card-3{top:5px}
#played-card-4{left:25px}
.place:after{clear:both}
#cards-container{position:fixed;bottom:10px;left:20px;right:20px}
#cards{padding:0px;margin:0px;list-style:none;display:block;margin:auto;text-align:center;max-width:630px;width:90%}
#cards li{display:inline-block;cursor:pointer;padding:0px;margin:0px;margin-top:2px;box-sizing:border-box;width:10%}
#cards li span{display:block;padding-bottom:0px;border-radius:3px;box-sizing:border-box;border:2px solid transparent}
#cards li span:hover{border:0px;transition:.3s}
#cards li img{width:100%;height:auto;box-sizing:border-box;border-radius:3px}
#chat-container{position:fixed;background:white;top:65px;max-height:400px;bottom:20px;right:0px;width:280px;font-size:13px;box-sizing:border-box;transition:.3s;z-index:3}
#chat-container.slideUp{right:-250px}
#chat-container .title{position:absolute;background:var(--textColor);color:white;bottom:0px;top:0px}
#chat-container .title .close{position:absolute;bottom:0px;top:80px;left:0px;right:0px;cursor:pointer}
#chat-container .title .close:after{position:absolute;content:'';bottom:0px;height:35px;left:0px;right:0px;background:url(../img/close-chat.png) no-repeat center;background-size:16px;transition:.8s}
#chat-container.slideUp .title .close:after{transform:rotate(180deg)}
#chat,#in_salon{position:absolute;left:30px;right:0px;margin:auto;top:0px;bottom:0px;background:white;box-sizing:border-box;z-index:3}
#in_salon{display:none}
#chat #chatbox{position:absolute;top:0px;left:0px;right:0px;bottom:35px;overflow-y:auto;box-sizing:border-box;scrollbar-width:none}
#chat #chatbox .s{width:auto;height:15px}
#chat #chatbox .line{position:relative;font-weight:600;padding:5px;padding-left:55px;padding-right:55px}
#chat #chatbox .line.me{padding-right:5px}
#chat #chatbox .line:before{position:absolute;top:8px;left:6px;width:40px;height:40px;background:var(--boy) url(../img/boy.png) no-repeat top;background-size:cover;border-radius:50%;box-shadow:1px 1px 4px 0px rgba(0,0,0,0.4);box-sizing:border-box}
#chat #chatbox .line.woman:before{background-color:var(--girl)}
#chat #chatbox .line.me:before{display:none}
#chat #chatbox .line.entry{padding-left:10px;padding-right:10px}
#chat #chatbox .line.entry:before{display:none}
#chat #chatbox .line strong{display:block;font-weight:bold;font-size:11px}
#chat #chatbox .line.me strong{display:none}
#chat #chatbox .line .text{position:relative;float:left;background:var(--secondaire);color:white;border-radius:5px;padding:5px}
#chat #chatbox .line .text span span{font-size:20px}
#chat #chatbox .line .text iframe{width:100%;height:220px;min-width:200px}
#chat #chatbox .line.me .text{float:right;clear:both;background:#676767}
#chat #chatbox .line .text a{color:white}
#chat #chatbox .line .line-in{position:relative;margin:auto;background:#285C24;color:white;border-radius:5px;padding:5px;text-align:center;max-width:200px;float:left;font-size:11px}
#chat #chatbox .line .line-out{position:relative;margin:auto;background:var(--principale);color:white;border-radius:5px;padding:5px;text-align:center;max-width:200px;float:right;font-size:11px}
#chat #chatbox .line:last-child{border-bottom:0px}
#chat #chatbox .text{word-wrap:break-word}
#chat #chatbox strong{color:var(--principale)}
#chat #form{position:absolute;bottom:0px;left:0px;right:0px;height:35px}
#chat #form #input-chat{position:absolute;left:0px;right:0px;bottom:0px;height:35px;font-weight:600;border:2px solid var(--textColor);box-sizing:border-box;padding-left:5px;padding-right:40px;font-size:12px;border-radius:0px;border-left:0px;border-right:0px;outline:none}
#chat #form #input-chat-submit{position:absolute;height:31px;width:31px;border:0px;bottom:2px;box-sizing:border-box;right:2px;background:url(../img/submit-chat.png) no-repeat top;background-size:100%;cursor:pointer}
#chat #form #input-chat-submit:hover{background-position:bottom}
#chat #form #input-chat.disabled{background:#F3F3F3;color:#A3A3A3}
#chat .title:before{position:absolute;content:'';top:0px;right:15px;height:30px;width:12px;background:var(--principale) url(../img/down.png) no-repeat right;background-size:12px;transform:rotate(180deg)}
.progressbar{transition:2s;display:none;position:fixed;height:6px;background:white;z-index:6000;bottom:0px;box-shadow:0px 0px 4px 4px rgba(0,0,0,0.2)}
.progressbar-video{display:none;position:fixed;height:6px;width:0px;left:0px;background:white;z-index:6000;bottom:0px;box-shadow:0px 0px 4px 4px rgba(0,0,0,0.2)}
.progressbar-video.progress-5{transition:5s}
.progressbar-video.progress-10{transition:10s}
.progressbar-video.progress-15{transition:15s}
.progressbar-video.progress-20{transition:20s}
.progressbar-video.progress-25{transition:25s}
.progressbar-video.progress-30{transition:30s}
.progressbar-video.progress-35{transition:35s}
#accroche-sponsor{display:none}
.flipbox{display:inline-block;width:280px;perspective:500px}
.flipbox-inner{position:relative;height:200px;text-align:center;transition:transform 0.8s;transform-style:preserve-3d}
.flipbox:not(.no_turn):hover .flipbox-inner{transform:rotateY(180deg)}
.flipbox-front, .flipbox-back{position:absolute;width:95%;height:100%;backface-visibility:hidden;background:white;border-radius:8px;border:5px solid var(--textColor);overflow:hidden}
.flipbox-content{height:100%}
.salle .flipbox-content .play{position:absolute;top:55px;height:75px;width:75px;left:50px;right:50px;margin:auto;z-index:2;background:url(../img/btn-play.png) no-repeat bottom;background-size:100%;cursor:pointer;text-align:center}
.salle .flipbox-content .play:hover{background-position:top}
.salle .flipbox-content .play div{display:none}
.salle.Pro .flipbox-content .play:before{position:absolute;content:'';width:32px;height:32px;background:url(../img/pro.png) no-repeat;background-size:contain;right:-12px;bottom:-12px}
.flipbox-back{transform:rotateY(180deg)}
.shops_container .flipbox{width:160px}
.shops_container .flipbox-inner{height:204.8px}
.shops_container .flipbox-content{display:flex;align-items:center;justify-content:center}
.shops_container .flipbox-front,.shops_container .flipbox-back{width:auto;left:5px;right:5px;background:none no-repeat center;background-size:cover;cursor:pointer;overflow:hidden;border:0px;border-radius:3px}
.shops_container .flipbox-back .flipbox-content:after{position:absolute;top:50%;left:50%;content:'';width:1px;height:1px;background:white;border-radius:50%;box-shadow:0px 0px 10px 7px white;z-index:-1}
.shops_container .flipbox-front .nb,.shops_container .flipbox-back .nb{position:absolute;top:2px;font-size:20px;font-weight:800;text-shadow:1px 1px 1px black;padding-right:5px;padding-left:5px}
.shops_container .flipbox-front .title{position:absolute;top:2px;font-size:17px;font-weight:800;text-shadow:1px 1px 1px black;padding-right:5px;padding-left:5px}
.shops_container .flipbox-front .text{position:absolute;top:40px;font-size:13px;text-shadow:1px 1px 1px black;padding-right:5px;padding-left:5px;line-height:20px}
.shops_container .flipbox-front .nb_more,.shops_container .flipbox-back .nb_more{position:absolute;top:28px;text-align:center;font-weight:600;font-size:14px;text-shadow:1px 1px 0px black;padding-right:5px;padding-left:5px}
#shop-gems .shops_container .flipbox-front .nb,#shop-gems .shops_container .flipbox-back .nb{padding-right:30px;padding-left:15px}
#shop-gems .shops_container .flipbox-front .nb_more,#shop-gems .shops_container .flipbox-back .nb_more{padding-right:22px;padding-left:11px}
#shop-gems .shops_container .flipbox-front .nb:after,#shop-gems .shops_container .flipbox-back .nb:after{position:absolute;content:'';right:0px;top:0px;bottom:0px;width:28px;background:url(../img/gem.png) no-repeat right;background-size:contain;transform:rotate(20deg)}
#shop-gems .shops_container .flipbox-front .nb_more:after,#shop-gems .shops_container .flipbox-back .nb_more:after{position:absolute;content:'';right:0px;top:0px;bottom:0px;width:20px;background:url(../img/gem.png) no-repeat right;background-size:contain;transform:rotate(20deg)}
#shop-coins .shops_container .flipbox-front .nb,#shop-coins .shops_container .flipbox-back .nb{padding-right:30px;padding-left:15px}
#shop-coins .shops_container .flipbox-front .nb_more,#shop-coins .shops_container .flipbox-back .nb_more{padding-right:22px;padding-left:11px}
#shop-coins .shops_container .flipbox-front .nb:after,#shop-coins .shops_container .flipbox-back .nb:after{position:absolute;content:'';right:0px;top:0px;bottom:0px;width:28px;background:url(../img/coin.png) no-repeat right;background-size:contain;transform:rotate(20deg)}
#shop-coins .shops_container .flipbox-front .nb_more:after,#shop-coins .shops_container .flipbox-back .nb_more:after{position:absolute;content:'';right:0px;top:-2px;bottom:-2px;width:20px;background:url(../img/coin.png) no-repeat right;background-size:contain;transform:rotate(20deg)}
.shops_container .flipbox-front .oldprice,.shops_container .flipbox-back .oldprice{position:absolute;padding:3px;padding-right:20px;bottom:33px;background:url(../img/shop/soldes.png) no-repeat center;background-size:contain;width:50px;height:29px;box-sizing:border-box;transform:rotate(-5deg);font-size:11px;font-weight:600;text-align:center;text-shadow:1px 1px 0px black;line-height:12px;right:5px;bottom:45px;z-index:0}
.shops_container .flipbox-front .oldprice:after,.shops_container .flipbox-back .oldprice:after{position:absolute;content:'';width:36px;height:1.5px;border-radius:5px;background:red;transform:rotate(-28deg);left:2px;bottom:18px;box-shadow:1px 1px 0px 0px black}
.shops_container .flipbox-front .price,.shops_container .flipbox-back .price{position:absolute;font-size:14px;font-weight:800;text-align:right;text-shadow:1px 1px 0px black;line-height:12px;padding-top:3px;padding-right:50px;padding-left:15px;bottom:10px;background:url(../img/shop/pay-gems.png) no-repeat center;background-size:contain;width:130px;height:39px;box-sizing:border-box}
#shop-gems .shops_container .flipbox-front .price,#shop-gems .shops_container .flipbox-back .price{background-image:url(../img/shop/paypal.png);width:130px;height:39px;margin-top:102px;padding-top:3px;color:white}
.shops_container .flipbox-front .price span,.shops_container .flipbox-back .price span{display:block;font-weight:700;font-size:11px;line-height:12px}
.shops_container .flipbox-front:before,.shops_container .flipbox-back:before{position:absolute;content:'';top:0px;bottom:50px;left:0px;right:0px;background:none no-repeat bottom;background-size:contain;filter:drop-shadow(-4px -4px 10px white)}
#shop-vip .shops_container .flipbox-front:before{top:40px;bottom:40px;background-position:center}
#shop-rooms .shops_container .flipbox-front:before{bottom:55px}
#shop-gems .shops_container .flipbox-front:before{top:55px}
.shops_container .flipbox-front:before{filter:drop-shadow(-4px -4px 10px white)}
.shops_container .flipbox-back{background-image:url(../img/wow.png)}
#shop-coins .img:before,#shop-vip .img:before,#shop-rooms .img:before,#shop-gems .img:before{position:fixed;content:'';right:-20px;width:30%;max-width:380px;top:150px;bottom:0px;background:none no-repeat bottom right;background-size:contain}
#shop-coins .img:before{background-image:url(../img/shop/bg-caballo-coins.png)}
#shop-vip .img:before{background-image:url(../img/shop/bg-caballo-vip.png)}
#shop-rooms .img:before{background-image:url(../img/shop/bg-rey-rooms.png);max-width:460px}
#shop-gems .img:before{background-image:url(../img/shop/bg-sota-gems.png);max-width:320px}
#shop-coins .img:after,#shop-vip .img:after,#shop-rooms .img:after,#shop-gems .img:after{position:fixed;content:'';left:-20px;width:50%;max-width:580px;top:150px;bottom:-40px;background:none no-repeat bottom left;background-size:contain}
#shop-coins .img:after{background-image:url(../img/shop/bg-coins.png)}
#shop-vip .img:after{background-image:url(../img/shop/bg-vip.png)}
#shop-rooms .img:after{background-image:url(../img/shop/bg-rooms.png)}
#shop-gems .img:after{background-image:url(../img/shop/bg-gems.png)}
#shop-coins .shops_container .flipbox-back{background-color:#2A72DE}
#shop-gems .shops_container .flipbox-back{background-color:#012F63}
#shop-vip .shops_container .flipbox-back{background-color:#9E080A}
#shop-rooms .shops_container .flipbox-back{background-color:#290CC8}
.shops_container .flipbox-back:before{top:20%;bottom:20%;left:0px;right:0px;background-position:center;background-size:contain}
.shops_container .last-tile{display:inline-block;width:160px;height:204.8px;border-radius:3px;background:none no-repeat center;background-size:cover}
#shop-coins .shops_container .flipbox .flipbox-front{background-image:url(../img/shop/coins.jpg)}
#shop-coins .shops_container .flipbox:last-child .flipbox-front,#shop-coins .shops_container .flipbox:last-child .flipbox-back{background-image:url(../img/shop/coins-last.jpg);cursor:initial}
#shop-coins .shops_container .flipbox:nth-child(1) .flipbox-front:before,#shop-coins .shops_container .flipbox:nth-child(1) .flipbox-back:before{background-image:url(../img/shop/coins-1.png)}
#shop-coins .shops_container .flipbox:nth-child(2) .flipbox-front:before,#shop-coins .shops_container .flipbox:nth-child(2) .flipbox-back:before{background-image:url(../img/shop/coins-2.png)}
#shop-coins .shops_container .flipbox:nth-child(3) .flipbox-front:before,#shop-coins .shops_container .flipbox:nth-child(3) .flipbox-back:before{background-image:url(../img/shop/coins-3.png)}
/*#shop-coins .shops_container .flipbox:nth-child(4) .flipbox-front:before,#shop-coins .shops_container .flipbox:nth-child(4) .flipbox-back:before{background-image:url(../img/shop/coins-4.png)}
#shop-coins .shops_container .flipbox:nth-child(5) .flipbox-front:before,#shop-coins .shops_container .flipbox:nth-child(5) .flipbox-back:before{background-image:url(../img/shop/coins-5.png)}*/
#shop-coins .shops_container .flipbox:nth-child(4) .flipbox-front:before,#shop-coins .shops_container .flipbox:nth-child(4) .flipbox-back:before{background-image:url(../img/shop/coins-6.png)}
#shop-coins .shops_container .flipbox:nth-child(5) .flipbox-front:before,#shop-coins .shops_container .flipbox:nth-child(5) .flipbox-back:before{background-image:url(../img/shop/coins-7.png)}
#shop-gems .shops_container .flipbox .flipbox-front{background-image:url(../img/shop/gems.jpg)}
#shop-gems .shops_container .flipbox:last-child .flipbox-front,#shop-gems .shops_container .flipbox:last-child .flipbox-back{background-image:url(../img/shop/gems-last.jpg);cursor:initial}
#shop-gems .shops_container .flipbox:nth-child(1) .flipbox-front:before,#shop-gems .shops_container .flipbox:nth-child(1) .flipbox-back:before{background-image:url(../img/shop/gems-1.png)}
#shop-gems .shops_container .flipbox:nth-child(2) .flipbox-front:before,#shop-gems .shops_container .flipbox:nth-child(2) .flipbox-back:before{background-image:url(../img/shop/gems-2.png)}
#shop-gems .shops_container .flipbox:nth-child(3) .flipbox-front:before,#shop-gems .shops_container .flipbox:nth-child(3) .flipbox-back:before{background-image:url(../img/shop/gems-3.png)}
#shop-gems .shops_container .flipbox:nth-child(4) .flipbox-front:before,#shop-gems .shops_container .flipbox:nth-child(4) .flipbox-back:before{background-image:url(../img/shop/gems-4.png)}
#shop-gems .shops_container .flipbox:nth-child(5) .flipbox-front:before,#shop-gems .shops_container .flipbox:nth-child(5) .flipbox-back:before{background-image:url(../img/shop/gems-5.png)}
#shop-gems .shops_container .flipbox:nth-child(6) .flipbox-front:before,#shop-gems .shops_container .flipbox:nth-child(6) .flipbox-back:before{background-image:url(../img/shop/gems-6.png)}
#shop-vip .shops_container .flipbox .flipbox-front{background-image:url(../img/shop/vip.jpg)}
#shop-vip .shops_container .flipbox:nth-child(1) .flipbox-front:before,#shop-vip .shops_container .flipbox:nth-child(1) .flipbox-back:before{background-image:url(../img/shop/vip-1.png)}
#shop-vip .shops_container .flipbox:nth-child(2) .flipbox-front:before,#shop-vip .shops_container .flipbox:nth-child(2) .flipbox-back:before{background-image:url(../img/shop/vip-2.png)}
#shop-vip .shops_container .flipbox:nth-child(3) .flipbox-front:before,#shop-vip .shops_container .flipbox:nth-child(3) .flipbox-back:before{background-image:url(../img/shop/vip-3.png)}
#shop-vip .shops_container .flipbox:nth-child(4) .flipbox-front:before,#shop-vip .shops_container .flipbox:nth-child(4) .flipbox-back:before{background-image:url(../img/shop/vip-4.png)}
#shop-vip .shops_container .flipbox:nth-child(5) .flipbox-front:before,#shop-vip .shops_container .flipbox:nth-child(5) .flipbox-back:before{background-image:url(../img/shop/vip-5.png)}
#shop-vip .shops_container .flipbox:nth-child(6) .flipbox-front:before,#shop-vip .shops_container .flipbox:nth-child(6) .flipbox-back:before{background-image:url(../img/shop/vip-6.png)}
#shop-rooms .shops_container .flipbox .flipbox-front{background-image:url(../img/shop/rooms.jpg)}
#shop-rooms .shops_container .flipbox:nth-child(1) .flipbox-front:before,#shop-rooms .shops_container .flipbox:nth-child(1) .flipbox-back:before{background-image:url(../img/shop/rooms-1.png)}
#shop-rooms .shops_container .flipbox:nth-child(2) .flipbox-front:before,#shop-rooms .shops_container .flipbox:nth-child(2) .flipbox-back:before{background-image:url(../img/shop/rooms-2.png)}
#shop-rooms .shops_container .flipbox:nth-child(3) .flipbox-front:before,#shop-rooms .shops_container .flipbox:nth-child(3) .flipbox-back:before{background-image:url(../img/shop/rooms-3.png)}
#shop-rooms .shops_container .flipbox:nth-child(4) .flipbox-front:before,#shop-rooms .shops_container .flipbox:nth-child(4) .flipbox-back:before{background-image:url(../img/shop/rooms-4.png)}
#shop-rooms .shops_container .flipbox:nth-child(5) .flipbox-front:before,#shop-rooms .shops_container .flipbox:nth-child(5) .flipbox-back:before{background-image:url(../img/shop/rooms-5.png)}
#shop-rooms .shops_container .flipbox:nth-child(6) .flipbox-front:before,#shop-rooms .shops_container .flipbox:nth-child(6) .flipbox-back:before{background-image:url(../img/shop/rooms-6.png)}
.container:before,.container:after,.row:before,.row:after,.line:before,.line:after,#top100:before,#top100:after{display:table;content:" "}
.clearfix:after,.container:after,.row:after,.line:after,.line:after,#top100:before,#top100:after{clear:both}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:10px;padding-left:10px;box-sizing:border-box}
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
@media screen and (max-width:960px){.largeur{padding-left:20px;padding-right:20px;width:auto}
header #close-responsive{top:25px}
header #menu-subscribe{margin-top:12px}
#accroche{font-size:22px}
#content-logo .logo{width:50%;margin:auto}
.col-xg-1,.col-xg-2,.col-xg-3,.col-xg-4,.col-xg-5,.col-xg-6,.col-xg-7,.col-xg-8,.col-xg-9,.col-xg-10,.col-xg-11,.col-xg-12{float:left}
.col-xg-12{width:100%}
.col-xg-11{width:91.66666667%}
.col-xg-10{width:83.33333333%}
.col-xg-9{width:75%}
.col-xg-8{width:66.66666667%}
.col-xg-7{width:58.33333333%}
.col-xg-6{width:50%}
.col-xg-5{width:41.66666667%}
.col-xg-4{width:33.33333333%}
.col-xg-3{width:25%}
.col-xg-2{width:16.66666667%}
.col-xg-1{width:8.33333333%}
}
@media screen and (max-width:720px){
#popin-classement{top:134px;left:0px}
#menu-left{height:64px;left:0px;width:auto;right:0px;bottom:auto;overflow:hidden;overflow-x:auto}
#menu-shop{height:64px;left:0px;width:auto;right:0px;bottom:auto;overflow:hidden;overflow-x:auto}
.title-rooms{position:absolute;left:0px;width:120px;height:64px}
.title-shops{position:absolute;left:0px;width:120px;height:64px}
#content-logo #index_container,.index_container{left:0px;top:64px}
.qst ~ .rep{font-size:10px;font-weight:600;padding-left:20px;padding-right:20px}
.title-rooms:nth-child(1){left:0px}
.title-rooms:nth-child(2){left:120px}
.title-rooms:nth-child(3){left:240px}
.title-rooms:nth-child(4){left:360px}
.title-rooms:nth-child(5){left:480px}
.title-rooms:nth-child(6){left:600px}
.title-shops:nth-child(1){left:0px}
.title-shops:nth-child(2){left:120px}
.title-shops:nth-child(3){left:240px}
.title-shops:nth-child(4){left:360px}
.title-shops:nth-child(5){left:480px}
#accroche,.accroche{font-size:18px}
#yt{position:relative;width:100%;max-width:400px;height:240px;margin:auto;top:auto;left:auto;right:auto;bottom:auto}
#yt #yt-image{margin-top:20px;background-position:center}
#yt #youtubeEmbed{position:relative;width:100%;height:100%}
.salle .cacherjoueurs{display:none}
#content-logo .logo{width:60%}
#ghnas{font-size:12px}
#popin-inscription input[type="text"],#popin-inscription input[type="email"],#popin-inscription input[type="password"],#popin-inscription select{width:100%;margin:auto}
header #menu-subscribe{display:none}
#chri{top:100px}
#salles{font-size:16px}
.open-salles-publiques,.open-salles-privees{margin-top:15px}
.open-add-salon{float:none;margin:10px;margin-top:20px;margin-bottom:30px}
#ranking .ranking-salle span{display:none}
#shop-coins .img:before,#shop-vip .img:before,#shop-rooms .img:before,#shop-other .img:before,#shop-gems .img:before{top:140px}
#shop-vip .img:after,#shop-coins .img:after,#shop-rooms .img:after,#shop-other .img:after,#shop-gems .img:after{top:140px}
h2,h3{font-size:20px}
.list-salles{padding-left:40px;padding-right:40px}
.tables-selectors{position:absolute;right:0px;top:0px;width:32px;z-index:2}
.tables-selectors li{display:block;width:32px;height:32px}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
}
@media screen and (max-width:480px){.largeur{padding-left:10px;padding-right:10px}
.popin-li h3{font-size:18px}
.wrapper-icons{width:auto}
#accroche,.accroche{font-size:13px}
#content-logo{padding-top:100px}
#content-logo .logo{width:70%;top:-50px}
#ranking .ranking-salle{top:8px;right:10px}
#ranking .points{top:auto;bottom:2px}
h2,h3{font-size:16px}
.icon-social{float:none;margin:10px auto}
.btn-profil-responsive .profil-name{max-width:90px}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-right:5px;padding-left:5px}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
}
@media screen and (max-width:410px){header{font-size:12px}
.place{width:50px;padding-top:50px}
.place.isTurn .img:after{width:20px;right:12px}
.played-card img{width:50px}
#cards{width:90%;max-width:400px}
#cards li{width:20%}
#content-touti{bottom:230px}
#shop-coins .img:before,#shop-vip .img:before,#shop-rooms .img:before,#shop-other .img:before,#shop-gems .img:before{display:none}
#shop-vip .img:after, #shop-coins .img:after, #shop-rooms .img:after, #shop-other .img:after, #shop-gems .img:after{width:70%;max-width:none}
h2,h3{font-size:14px}
}
@media screen and (max-width:320px){body{font-size:12px}
#accroche,.accroche{font-size:12px}
#content-logo .logo{top:-40px}
#content-logo{padding-top:120px}
h2,h3{font-size:12px}
.btn-profil-responsive .profil-name{max-width:60px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
}