html, body {margin:0;padding:0;border:0;}
body {background: #0C8CCB; background: linear-gradient(#A0D5E9,#0C8CCB 400px);}
body, input, textarea {font-family: "Open Sans", Arial, sans-serif; font-size:13px; color:#72273A;}
a {color:#0C8CCB; text-decoration:none;}
a:hover {color:#09638E;}
img {border: 0;}
iframe {margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;}
ul {margin:0;padding:0;text-align:left;list-style-type:none;}
li {font-weight:700;height:20px;}

#global, .container {
	display:flex;
	flex-wrap:wrap;
	width:980px;
	background-color:#FFF;
	margin: 0 auto;
	overflow: visible;
	position:relative;
}
#global, .container, #game_container {box-shadow: 0px 10px 10px #003555;}
#head_logo  {	
	margin: 0 auto;
	padding-top: 10px;
	width:960px;
	height: 90px;
}
/* Barre de navigation */
#nav {
	width:980px;
	height: 32px;
	margin-top: 10px;
	background: #72273A; background: linear-gradient(#57051B,#823B4D);
	border: 1px solid #57051B; border-left:0; border-right:0;
	overflow: hidden;
}
#nav ul {
    font-size: 0px;
    list-style: none outside none;
    text-align: left;
}
#nav ul li {
    display: inline-block;
    vertical-align: middle;
    background: url('images/nav_sprite.png') no-repeat scroll 0px -95px transparent;
    padding-left: 2px;
	height: 32px;
}
#nav a {
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.1px;
    line-height: 32px;
    padding: 0px 11px;
    text-decoration: none;
	text-shadow: 0px 1px 0px #340311;
	height: 32px;
}
#nav a:hover {background: #A50A34; background: linear-gradient(#A50A34,#A74962);}
#nav ul li.home {
    background: none repeat scroll 0% 0% transparent;
    padding-left: 0px;
}
#nav ul li.home span {
    background: url('images/nav_sprite.png') no-repeat scroll 5px -11px transparent;
	display: block;
    text-indent: -9999px;
	width: 25px;
}

#cat_menu
{
	margin: 0;
	padding: 0;
	background-color: #F1F1F1;
	border-bottom: 1px solid #ccdbe4;
	overflow:hidden;
	width: 100%;
}
#cat_menu ul li {
	padding-left: 10px;
    background: url('images/nav_sprite.png') no-repeat scroll 0px -245px transparent;
}
.cat_menu_col {float:left; padding: 10px; width: 133px; background:url(images/dots_vertical.png) right top repeat-y;}
/* Fin barre de navigation */
.textbox
{
	width:960px;
	background-color:#72273A;
	margin: 0;
	padding: 10px 10px 0 10px;
	border-top: solid 1px #57051b;
}
.footer
{
	width:960px;
	background-color: #303338;
	margin: 0;
	padding: 5px 10px 5px 10px;
	color:#CCC;
	font-size:11px;
}
.footer a {font-size:11px; color:#CCC;}
.footer a:hover{color:#0C8CCB;}
.textfoot {font-weight:700; font-style:italic;}
.colonne_gauche	
{
	margin: 10px 10px 10px 10px;
	width:170px;
}
.colonne_droite
{
	margin: 10px 0 10px 10px;
	width:310px;
}
.content
{
	margin: 10px 0 10px 0;
	width:460px;
}
.content_wide
{
	margin: 10px 0 10px 10px;
	width:640px;
}
.content_single
{
	margin: 10px 0 10px 10px;
	width:960px;
}
.cons_head, .cons_head2
{	
	height:33px;
	padding-left:10px;
	line-height:34px;
	border-radius: 3px 3px 0 0;
}
.cons_head{text-shadow: 0px 1px 0px #003555; background: #0c8ccb; background: linear-gradient(#005387,#0EB0F4); border-bottom: 1px solid #005589;}
.cons_head2{text-shadow: 0px 1px 0px #340311; background: #72273A; background: linear-gradient(#57051B,#823B4D); border-bottom: 1px solid #57051B;}
.cons_content
{
	display:flex;
	flex-wrap:wrap;
	background-color:#F1F1F1;
	padding: 10px 0 0 10px;
	margin-bottom: 10px;
	text-align:left;
	box-shadow: 0px 8px 5px -7px #444;
}
.fil 
{
	width: 100%;
	margin: -4px 0 0 0;
}
.edito
{
	margin: -5px 0 0 0;
	padding: 0;
	width:100%;
	text-align:left;
	color:#FFF;
}
.edito a {color:#FFF;}
.edito h1, .edito h2 {font-weight:700; font-size:15px; color:#FFF; margin:0; padding:0;}

.entete {color:#FFF; font-weight:700; font-size:15px; text-align:left; height:33px; white-space:nowrap; overflow:inherit; text-overflow:ellipsis;}
h1.entete, h2.entete {margin-top:0; padding:0;}
.title_misc {font-size:15px;color:#0C8CCB;}
.gray {color:#999;}

.plug_single
{
	margin:0 10px 0 0;
	padding:0 0 10px 0;
}
.plug_image
{
	width: 140px;
	height:105px;
	position:relative;
	padding:0;
	margin:0 10px 10px 0;
}
.plug_image img
{
	width:140px;
	height:105px;
	margin:0;
	padding:0;
	border-radius:10px;
}
.game_title
{
position:absolute;
bottom:0;
left:0px;
width:132px;
height:16px;
line-height:15px;
padding:0 4px 0 4px;
color:#FFF;
background-color: rgba(0, 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;
}
#game_container
{
	position: relative;
	width: 916px;
	margin: -10px auto 0 auto;
	background-color:#272727;
	border: 2px solid #000;
	padding:30px;
}
.jeu
{
	position: relative;
	margin: 0 auto;
	padding:0;
	text-align:center;
	box-shadow: 0px 0px 15px #000;
}
.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;}
.gametags a{padding:2px 5px;border:solid 1px #57051B;background-color:#72273A;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;color:#FFF}
.gametags a:hover{text-decoration:none;color:#fff;background-color:#A74B63;border:solid 1px #57051B}
.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 {padding: 1px 0 10px 5px;}
#pub_sky {width: 160px; position: absolute; top:-2px; left:-162px; z-index: 99;}
#pub_sky_2 {width: 160px; position: absolute; top:-2px; right:-162px; z-index: 99;}
/**********************************************
HEADER BARRE
**********************************************/
#header_barre {
	width:100%;
	min-width: 980px;
    height:25px;
    padding:0;
    margin:0;
    background: url(images/header-barre.gif) 0 0 repeat-x;
	overflow:hidden;
}
/* Flags */
#flags li {
    float: left;
    position:relative;
    width: 24px;
	padding-right: 10px;
}
#flags li a {
    display:block;
    text-align:center;
    padding: 0;
    height:24px;
}
/* Search */
#site-search {
    float:left;
    padding-top:2px;
    position:relative;
}
#site-search input {
    width:122px;
    height:18px;
    float:left;
    border:0;
    background: url(images/header-barre.gif) 0 -159px no-repeat;
    padding:2px 12px 0;
    color:#0C8CCB; text-decoration:none;
	outline: medium none;
}
#site-search input.form-submit {
    width: 20px;
    height:20px;
    margin-left:2px;
    border:0;
    cursor:pointer;
    background-position: 0 -200px; 
    padding:0;
}
#site-search input.form-submit:hover {background-position:-73px -200px;}
/* Dropdown menu */
#dropdown-barre {position:absolute; left: 0px; top: 0px;}
.dropdown-menu {
    position: absolute;
    width: 214px;
    left:-999em;
	top:25px;
	padding-bottom: 15px;
    background: url(images/dropdown-menu.png) bottom left no-repeat;
    z-index:100;
}
#dropdown-barre:hover .dropdown-menu{
    left: 0px;
}
.dropdown-item {
    width:200px;
    float:left;
	padding:8px 0px 0px 14px;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	text-align:left;
}
.dropdown-item a {font-size:12px; font-weight:700;}
.dropdown-item img {float:left; margin-right:5px;}
/* Icônes réseaux sociaux */
#social-barre {position:absolute; right: 0px; top: 0px;}
@media all and (max-width: 1150px) {
  #social-barre {display:none;}
}
.social-item {
	float:left;
	width:24px;
	padding-right:10px;
}
/**********************************************
RATING STARS
**********************************************/
.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:0px;}

/**********************************************
MENU DE TRI
**********************************************/
.sortMenu {
	float: right;
	position:relative;
	margin: -34px 3px 0 0;
	text-align: left;
}
.sortMenu, .sortMenu a, .sortMenu li {font-size:12px; color:#FFF; font-weight:normal;}
.sortMenu a, .sortMenu span {padding:0 7px;}
.sortMenu .actif {background: #0EB0F4; background: linear-gradient(#2376AA,#31D1FD); cursor: pointer; font-weight:600;}
.sortMenu li {display:inline-block; height: 33px; line-height:34px; vertical-align: middle;}
.sortMenu li.actif, #tri_menu li {overflow:hidden; border: 1px solid #005589; border-top: 0; width:165px;}
.sortMenu img {float: right; padding-right: 5px;}
.sortMenu a {display:block;}
#tri_menu {position:absolute; z-index:9999; background-color:#0C8CCB; display:none;}
#tri_menu li:hover {background: #0EB0F4; background: linear-gradient(#2376AA,#31D1FD);}

.moreGames {
	float: right;
	position:relative;
	margin: -34px 3px 0 0;
	border: 1px solid #57051B; border-top: 0;
	height: 33px;
}
.moreGames a {display:inline-block; height: 33px;}
.moreGames a:hover {background: #A50A34; background: linear-gradient(#A50A34,#A74962);}
/**********************************************
FIL SINGLE
**********************************************/
.fil_single {
	color:#FFF;
	float: right;
	position:relative;
	margin: -25px 10px 0 0;
}
.fil_single a {color:#FFF;}
.fil_single a:hover {text-decoration:underline;}

/**********************************************
PAGINATION
**********************************************/
div.pagination {
	text-align:center;
	width:100%;
	white-space: nowrap;
	margin:0 0 10px -5px;
	padding:0;
	font-size: 12px;
}

div.pagination a {
	font-size: 13px;
	border: 1px solid #ccdbe4;
	margin-right:3px;
	padding:1px 5px;
	background-position:bottom;
	text-decoration: none;
	color: #0C8CCB;		
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #ccdbe4;
	background-image:none;
	background-color:#0C8CCB;
	color: #fff;
}
div.pagination span.current {
	margin-right:3px;
	padding:2px 6px;
	font-size: 13px;
	font-weight: 700;
}
/**********************************************
INFOBULLE
**********************************************/
.bubbleInfo {
    position: relative;
}
.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	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;}
/**********************************************
SLIDER
**********************************************/
.slider {height:35px; margin:auto; padding: 5px 100px 0 100px; background-color: #F1F1F1;}
.slid1 {float:left; width:150px; height:100%; background:url(images/dots_vertical.png) right top repeat-y;}
.slid1 img {margin-top:4px; cursor:pointer;}
.slid2 {float:left; width:75px; margin:5px 0 0 60px;}
.slid3 {float:left; width:210px; margin-top:8px;}
.slid4 {float:left; width:58px; margin-top:5px;}
.slid5 {float:right; width:150px; height:100%; background: url(images/dots_vertical.png) left top repeat-y;}
.slidfs {float:left; margin-top:4px;}
/**********************************************
SCORES
**********************************************/
ul.scoreList {list-style: none; margin: 0; padding: 0;width: 290px;}
ul.scoreList ul.nav{list-style:none;margin:0;padding:0;}
ul.scoreList ul.nav li{padding:3px 8px 0 8px;float:left;height:22px;font-size:14px;font-weight:700;text-align:center; background-color:#CCDBE4; color:#0C8CCB; cursor:pointer}
ul.scoreList ul.nav li.active{background-color:#0C8CCB; color:#fff}
.clearfix:after{content: ".";clear:both;height:0;visibility:hidden;display:block}
ul.scoresBox{width:290px; border-top:1px dotted #ccc; border-left:1px dotted #ccc; list-style:none; margin:0; padding:0}
ul.scoresBox li{padding-bottom:5px}
ul.scoresBox li.leaderInfo{border-bottom:1px dotted #ccc;padding:0;margin:2px 0;}
ul.scoresBox li.leaderInfo .rank{font-weight:700;width:25px;float:left;text-align:center;font-size:14px;border-right:1px dotted #ccc;margin-right:5px;color:#fff;}
ul.scoresBox li.leaderInfo .score{margin:0 10px;float:left;font-size:14px;font-weight:700;width:100px;border-right:1px dotted #ccc}
ul.scoresBox li.leaderInfo .name{font-size:13px;font-weight:700;}
.scoreIco{position:relative; float: right; margin: -24px 0 0 0;}
/**********************************************
PREROLL
**********************************************/
#preloader{overflow:hidden;position:relative;width:680px;height:510px;margin:0 auto;}
#playGame{cursor:pointer;position:absolute;display:block;width:100%;height:100%;background-color:transparent;z-index:99;}
#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 #57051B;border-radius:5px;font-weight:800;font-size:20px;
font-weight:bold;top:40%;left:50%;transform:translate(-50%, -50%);color:#fff;background-color:#72273A}
#playName{position:absolute;width:90%;text-align:center;top:65%;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%)}
/**********************************************
DHTMLXSLIDER
**********************************************/
.dhtmlxSlider_dhx_skyblue{position:relative;overflow:hidden;height:15px;left:10px}
.dhtmlxSlider_dhx_skyblue .selector{position:absolute;overflow:hidden;height:15px;width:15px;left:0}
.dhtmlxSlider_dhx_skyblue .leftSide{position:absolute;left:0;top:0;width:0;height:100%}
.dhtmlxSlider_dhx_skyblue .leftZone{position:absolute;top:0;left:0;height:100%}
.dhtmlxSlider_dhx_skyblue .rightSide{position:absolute;right:0;top:0;width:0;height:100%}
.dhtmlxSlider_dhx_skyblue .rightZone{position:absolute;left:3px;top:0;height:100%}
/**********************************************
JRATING
**********************************************/
.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}