a,audio,b,body,button,em,embed,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,input,label,legend,li,object,ol,p,span,ul,video{margin:0;padding:0;border:0}

html{height:100%;background:#0c8ccb}

body{height:100%;display:flex;flex-direction:column;background:linear-gradient(#a0d5e9,#0c8ccb 400px)}

body,input,textarea{font-family:"Open Sans",Arial,sans-serif;font-size:13px;color:#444}

input,select,textarea{outline:0}

a{color:#0c8ccb;text-decoration:none}

a:hover{color:#09638e}

/* iframe{width:100%;height:100%;overflow:hidden} */

ul{text-align:left;list-style-type:none}

li{font-weight:700;}

p{margin:15px 0}

button{cursor:pointer;user-select:none;outline:0;border:none;font-family:inherit;font-size:100%;text-transform:none;background:0 0}

#header{display:flex;justify-content:flex-start;align-items:center;position:fixed;top:0;left:0;z-index:99;width:100%;height:60px;background:linear-gradient(#a0d5e9,#0e8dcb);border-bottom:1px solid #005589;box-shadow:0 0 8px 0 #333}

.logo{height:60px;margin-left:20px;display:flex;align-items:center}

nav{margin:6px 0 0 15px}

#global{width:100%;display:flex;flex-wrap:wrap;margin:0 auto;overflow:visible;position:relative;justify-content:center;flex:1;align-content:flex-start;margin-top:60px}

.textbox{width:100%;margin:0;display:flex;justify-content:center;padding:15px}

.footer{display:flex;align-items:center; flex-wrap: wrap; width:100%;background-color:#303338;margin:0;color:#ccc;font-size:12px}

.footer a{display:flex;align-items:center;color:#ccc;padding:0 20px;border-left:solid 1px #555;text-align:center;height:38px}

.footer a:hover{color:#0c8ccb}

.textfoot{display:flex;align-items:center;flex-grow:1; font-weight:700;font-style:italic;padding:0 15px}

@media screen and (max-width:600px) {
    .textfoot{
        margin-top: 20px;
        width: 100%;
    }
}
.colonne_droite{margin:15px 0 15px 15px;width:367px}

.content,.content_wide{margin:15px 0 15px 0;width:100%;box-sizing:border-box}

.Lside{width:100%;max-width:922px}

.Gside,.content_wide{max-width:1054px}

.Gside{width:100%}

.colonne_droite,.content,.content_wide{padding:15px;background-color:#fff;border-radius:15px}

#content_game,.colonne_droite,.content,.content_wide{box-shadow:0 10px 10px #003555}

.cons_head{display:flex;align-items:center;height:40px;padding-left:15px;border-radius:6px 6px 0 0}

.cons_head{text-shadow:0 1px 0 #a34303;background:#fc8100;background:linear-gradient(#fea61e,#fc8100);border-bottom:1px solid #e76005}

.cons_content{display:flex;flex-wrap:wrap;justify-content:space-evenly;background-color:#f1f1f1;padding:15px 0 0 15px;text-align:left;border-radius:0 0 8px 8px;border:solid 1px #ccdbe4;border-top:0}

.fil{width:100%;margin:-4px 0 0 0}

.edito{width:calc(922px + 412px);display:flex;flex-direction:column;padding:0;text-align:left;color:#fff}

.edito a{color:#fff}

.edito h1,.edito h2{font-weight:700;font-size:15px;color:#fff}

.entete,.popTitle{color:#fff;font-weight:700;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.entete{font-size:18px}

.popTitle{font-size:15px;height:33px}

h1.entete,h2.entete{margin-top:0;padding:0}

.title_misc{font-size:15px;color:#0c8ccb}

.gray{color:#999}

.plug_single{width:100%;margin:0 15px 0 0;padding:0 0 10px 0}

.plug_image{width:160px;height:120px;position:relative;padding:0;margin:0 15px 15px 0}

.plug_image img{width:160px;height:120px;margin:0;padding:0;border-radius:10px}

.game_title{position:absolute;bottom:0;left:0;width:152px;height:16px;line-height:15px;padding:0 4px 0 4px;color:#fff;background-color:rgba(0,0,0,.6);border-radius:0 0 10px 10px;font-size:11px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#content_game{margin-top:15px;overflow:hidden;border-radius:0 0 15px 15px}

#game_container{background-color:#272727;padding:15px}

.jeu{position:relative;margin:0 auto;padding:0;text-align:center}

.rubrique{font-weight:700;font-size:15px;color:#fff;background-color:#0c8ccb;border:1px solid #ccdbe4;padding:5px 0 1px 5px;margin:10px 0 10px 0}

.rubrique_titre{display:inline;top:-4px;left:5px;position:relative}

.envoimes,.gametags a{padding:2px 5px;border:solid 1px #e76005;background-color:#fc8906;border-radius:2px;color:#fff}

.envoimes:hover,.gametags a:hover{text-decoration:none;color:#fff;background-color:#fc9d32;border:solid 1px #e76005}

.mailform{width:100%;border:0;margin:0;border-collapse:collapse}

.mailform td{padding:4px}

.formcontact{width:100%;border:solid 1px #ccdbe4;padding:5px 10px;box-sizing:border-box;border-radius:5px}

.divider{background:transparent url(../images/dots_horizontal.png) repeat-x left center;border:none;height:15px;width:100%}

.delete{background:transparent url(images/favorite-x.png) no-repeat;height:7px;width:8px;cursor:pointer;position:relative;float:right;margin:0 -8px 0 0}

.pub_header{height:90px;width:100%;margin-top:15px;display:flex;justify-content:center}

.pub{text-align:center;margin-top:15px;height:250px}

.pubGside{margin-left:112px}

.grayfilter img{filter:grayscale(1);opacity:.6}

#menuToggle{display:flex;flex-direction:column;position:relative;z-index:99;-webkit-user-select:none;user-select:none}

#menuToggle input{display:flex;width:26px;height:20px;position:absolute;cursor:pointer;opacity:0;z-index:9}

#menuToggle span{display:flex;position:relative;width:26px;height:3px;margin-bottom:5px;background:#f6f6f6;border-radius:3px;z-index:5;transform-origin:2px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}

#menuToggle span:first-child{transform-origin:0 0}

#menuToggle span:nth-last-child(2){transform-origin:0 100%}

#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(0,0);background:#999}

#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2,.2)}

#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(0,0)}

#menuToggle input:checked~ul{transform:none}

#menu{position:absolute;overflow:hidden;height:100vh;min-width:220px;box-shadow:0 0 10px #000;margin:-21px 0 0 -34px;background-color:#f1f1f1;transform-origin:0 0;transform:translate(-100%,0);transition:transform .5s cubic-bezier(.8,.2,.05,1)}

#menu:hover{overflow-y:auto}

@media (hover:none){#menu{overflow-y:auto}

}#menu li{display:flex;justify-content:flex-start;align-items:center;transition-delay:2s;margin-left:20px;border-top:solid 1px #fff;border-bottom:solid 1px #ccc}

.navover a{flex:1;padding:15px 50px 15px 15px;white-space:nowrap;font-size:1.05em;font-weight:700}

.navhome{height:60px;border-bottom:solid 1px #d5d5d5}

.navhome a{padding:0 8px}

.navhome svg{width:26px;height:18px}

.navclose{width:45px;height:60px;background:#e5e5e5;border-right:solid 1px #ccc}

.navover{white-space:nowrap;height:48px}

.navover .border0{border-left:solid 8px #fc8906}

.navover .border1{border-left:solid 8px #0c8ccb}

@font-face{font-family:icons;src:url(../fonts/icons.eot);src:url(../fonts/icons.eot?5zga90#iefix) format('embedded-opentype'),url(../fonts/icons.ttf) format('truetype'),url(../fonts/icons.woff) format('woff'),url(../fonts/icons.svg?5zga90#icons) format('svg');font-weight:400;font-style:normal;font-display:block}

[class^=icon-]{font-family:icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none}

.icon-search2:before,.icon-search:before{content:"\e901"}

.icon-fav:before{content:"\e906"}

.icon-close::before{content:"\e903"}

.icon-search{position:absolute;top:8px;right:10px;font-size:17px;color:#333}

.icon-search2{display:none;position:static;font-size:20px;margin-right:15px;color:#f6f6f6}

.icon-close{position:absolute;top:23px;right:20px;font-size:13px;color:#f6f6f6}

.headwrap{display:flex;justify-content:center;align-items:center;height:60px;flex-grow:1}

.search{position:relative}

.search input,.search2 input{border-radius:5px}

#search{width:400px;padding:8px 40px 8px 15px;border:solid 1px #e76005;background-color:#fc8906;color:#fff}

#search:focus{background-color:#e76005;border:solid 1px #fc8906}

.search2{display:none;position:absolute;z-index:10;top:61px;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.4)}

#search2{width:calc(100vw - 95px);margin:14px;padding:8px 15px;background-color:#fc8906;color:#fff}

.search2 form{background-color:#0c8ccb}

.flag svg{width:32px;height:22px}

.flag{padding:0 20px;border-left:solid 1px #f6f6f6;height:60px;display:flex;align-items:center}

.ratingstars{width:100%;height:14px;background:url(../images/stars.gif) no-repeat top left;font-size:1px!important}

.stars-0{background-position:0 -1px}

.stars-1{background-position:0 -15px}

.stars-2{background-position:0 -29px}

.stars-3{background-position:0 -43px}

.stars-4{background-position:0 -57px}

.stars-5{background-position:0 -71px}

.stars-6{background-position:0 -85px}

.stars-7{background-position:0 -99px}

.stars-8{background-position:0 -113px}

.stars-9{background-position:0 -127px}

.stars-10{background-position:0 -141px}

.ratingstars span{font-size:13px;color:#999;margin-left:90px}

.ratingstars span span{margin:0}

.sortMenu{float:right;position:relative;margin:-41px 0 0 0;text-align:left}

.sortMenu,.sortMenu a,.sortMenu li{font-size:14px;color:#fff;font-weight:400}

.sortMenu a,.sortMenu span{padding:0 7px}

.sortMenu .actif{background:#fc9730;background:linear-gradient(#fbb545,#fc9730);cursor:pointer;font-weight:600}

.sortMenu li{display:inline-block;height:40px;line-height:40px;vertical-align:middle}

#tri_menu li,.sortMenu li.actif{overflow:hidden;border:1px solid #e76005;border-top:0;width:165px;border-right:0}

.sortMenu li.actif{border-top-right-radius:6px}

.sortMenu img{float:right;padding-right:5px;margin-top:3px}

.sortMenu a{display:block}

#tri_menu{position:absolute;z-index:9999;background-color:#fc8906;display:none}

#tri_menu li:hover{background:#fc9730;background:linear-gradient(#fbb545,#fc9730)}

.moreGames{float:right;position:relative;margin:-41px 0 0 0;border:1px solid #e76005;border-top:0;border-right:0;height:40px}

.moreGames a{display:inline-block;width:41px}

.moreGames a:hover{background:#fc9730;background:linear-gradient(#fbb545,#fc9730);border-top-right-radius:6px}

.moreGames img{margin-top:3px}

.fil_single{color:#fff;margin:0 15px;text-shadow:none;white-space:nowrap}

.fil_single a{color:#fff}

.fil_single a:hover{text-decoration:underline}

div.pagination{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-size:14px;margin:10px 10px 20px 0}

div.pagination a{border:1px solid #b7d4e6;margin:5px;padding:3px 13px;border-radius:5px;font-weight:600}

div.pagination a:active,div.pagination a:hover{background-color:#0c8ccb;color:#fff}

div.pagination span.current{padding:2px 6px;font-weight:700}

.bubbleInfo{position:relative}

.popup{position:absolute;display:none;background:transparent url(js/tooltip/tooltip.png);font-size:12px;line-height:16px;height:130px;width:220px;padding:10px;z-index:9999;text-align:left;overflow:hidden;text-overflow:ellipsis}

.popup span{font-size:12px;color:#999}

@media (hover:none){.popup{display:none!important}

}.slider{display:flex;align-items:center;height:40px;background-color:#f1f1f1}

.slid1{width:30%;text-align:center;background:url(images/dots_vertical.png) right top repeat-y}

.slid1 img{margin-top:4px;cursor:pointer}

.slid2{width:40%;margin-top:4px;text-align:center}

.slid3{width:30%;height:100%;background:url(images/dots_vertical.png) left top repeat-y;display:flex;justify-content:center;align-items:center}

#preloader{overflow:hidden;position:relative;width:100%;height:650px;margin:0 auto;border-radius:6px}

#adContainer{width:100%;height:100%;text-align:left}

#playGame{cursor:pointer;position:absolute;display:block;width:100%;height:100%;background-color:transparent;z-index:9}

#playImg{position:absolute;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;filter:blur(50px) brightness(1.5)}

#playButton{position:absolute;padding:10px 20px;border:solid 2px #e76005;border-radius:5px;font-size:20px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#fc8906;white-space:nowrap}

#playName{position:absolute;width:90%;text-align:center;top:75%;left:50%;font-weight:700;transform:translate(-50%,-50%);font-size:20px;padding:20px 0;color:#fff;text-shadow:1px 1px #000;background:linear-gradient(to right,rgba(30,87,153,0) 0,rgba(0,0,0,.3) 50%,rgba(125,185,232,0) 100%)}

.playThumb{position:absolute;top:30%;left:50%;border:2px solid #eff;border-radius:20px;transform:translate(-50%,-50%)}

#closegame{display:none;position:absolute;align-items:center;z-index:999;left:0;top:24px;background:linear-gradient(#a0d5e9,#0e8dcb);padding:7px 3px;border-top-right-radius:8px;border-bottom-right-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,.3)}

#closegame #iconarrow{width:9px;height:15px;margin-right:3px;transform:scaleX(-1);fill:#f6f6f6}

#closegame #iconsite{width:41px;height:25px}

.jRatingAverage{background-color:#0c8ccb;position:relative;top:0;left:0;z-index:2;height:100%}

.jRatingColor{background-color:#ffbe04;position:relative;top:0;left:0;z-index:2;height:100%}

.jStar{position:relative;left:0;z-index:3}

p.jRatingInfos{position:absolute;z-index:9999;background:transparent url(js/jrating/icons/bg_jRatingInfos.png) no-repeat;color:#fff;display:none;width:91px;height:29px;font-size:16px;text-align:center;padding-top:5px}

p.jRatingInfos span.maxRate{color:#c9c9c9;font-size:14px}

@media only screen and (min-width:1700px){#menu li.navhome{display:none}

#menu{margin:40px 0 0 -34px;box-shadow:0 10px 10px #000;height:calc(100vh - 61px)}

#menuToggle input:checked~span{background:#f6f6f6}

#menuToggle input~ul{transform:none}

#menuToggle input:checked~ul{transform:translate(-100%,0)}

#menuToggle input:not(:checked)~span{transform:rotate(45deg) translate(0,0)}

#menuToggle input:not(:checked)~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2,.2)}

#menuToggle input:not(:checked)~span:nth-last-child(2){transform:rotate(-45deg) translate(0,0)}

#menuToggle input:checked~span{transform:none}

#menuToggle input:checked~span:nth-last-child(3){opacity:1;transform:none}

#menuToggle input:checked~span:nth-last-child(2){transform:none}

#global{margin-left:200px;width:calc(100% - 200px)}

}@media only screen and (max-width:1520px){.Gside,.content_wide{max-width:930px}

}@media only screen and (max-width:1395px){.Lside{max-width:747px}

.edito{width:calc(747px + 412px)}

.rGside .colonne_droite{max-width:930px;margin:0 0 15px 0;width:100%;box-sizing:border-box}

#pubG1{width:160px!important;margin-top:120px!important}

#pubG2{display:none}

#pubG3{display:block!important}

.pubGside{margin:0;position:absolute;right:0}

.Gside,.content_wide,.rGside{margin-left:-210px}

#preloader{height:500px}

}@media only screen and (max-width:1220px){.Lside{max-width:572px}

.edito{width:calc(572px + 412px)}

.Lside .pub_header{display:none}

.pubGside{display:none}

.Gside,.content_wide,.rGside{margin-left:0}

}@media only screen and (max-width:1050px){.pub{display:none}

.Lside{max-width:747px}

.Rside .colonne_droite{max-width:717px;width:100%;margin:0 0 15px 0}

.edito{width:747px}

.Lside .pub_header{display:flex}

}@media only screen and (max-width:950px){#game_container,.colonne_droite,.content,.content_wide{margin:0!important;padding:0;border-radius:0;border:0}

.Gside,.Lside,.colonne_droite,.content_wide{max-width:950px!important}

.edito{width:100%}

.textbox{border-top:solid 1px #005589;margin:0}

.sortMenu li.actif{border-top-right-radius:0}

.pub_header{margin-bottom:15px}

.cons_head{border-radius:0}

#preloader{border-radius:0}

#content_game,#header,.colonne_droite,.content{box-shadow:none}

.cons_content{border:none;border-radius:0}

#content_game{margin:0;border-radius:0}

.headwrap{justify-content:flex-end}

.search{display:none}

.favHead,.flag{display:none}

.icon-search2{display:block}

}@media only screen and (max-width:800px){.pub_header{display:none!important}

#pubMobi{display:block!important}

}@media only screen and (max-width:600px){#preloader{height:250px}

#playName{display:none}

.playThumb{top:35%}

#playButton{top:80%}

#content_game .cons_head,.slider{display:none}

#favorite2{display:block!important}

#content_game{margin:0;border-radius:0}

}@media only screen and (max-width:400px){.cons_content{padding:15px 0 0 10px}

.plug_image{margin:0 10px 15px 0}

}@media only screen and (min-width:310px) and (max-width:350px){.plug_image{width:140px;height:105px}

.plug_image img{width:140px;height:105px}

.game_title{width:132px}

}@media only screen and (max-width:340px){.textfoot img{height:15px;width:86px}

#favorite2{float:none!important;margin:15px 0 0 0!important}

}