/* ----------------------------------------- 
FONT
*/
html{ -webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

body{line-height:initial; font-size: 15px; color:#323333;}

/*@font-face {
	font-family: Blogger_Sans;
	src: url('fonts/Blogger Sans.otf');
	text-rendering: optimizeLegibility;
}*/
/*
@font-face {
	font-family: Blogger_Sans_Light;
	src: url('fonts/Blogger_Sans-Light.otf');
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: Blogger_Sans_Bold;
	src: url('fonts/Blogger Sans-Bold.otf');
	text-rendering: optimizeLegibility;
}
*/
/*
@font-face {
	font-family: Roboto_Light;
	src: url('fonts/Roboto-Light.woff');
	text-rendering: optimizeLegibility;
}
*/
/*@font-face {
	font-family: Roboto Condensed;
	src: url('fonts/RobotoCondensed-Regular.woff');
	text-rendering: optimizeLegibility;
}*/
/*
@font-face {
	font-family: Roboto_Thin;
	src: url('fonts/Roboto-Thin.woff');
	text-rendering: optimizeLegibility;
}*/

.separator{clear:both;}

.long_text{font-size:0.8em;}

ul{list-style: none; padding:0px;}

.big_line_height{line-height:1.6em;}


/* To vertical align text we need a dom in display table and, in it, another dom in display: table-cell. The second one should be the text/html container */
.v_align_outer{display: table; width: 100%; height: 100%;}
.v_align_inner{vertical-align: middle; display: table-cell; text-align: center;}

/* table vert align */
.table tbody>tr>td.vert-align{
    vertical-align: middle;
}

/* <pre> don't wrap by default */
/*-----------------------------------*/
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* hide the little arrows in the input type'number' */
/*-----------------------------------*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield;
}


/* To crush the repute header font */
/*-----------------------------------*/
h1, h2, h3, h4, h5, h6{font-family: HelveticaNeueUltraLight, sans-serif;color:#2f73ba;}
h1{font-weight: 0; letter-spacing: -0.04em;text-transform: uppercase;}
h2{font-weight: 0; color:#2f73ba;letter-spacing: -0.05em;}
h3{color:#4cb8f0;}
h3.baseline{font-weight: lighter;font-size:1em !important;  margin-top:-14px !important;letter-spacing: -0.05em;}

/* To crush the repute lead font */
/*-----------------------------------*/
.lead{font-size: 18px;
color: #333;}

/* FROM JGFR V4 */


/* ----------------------------------------- 
BLOCS
*/
.bloc{ background: #eef2f7; border:none; color:#5b7691; padding:20px; margin:0px 0px 20px 0px;
		-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; }/*background:url(../images/main/bloc_bg.gif) repeat-x #d2dae7;*/
.bloc h2{color:#1e5d9e; text-align:center; border-bottom:none; margin-bottom:20px;background:none;
	padding-left:0px;}
.bloc h3{font-size:1.2em; margin:0px; margin-top:10px;}

.bloc_gold, .gold{ background:#fed758 !important; color:#BC3B20 !important;}
.bloc_gold h2, .bloc_gold i.fa, .bloc_gold h3{color:#BC3B20}
a.gold:hover{background:#FEE89B !important;}

.bloc_green{ background: #6DB83E; color:#336D0D;}
.bloc_green h2{color:#3A7D0F;}

.bloc_white{border: #e2e9f3 solid 3px; background:#ffffff;}
.bloc .bloc_white{margin-bottom:0px;}

.bloc_grey{background: #F2F2F2; color: #666;}
.bloc_purple{background: #dccde8; color: #511E77;}
.bloc_purple h2, .bloc_purple h3{color: #511E77;}



/* BG ICON */
i.bloc_bg_ico{position: absolute;
	top: -70px;
	left: -70px;
	font-size: 16em;}
i.bloc_bg_ico.md{	position: absolute;
	top: -70px;
	left: -70px;
	font-size: 10em;}
i.bloc_bg_ico.xs{
	top: -70px;
	left: -70px;
	font-size: 5em;}
.bloc_bg_outer{position: relative; overflow: hidden;}

.bloc_dark{background: #3b8de1; color: #FFF !important;}
.bloc_dark .ico_btn{color:#FFF;}


.bloc_gold .bloc_bg_ico{color: #FFB710 !important; font-size: 60em; top: -50px;}

/* DEBUG */
/*-----------------------------------*/
#debug{position: fixed; background: #000; color:#FFF; width:200px; max-height: 500px; overflow-y:auto; z-index: 1000; font-size: 1em; opacity: 0.5;}

/*-------------------------------------*:
/* PREMIUM */
#bloc_premium_push li{list-style: disc; font-weight: bold; margin-left:10px;}
#premium_duration_ok{ -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; text-align:center; font-size:1.2em;
 }
#premium_duration_bad{-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
background:#FCE7D1; border:solid 2px #F3B18B;color:#C30; font-size:1.2em; width: 59%;
margin: auto;
padding: 10px;}

.ban_premium_bloc{margin:10px auto; text-align:center;}

.premium_ico_link{color:#FEE145;}

.premium_history_list{margin:5px; padding:10px; 
			background:#fff; 
			-webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px; 
			text-align:left;
			max-height: 300px; overflow:auto;
		}

#game_premium_only_msg_for_premium_users_bloc, #game_premium_only_placeholder{text-align: center;}

#game_premium_only_countdown{width: 480px; margin: auto; height: 40px; margin-top: 30px;}
#game_premium_only_countdown .countdown_amount{font-size:6em !important;}

/* old jquery ui */
/*-----------------------------------*/
.ui-dialog{background:#fff; padding:20px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); z-index: 900;}

.ui-dialog .ui-button[title="Close"] .ui-button-text {
    display:none;
}
/* 161010 : For the moment I don't load the .css of jqueryUI. I add only this rule. */
.ui-dialog-buttonset{text-align: right;}


/* display */
/*-----------------------------------*/
.display_none{display:none !important;}

/* OPACITY */
/*-----------------------------------*/
.opacity-0{ opacity:0.0; filter:alpha(opacity=0);}
.opacity-1{ opacity:0.1; filter:alpha(opacity=10);}
.opacity-2{ opacity:0.2; filter:alpha(opacity=20);}
.opacity-3{ opacity:0.3; filter:alpha(opacity=30);}
.opacity-4{ opacity:0.4; filter:alpha(opacity=40);}
.opacity-5{ opacity:0.5; filter:alpha(opacity=50);}
.opacity-6{ opacity:0.6; filter:alpha(opacity=60);}
.opacity-7{ opacity:0.7; filter:alpha(opacity=70);}
.opacity-8{ opacity:0.8; filter:alpha(opacity=80);}
.opacity-9{ opacity:0.9; filter:alpha(opacity=90);}
.opacity-10{ opacity:1; filter:alpha(opacity=100);}


/* big, small */
/*-----------------------------------*/
.small{font-size: 0.8em;}
.small1{font-size: 0.8em;}
.small2{font-size: 0.6em;}
.small3{font-size: 0.4em;}
.small4{font-size: 0.2em;}
.small5{font-size: 0.1em;}
.small6{font-size: 0.05em;}

.small_important{font-size: 0.8em !important;}


.big{font-size: 1.2em;}
.big1{font-size: 1.2em;}
.big2{font-size: 1.4em;}
.big3{font-size: 1.8em;}
.big4{font-size: 2em;}
.big5{font-size: 3em;}
.big6{font-size: 5em;}
.big7{font-size: 7em;}
.big8{font-size: 8em;}
.big9{font-size: 9em;}
.big10{font-size: 10em;}

.bold{font-weight: bold;}

/* Margin */
/*-----------------------------------*/
.margin-top-02 { margin-top: 0.2em; }
.margin-top-05 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }
.margin-top-50 { margin-top: 5.0em; }

.margin-top-m05 { margin-top: -0.5em; }
.margin-top-m10 { margin-top: -1.0em; }
.margin-top-m15 { margin-top: -1.5em; }
.margin-top-m20 { margin-top: -2.0em; }
.margin-top-m25 { margin-top: -2.5em; }
.margin-top-m30 { margin-top: -3.0em; }
.margin-top-m50 { margin-top: -5.0em; }

.margin-bottom-05 { margin-bottom: 0.5em; }
.margin-bottom-10 { margin-bottom: 1.0em; }
.margin-bottom-15 { margin-bottom: 1.5em; }
.margin-bottom-20 { margin-bottom: 2.0em; }
.margin-bottom-25 { margin-bottom: 2.5em; }
.margin-bottom-30 { margin-bottom: 3.0em; }


.big_margin_vert{margin-top:40px; margin-bottom:40px;}

/* padding */
/*-----------------------------------*/
.padding-02 { padding: 0.2em; }
.padding-05 { padding: 0.5em; }
.padding-10 { padding: 1.0em; }
.padding-15 { padding: 1.5em; }
.padding-20 { padding: 2.0em; }
.padding-25 { padding: 2.5em; }
.padding-30 { padding: 3.0em; }
.padding-50 { padding: 5.0em; }

/* Text in <i class='fa */
/*-----------------------------------*/
i.fa .text{font-family: Blogger_Sans_Light;}


/* combo */
/*-----------------------------------*/
option.default_option{color:#999;}
option {font-size: 1.2em; padding: 2px; color:#666;}
option:nth-child(even) {background: #EEE}
option:hover{}
select.small, input.small{height: 25px;}
select.vertical-center{margin-top: -4px;}

/* Button */
/*-----------------------------------*/
.btn-xs{padding: 0px 8px; padding-top: 2px;}
.pointer{cursor: pointer;}
.ico_btn{cursor: pointer; color:#CCC;}
.ico_btn:hover{color:#2f73ba;}
.btn{-webkit-border-radius: 5px; border-radius: 5px; white-space: normal;}
.btn-primary{background: #2f73ba; border:none;}
@media(max-width:992px){
	.topbar .btn-primary{
		background:#0e2347;
	}
	.topbar .btn-primary:hover{
		background:#4c91d2;
	}
}
button.navbar-toggle.collapsed{
	background:#0e2347;
}
button.navbar-toggle.collapsed:hover{
	background:#4c91d2;
}

.input-group.input_group_rounded .form-control:first-child{-webkit-border-radius:20px 0 0 20px; border-radius: 20px 0 0 20px ;}
.input-group.input_group_rounded .input-group-btn .btn{-webkit-border-radius:0 20px 20px 0 !important; border-radius: 0 20px 20px 0 !important;}

.btn_line{cursor: pointer; padding:2px;}
.btn_line:hover{background: #A4DCC6;}


/* bootstrap.css derogation */
/*-----------------------------------*/
.page-content{margin: 0px;}
.text-success{color:#4ED22C;}
.text-danger{color:#CE181A;}
.alert.alert-warning{
	background: #FFF1AF; 
	color:#E47C19; 
	border:none; /*#FFE275;*/
}
.alert.alert-success {
    color: #308D00;
    background-color: #D8FF91;
    border: none; /*#C6ED7F;*/
}
.alert.alert-danger {
    color: #e0302c;
    background-color: #ffddcc;
    border: none;
}
.label-success{background: #87E140;}
.label-as-badge{-webkit-border-radius: 10px; border-radius: 10px; }

.label-default{background-color: #CCC;}

abbr[title]{border-bottom: none;}

.badge.badge_red{background: #FF8933; color:#FFF;}

a { color: #3b8de1;} /*#0368e4;*/
a:hover { color: #FFCA29;}

em.info, div.info{background: #4CC9EE; color:#fff; padding:3px; font-weight: bold;}

.full-width-section{background: none;}

/* Tooltips */
/*-----------------------------------*/

.tooltip-inner {
    max-width: 250px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
    font-weight: bold;
}


/* jquery iu derogation */
/*-----------------------------------*/
.ui-autocomplete.ui-front.ui-menu{max-height: 300px; overflow-y: auto;}

/* Because tinyMCE translate <i by <em (copy of themes/repute/css/main.css line 4384) */
.testimonial-fancy em.fa {
  position: absolute;
  top: -12px;
  font-size: 3em;
  color: #406da4;
  z-index: 1;
}
.testimonial-body p{font-size: 1.1em; color:#333;}
.testimonial-fancy i, .testimonial-fancy em.fa{font-size: 2em; top:0px}
.testimonial-bubble{padding: 30px; background:#EBEBFF;}
.testimonial-bubble:after{border-color:#EBEBFF transparent;}


/* for_fancy-style : For element to be close to the fancy styling */
/*-----------------------------------*/
label.for_fancy-style{font-size: 13px;font-family: "Open Sans",sans-serif;}


/* countdown */
/*-----------------------------------*/
.countdown_amount{font-size: 2.5em !important;}

/* main (the part after the header) */
/*-----------------------------------*/
#main{}/*margin-top: 75px;*/


/* page-content */
/*-----------------------------------*/
.page-content{position: relative;}
.page-content p:first-child{ margin: 0px;}

/* GAME PAGE SPECIAL */
/*-----------------------------------*/
.game_page #main_navbar{ }
.game_page #main_navbar .topbar {}
.game_page img#imgLogo{top:5px !important;}
.game_page .page-content{margin-top: 0px;}


/* top page button */
/*-----------------------------------*/
#top_page_bloc{display:none; font-family:"Arial Black", Gadget, sans-serif;}
a#top_page_button{display:block; 
	position:fixed;
	z-index:500;
	right: 1%;
	bottom:auto;
	top:0px;
	padding: 2px 13px;
	border-radius: 0 0 6px 6px ;
 	-webkit-border-radius: 0 0 6px 6px ;
 	-moz-border-radius: 0 0 6px 6px ;
 }


/* Waiter */
/*-----------------------------------*/
.waiter_container{text-align: center;}
.waiter{color: #CCC;}

/* The button_for_display_navbar is controled by vpSite.js */
#button_for_display_navbar{font-size: 1.5em;background: #FFF;color:#3b8de1;
	border: none;
	float: right;
	margin-top: 6px;
	display:none;
	line-height: 0.7em;
	border-radius: 20px;
	width: 35px;
	padding: 0px;
	height: 35px;
}



.text-white-color,
 .text-white-color h1,
 .text-white-color h2,
 .text-white-color h3,
 .text-white-color .boxed-content > i
   {color: #fff;}

.page-header{ 
	padding: 0px; 
	border-bottom: none;
	background-color: #3ebabb;
	} /*#E3F7F7; <= for dev; #406DA4 <= for prod*/
h1{ color:#FFF; margin-top:10px;margin-bottom: 8px;padding-top: 5px;font-size:1.6em;}
h1.onWhite{background:#2f73ba; padding:3px 20px;}
h2{}
.panel-heading h3{margin-top: 0px; margin-bottom: 0px;}
.game_page h1{margin: 2px 0px;}
.navbar-default{border-bottom: none;}
.navbar-collapse{margin-top: 15px;}

/* for the desired line to be under the header */
a.anchor{margin-bottom:70px;display:block;}

/* ----------------------------------- -----------------------------------
----------------------------------------------------------------------
----------------------------------------------------------------------
*/

/* BG */
/*-----------------------------------*/
.bg_purple{background:#cd7cc1;}
.bg_green{background:#a5c524;}
.bg_blue{background:#3b8de1;}
.bg_orange{background:#ec8e33;}
.bg_white{background:#fff;}

.color_purple{color:#cd7cc1}
.color_green{color:#a5c524}
.color_blue{color:#3b8de1}
.color_orange{color:#ec8e33}
.color_red{color:#C52D22}
.color_yellow{color: #FEE145;}


a .fa.fa_btn{color:#3b8de1;}
a .fa.fa_btn.alt_btn, .ico_btn{color:#7A7E7A;}
a .fa.fa_btn.alt_btn:hover,  .ico_btn:hover{color:#3b8de1;}




#content{margin-top:0px;}

/* NAV BAR */
/*-----------------------------------*/
#main-nav{ }
.topbar{padding-top: 5px;margin-bottom: 0px;}
#main_navbar{
	font-size: 1em;
	background-color:#0e2348;
}
#main-nav .fa-angle-down{display: none;}



.navbar-header{margin-top: 3px;float: none;}
.navbar-brand{margin:0px; height: auto;}

.navbar-brand.navbar-logo-bigger {padding: 0px;}
.navbar-brand.navbar-logo-bigger img{width: 222px; top:0px;}/* top:-30px;*/
#main_navbar.shrink-active{top:-34px;}
#main_navbar.shrink-active .navbar-brand img {width:118px; }
#main_navbar .navbar-nav{float: right;}/* margin-right: 0px; Rule needed if navbar-fixed-top */
#main_navbar.shrink-active .navbar-nav{margin-left: 20px;}

#login_form_bloc{}

/* MENU */
/*-----------------------------------*/
/*.navbar-nav{float:none;}
.navbar-nav > li{display: inline-block; float: none;}*/
.navbar-default .navbar-nav > li > a{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -0.05em; font-size:1.1em; background: none; padding:3px 12px; font-weight: normal;color:#FFF;}
.navbar-default .navbar-nav > li:first-child > a{padding-left: 0px;}
.navbar-default .navbar-nav > li:last-child > a{}

/* ico_new in the menu */
/*-----------------------------------*/
.navbar-default #ico_new{width: 97px;
height: 27px;
position: absolute;
top: -20px;
left: 0px;
background: url(../css/../images/ico/ico_new_menu.png) no-repeat 50%;
display: block;
z-index: 200;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.bg_purple i{background: #cd7cc1 !important;}
.bg_green i{background: #a5c524 !important;}
.bg_orange i{background: #ec8e33 !important;}
/*.navbar-default .navbar-nav .dropdown-toggle i{display:none;}*/
.navbar-default .navbar-toggle{margin:0px 0px 0px 10px;}
.navbar-default .navbar-toggle i { font-size: 20px; line-height: 20px; }
/*.navbar-default .navbar-nav .dropdown-toggle i{color:#fff; -webkit-border-radius: 20px; border-radius: 20px; background: #3b8de1;padding: 0 2px;}*/

.navbar-default .game_thumb_160{ max-width:160px;}
.game_thumb_160 img {
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}

/* The navbar for small screens */
/*-----------------------------------*/
@media screen and (max-width: 992px) {
	.topbar .navbar-nav li {
		text-align: left !important;
		border: solid 1px #DDD;
		margin-bottom: 2px;
		font-size:1.3em;
		padding:10px;
	}
	.topbar .navbar-nav li:hover{
		/*background: #EEE;*/
	}
	.navbar-default .navbar-nav > li:first-child > a{padding-left: 18px;}
	.topbar .navbar-nav li .dropdown-menu{
		margin:5px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{
		color: #fff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		padding: 5px 15px 5px 25px;
		
		background-color: #999;
	}
	.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
		background-color: #666;
		
	}

	.navbar-default #ico_new{top: -1px; left: 150px;}

}

/* mega-menu */
/*-----------------------------------*/
.mega-menu-content {
    padding: 15px 20px;
}
.mega-menu-content .column {
    border-left: dashed 1px #DDD;
    /*padding-left: 40px;*/
}
.mega-menu-content .row .column:first-child{border:none;}
.mega-menu-container{background: #33434C;}
.mega-menu-container h5{color:#CCC;}


/* HOME */
/*-----------------------------------*/
#home_first_section{  background: url(../images/main/carte_bg_bandeauHP_tiny.png) no-repeat 100% 50% #3b8de1; margin-bottom:0px; background-attachment: fixed;
		background-position: 100% 5%;padding: 20px 0px;}
#home_first_section .row{padding: 30px 0px;}
#home_first_section h1{font-size: 2.3em;}
#home_first_section h2{ font-size:1.5em; margin-top:20px;font-weight: lighter; max-width: 560px;}
#bandeau_beta{height: 44px; background: #79cb3e; color:#FFF; text-align: center; padding-top:12px; font-weight: bold; font-size:1.4em;}
#video_container_in_home_big_bandeau{ margin:auto;}/* height: 312px; */


/* home sections */

#new_game_bloc, #blog_bloc{padding-top:30px;}

section#section_home_bandeau_beta{margin:0px;}

#section_home_news_new_games{background:url(../images/main/home_two_colors_band.png) 50% 50%;}/*#EAF2F9*/
.section_home #blog_bloc{}
.section_home #blog_bloc #news h2{display:none;}

.section_home #blog_bloc .unit{border-bottom:none;}
.section_home #news .content{padding:0px;}
.section_home #news .content .date{color:#1e5d9e;}
.section_home #news h3{font-size:1.2em; font-size:bold; letter-spacing: -0.04em;}
.section_home #new_game_bloc{background:#b8e3fc; padding-left:20px; color:#1e5d9e;}/*#D8E8F7*/
.section_home #new_game_bloc .ico_new{position: absolute; top: 0px; left: 0px;}


#section_home_4{background:#cdedff;color:#1e5d9e;margin-bottom:0px;}/*#EAF2F9*/
#section_home_4 .col-md-4{padding-top:30px;}
.section_home #sociable_bloc {margin-bottom:0px;background:#b8e3fc;}

#ul_home_most_layed_games li{float:left; margin: 3px;}

#section_home_news_new_games .bloc_bg_ico{
	color: #b8e3fc;
	font-size: 20em;
	bottom: -30px;
	left: 24px;
	top: auto;
}

#section_home_4 #sociable_bloc #sociable{width:200px; text-align: center; margin:auto;margin-top:20px; }
#section_home_4 #sociable_content_result{height: 30px; margin-top:20px;}


#section_home_premium{padding-top:30px; padding-bottom:30px;}
#section_home_premium .bloc_bg_ico{color: #FFB710; font-size: 60em; top: -50px;}
#section_home_premium .premium_cost{font-weight: bold;letter-spacing: -0.05em;}

#section_home_presentation{background: #ff5c5c; padding:30px 0px; margin-bottom:0px;}

#home_col_newsletter #newsletter_bloc h2, #home_col_newsletter #newsletter_bloc #newsletter_bloc_notice{display:none;} 

.full-width-section{ padding:0px;}

.blocs_3_section{padding:30px 0;}

.popover{max-width: 300px;}
#login_win_outer{width:250px;}

.boxed-content.left-aligned i{font-size: 3em;}

#cb_keep_login{max-width:100px;}




#form_game_search_bloc{}
#form_game_search_bloc h2{text-align: right; margin:0px; margin-bottom: 10px; font-size:1.5em;}
#form_game_search_bloc h3{text-align: right;}


/* FOOTER */
/*-----------------------------------*/
footer {position: relative; background:#0e2348; color:#FFF;}
footer h2{color:#FFF;}
footer a{color:#FFF;}
#perso_footer{width:402px; height: 164px;  position: absolute; bottom:224px; right:0;}


/* thumb_in_h1 */
/*-----------------------------------*/
/*span.thumg_in_h1 {
    float: right;
    margin-top: -8px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	border: solid 3px #FFF;
	font-size: 0.5em;
}*/

/* .game_thumb_XXX */
/*-----------------------------------*/

.game_thumb_200 {width: 200px;}

.game_thumb_160{-ms-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);}

/*-ms-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);*/


/* game thumbs stars */
/*-----------------------------------*/
.game_thumb{position: relative; display:inline-block; border-radius: 5px; min-width: 150px;
min-height: 45px;}
.game_thumb.img{height: 46px;}
.game_thumb.img.game_thumb_160{height: auto;}

.game_stars{color:#FEE145;}

.game_thumb .game_stars{position:absolute; bottom:-9px; left:3px; font-size:1.4em; z-index: 500;}
.game_thumb.text {min-height: auto;}
.game_thumb.text .game_stars {
    display: inline-block;
    position: relative;
    bottom: 0px;
    font-size: 1em;
}
.game_thumb img{border-radius: inherit;}
.game_thumb.text .game_stars i{text-shadow: none;}
.mega-menu-content .game_thumb .game_stars{bottom:-3px;}
.game_thumb .game_stars i.grey, .game_stars i.grey{color:#CCC;}
.game_thumb .game_stars i{}/*text-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/

.mega-menu .game_thumb .game_stars{background: rgba(0, 80, 185, 0.5) none repeat scroll 0% 0%;
border-radius: 10px;
padding: 0px 5px;}

.game_thumb.stars_only{min-height: 0px;}

.game_thumb .nb_played{color:#CCC; font-size: 0.9em; font-weight:bold; position: absolute; right: 0px;
bottom: -9px;}

.game_thumb .is_new{width:200px; height:40px; position:absolute;z-index: 20;top: 0px; background: url(../images/ico/game_thumb_is_new_tiny.png) no-repeat; background-size: 200px 40px;}


.game_thumb .is_new_version{width:200px; height:40px; position:absolute;z-index: 20;top: 0px; background: url(../images/ico/game_thumb_is_new_version_tiny.png) no-repeat; background-size: 200px 40px;}


a.game_thumb:active {
   opacity: 0.5;
}

/* carousel home */
/*-----------------------------------*/
#carousel_testimonials{padding:40px;height: 450px;}
#carousel_testimonials .carousel-inner{}



/* Login menu */
/*-----------------------------------*/
#user_menu.dropdown-menu {left:-100px; max-width: 210px; }
#user_menu.dropdown-menu .dropdown-header {text-align: center;}
#user_menu.dropdown-menu .dropdown-header .avatar{margin: auto;}
#login_form_bloc .dropdown-menu li a{font-size: 1.5em;}
.user_menu_item { padding-left: 10px !important;}


/* subscribe form */
/*-----------------------------------*/
#user_form{float: none; margin: auto; margin-top:20px;}
#bloc_unsuscribe{float: none; margin: auto; margin-top:30px;}
#captcha_img{border: solid 1px #333;}
#form_user .bloc_button{text-align: center;}
#bloc_unsuscribe .bloc_button{text-align: center;}
#bloc_unsuscribe{padding: 20px 0;}


/* FORM CSS (subscribe form)*/
/*-----------------------------------*/
.tfAlert{background: #FFDBEB; border: solid 1px #FF9EA9; color:#C1201E;}
.tfGood{background: #C9FFC5; border: solid 1px #38B332;  color:#2B862C;}
.tfInfo{background: #B9E0FF; color:#375699;} 
.vpAlert{color:#993333;}
.vpGood{color:#339933;}
.note{font-style: italic;
color: #6AA5D3;
font-size: 0.9em;}

.input-group[class*="col-"].float_left{ float: left;}

/* user name */
/*-----------------------------------*/
.user_name.xs div.avatar, .user_name.xs span{display:inline-block; vertical-align:middle;}
/* exception in login_form_bloc */
#login_form_bloc .user_name.xs span{vertical-align:inherit;}

.user_name.reputation_inline .reputation{display: inline-block; margin-left:5px;}

/* Home content */
/*-----------------------------------*/

/* Section 3 */
/*-----------------------------------*/
#section_3{background:#3b8de1; color:#FFF;} /* #fbf4fa;} */
#section_3 h2{color:#FFF;}
#section_3 #news, #section_3 #news h2{color:#333;}


/* news in home page*/
/*-----------------------------------*/
#news { margin:20px 0; }
#news .content{max-height: 500px; overflow-y:auto;padding: 5px; }
#news .unit{margin-bottom:15px;padding-bottom: 15px; border-bottom: solid 1px #CCC;}
#news h3{ font-size: 1.8em;}
#news .date{font-size: 0.8em; color:#999;}
#news .author{ font-size: 1.1em; font-weight: bold;}
#news_page_content{margin-top: 30px;}

#news_page_content li{list-style: disc; margin-left: 20px;}


/* class='video_iframe' */
/*-----------------------------------*/
.video_iframe_container iframe{box-shadow: 0px 2px 2px rgba(0,0,0,0.3); border:solid 1px #666;}



/*Sociable*/
/*-----------------------------------*/
#sociable_bloc {margin-bottom:20px;}
#sociable_bloc .sociable_bloc_inner{-webkit-border-radius: 20px; border-radius: 20px; padding: 25px 0 10px 0; background:#D6ECFA; color:#3F9BD5;}

/* welcome bloc */
/*-----------------------------------*/
#welcome_bloc {margin-bottom:20px;}
#welcome_bloc_inner{-webkit-border-radius: 20px; border-radius: 20px; padding: 25px 20px 10px 20px; background:#D6ECFA; color:#3F9BD5;}






/* Modal */
/*-----------------------------------*/
.modal-header{background: #A8D8FF; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }

/*.modal {
 
  top: 50%;
  transform: translateY(-50%);
}*/

/* Popover */
/*-----------------------------------*/
.popover-title{font-weight: bold; text-align: center;}


/* FORM GLOBAL */
/*-----------------------------------*/
.parsley-error{background: #FFD3C3;}
.parsley-success{background: #CCFFC9;}
.form-group label .note{margin-top:10px;}


/* back_button_in_h1 */
/*-----------------------------------*/
.back_button_in_h1{color:#FFF;}

/* COMMENTS */
/*-----------------------------------*/
#comments_container{ }
.comment_frame{-webkit-border-radius: 2px; border-radius: 2px; margin-bottom:20px;}/*background:#3b8de1;*/
.comments_intro.alert{color: #666; background: none; border:none;}

.comment_unit{position:relative;-webkit-border-radius: 2px; border-radius: 2px;border:none; margin-bottom: 20px;margin-left:0px;margin-right:0px;}

/*.comment_unit:last-child{margin-bottom: 0px;}*/
.comment_unit .timeago{font-size: 0.7em; color:#666;}
.comment_unit.reply{padding-left:120px;}

.comment_unit .admins_comment{background-color: #FEE;}
.comment_unit .admins_comment::after{ border-color:#FEE transparent; }

.comment_title{padding-left: 0px;text-align: center;}
.comment_title .avatar{margin:auto;}

.comment_content_col{padding-right:0px;}
.comment_content{ background:#EAF2F9; padding:15px;-webkit-border-radius: 10px; border-radius: 10px;
	
	}/*#D7F4FA*/
.comment_content::after{
	content: "";
	position: absolute;
	top:10px;
	left: -5px;
	border-width: 20px 0 0 20px;
	border-style: solid;
	border-color: #EAF2F9 transparent;
}

.comment_content.current_user{background: #D8FF91 !important;}
.comment_content.current_user::after{
	border-color: #D8FF91 transparent !important;
}

.comment_content p{overflow-x: hidden; margin:0px; color:#666;}
.comment_content {color:#666;}

.comment_content p .quote{font-style: italic;}
.comment_content blockquote {
    padding: 10px 20px;
    font-style: italic;
    font-size: 1em;
    border-left:solid 1px #7b7b7b;
}
  
.comment_unit .btn_vote_bloc{float: right; margin-top:30px;}
.comment_unit .btn_vote_down{ margin-right: 5px;color:#FAA489;}
.comment_unit .btn_vote_up{ margin-right: 5px;color:#77F680;}
.comment_unit .btn_reply{ margin-right: 10px;}
.reply_form_bloc .btn_close{display: inline-block; float:right;}

.comments_nav{text-align: center; font-size: 1.5em;}


/*.replies_not_displayed_content_result .fa-reply{display: none;}*/
.btn_replies_not_displayed{text-align: right;}
#commments_archives_link{text-align: center;}



/* HELP */
/*-----------------------------------*/
.textual_help{text-align: left; margin:30px 0;}


/* To crush the repute custom-tabs-left rules */
/*-----------------------------------*/
.custom-tabs-left > .nav-tabs > li {margin-top: 1px;}
.custom-tabs-left > .nav-tabs > li a:hover{background: #eee; border-color: #EEE #DDD #EEE #FFF;}

/* To crush some repute rules */
/*-----------------------------------*/
.boxed-content > i {
    color: #3b8de1;
}
.copyright {
    background: none;
}

/* STARS */
/*-----------------------------------*/
.stars_container {color:#FCE51F; white-space: nowrap;letter-spacing: -0.1em;}



/* report_bug_link */
/*-----------------------------------*/
#report_bug_form_container{max-height: 600px; overflow-y:auto;overflow-x:hidden; margin-top:20px;border: solid 1px #CCC; padding-top: 20px;}
#report_bug_bloc{margin-top: 50px; margin-bottom: 50px; display:none;}
#report_bug_form_bloc{margin-top: 30px; margin-bottom: 30px;}




/* modalPush */
/*-----------------------------------*/
.modal_fancy .modal-header{background: #FFF; border-radius: 0; border:none;}
.modal_fancy .modal-content{border-radius:10px; border:solid 10px #A8D8FF;
background: url(../images/main/perso_footer_01.png) #FFF no-repeat 100% 107%;
background-size: 201px 82px;
}
.modal_fancy .b_close{background:#fee145; color: #994d04; font-weight: bold; padding: 7px 10px;
border-radius: 20px;
cursor: pointer;
float: right;
margin-top: -30px;
margin-right: -30px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
.modal_fancy .b_close:hover{background: #FEF0A7;}

.fb_share_button{background: #43609C; color:#FFF; padding:5px 5px 2px 5px; border-radius: 2px;}
.fb_share_button:hover{background: #4F73BC; color:#FFF;}

/* cookie directive */
/*-----------------------------------*/
#cookiesdirective #impliedsubmit{color:#000;}


/* hiscore list  table scores*/
/*-----------------------------------*/
.table > tbody > tr > td{vertical-align: middle;}
.table td.score{padding-right:5px; text-align: right; font-weight: bold;}
.table td.score a{color:#7b7b7b;}
.table td.rank{width:15px; text-align: center;}
.table td.name{text-align: left;}

.table_scores.table > tbody > tr > th{background: #3b8de1; color:#FFF; border-top: none;vertical-align: bottom;line-height: 1.1;}
.table_scores.table > tbody > tr:nth-child(2) > td{border-top: none;}
.table_scores tr.current_user td{background: #D8FF91;}
.table_scores tr.favuser td{background: #d8edfb;}
.table_scores .step_bar{background: #3b8de1 !important;}

/*.table_scores th{text-align: right;}*/


#hiscores_month, #hiscores_week, #hiscores_day{margin-bottom: 30px;}
#hiscores_note{text-align:center;}

#hiscores_list { margin:auto; margin-top:20px; margin-bottom:20px;color:#486079; }
#hiscores_list_content{ margin:auto; margin-top:20px; text-align:center; font-size:1em;
}


/*.table_scores{width:100%;-webkit-border-radius: 15px 15px 0px 0px;-moz-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px;
 border:none; background:#FFF}

.table_scores th{color:#FFFFFF;font-weight:bold;font-style:italic; padding:3px;padding-left:5px; font-size:1.5em; text-align:center;
 -webkit-border-radius: 4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px;
 background: #3b8de1;
 border-top: none !important;
}*/

.hiscore_unit{width:200px; margin:5px; margin-right:20px; margin-top: 10px; display: inline-block; text-align:center;}/*border:solid 1px #666;padding:3px; */
.hiscore_unit img.game_thumb{width:200px;}
.hiscore_unit_score{width:170px;border:solid 1px #ccc; border-top:none;border-bottom:none; background:#F3F3F3; padding:3px; margin:auto;}
.hiscore_unit_score .date{font-size:.4em;}
.hiscore_unit_score .rank{font-size:.6em;}
.hiscore_unit_score_bottom{width:170px; height:1px;border-top:solid 1px #ccc; margin:auto; padding:3px;}

.hiscore_unit_score_friend{font-size:1em;width:250px;border:solid 1px #ccc; border-top:none;border-bottom:none; background:#F3F3F3; padding:3px; margin:auto; height:150px; overflow:auto;}
.hiscore_unit_score_friend_bottom{width:250px; height:1px;border-top:solid 1px #ccc; margin:auto; padding:3px;}

.hiscore_unit_score_friend .your_best_score{font-size:1.3em; font-weight:bold;}
.hiscore_unit_score_friend td{border-top:solid 1px #ddd; }



/*---------------------------------------- 
HISCORES_LIST GAME ORDERED */
.hiscores_list_part_item{padding-bottom:20px;text-align: center;}

.hiscores_list_part h3{font-weight: bold; font-size: 2em; border-radius: 0px; line-height: 1em;}


/* Hiscorelist userprofile */
/*-----------------------------------*/
#user_scores_table{width: 100%; color:#333; }
#user_scores_table th{background-color: #33434C;
color: #8AAEC5;
text-shadow: 0px -1px 0 rgba(0,0,0,0.6);
}

#user_scores_table tr:nth-child(even) {background: #F2F9FE;}
#user_scores_table tr:hover{background: #FEFFB8;}

/*#user_scores_table tr:first-child:hover{background: #33434C;}*/
#user_scores_table th { padding: 5px 5px;   text-align: center;}
#user_scores_table td{padding: 6px 6px; text-align: center;}
#user_scores_table td.index{font-size:0.9em; color:#999; }
#user_scores_table td.game_name{max-width:250px; text-align: left;}
#user_scores_table td.date{font-size:0.9em; color:#999; text-align: center;}
#user_scores_table td.score{font-weight: bold; padding-right: 20px; text-align: right;}
#user_scores_table td.theme{font-size: 0.9em; color:#999;}
#user_scores_table td.rank{font-size:0.9em;}

table.dataTable thead th, table.dataTable thead td {border-bottom: none !important;}
table.dataTable.no-footer { border-bottom: none !important;}

/*.rank_ratio_*/
.rank_ratio{text-shadow: 0px 1px 0 rgba(255,255,255, 0.4); font-weight: bold;}
.rank_ratio_0_1 {background: #FF4736; color:#9B1106;}
.rank_ratio_0_5 {background: #FF9143; color:#9B5207;}
.rank_ratio_1 {background: #FFE55F; color:#9B8C04;}
.rank_ratio_5 {background: #A7FF85; color:#319B02;}
.rank_ratio_10 {background: #89FFB6; color:#029B61;}
.rank_ratio_20 {background: #75E3FF; color:#02729B;}
.rank_ratio_30 {background: #B4E3FF; color:#02729B;}
.rank_ratio_40 {background: #CBE6FF; color:#02729B;}
.rank_ratio_50 { color:#02729B;}
.rank_ratio_60 { color:#02729B;}
.rank_ratio_70 { color:#02729B;}
.rank_ratio_80 { color:#02729B;}
.rank_ratio_90 { color:#02729B;}
.rank_ratio_100 { color:#02729B;}

#ul_rank_ratio_count {padding-top: 20px; margin-bottom: 20px;}
#ul_rank_ratio_count li{display: inline-block; width:80px; text-align: center;}
#ul_rank_ratio_count li div{display: inline-block; }
#ul_rank_ratio_count li div.rank_ratio{padding:5px; width:60px; text-align: center;}


/*---------------------------------------- 
HISCORES_LIST CONTEST */
.contest_unit{ width:726px; margin:40px auto;}
.contest_unit .hiscores_list table {
    width: 100%;
}
.hiscores_list{float:left;margin:auto; margin-top:20px; margin-bottom:20px;color:#486079;}

.hiscores_list table {width:285px;-webkit-border-radius: 15px 15px 0px 0px;-moz-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px;
 border:none; background:#e3e8f1}
.hiscores_list th, .hiscores_list tr{-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.hiscores_list th{background:#3b8de1;color:#FFFFFF;font-weight:bold;font-style:italic; padding:3px;padding-left:15px; font-size:1.5em; text-align:center;
 -webkit-border-radius: 4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px;}

.hiscores_list table tr td {padding: 1px 2px; font-size:1em;}
.hiscores_list td.td_rank{width:10px; text-align:right; padding-right:15px; color:#486079;}
.hiscores_list tr.alt td {background:#f4f7fa;} 

.hiscores_list .r{ text-align:center;}
.hiscores_list .s{ text-align:right; padding-right:10px; width:50px;}
.hiscores_list .s_big{font-size:2em; font-weight:bold;}



#hiscores_list_in_my_score #hiscores_list table{width:100% !important;}
#hiscores_list_in_my_score #hiscores_list table td.thumb_container{width:200px}
#hiscores_list_in_my_score #hiscores_list table td.stars_container{width:200px}
#hiscores_list_in_my_score .hiscores_list_part_item{padding:0px !important;}
#hiscores_list_in_my_score .hiscore_unit_score{text-align:center;}
#hiscores_list_in_my_score .rank{text-align:center;}

#hof_userrank_300_view_button, #hof_userrank_favusers_view_button{text-align:center;}

/*---------------------------------------- */
#report_bug_link{text-align:center; width:300px; margin:5px auto; margin-top:20px; padding:4px; }

/*---------------------------------------- */
#donate_banner{background:#FC6; border:dashed 2px #C33; width:468px; cursor:pointer; margin:10px auto;}
#donate_banner_inner{padding:10px 15px; text-align:center;}
.donate_button{color:#CC3333; font-size:1.2em; font-weight:bold;}

/* ----------------------------------------- */
/* USERPROFILE */
/*-----------------------------------*/
a.login_link{ text-decoration:none;}
#up_no_public_caution{margin:50px;}
#up_presentation_outer.ifAvatarEnabled{}
#up_data_bloc .avatar{margin: auto;}
#userprofile_form textarea {width:90%; float:left;height: 200px;}

#userprofile_search_users_and_links_row{margin-top:20px;}

#up_stats_bloc{margin-top:20px;}
#up_stats_bloc_inner{margin-top:30px; color:#666;}
#up_stats_bloc_inner li{margin-bottom:5px;}
#up_stats_bloc_inner li .stat{font-weight: bold; color:#333;}
#up_stats_bloc_inner li i.fa.stat_title{color:#CCC; margin-right:5px;}
#up_stats_bloc_inner li.pad{padding-left:22px;}

#up_modify_display_button_bloc{ text-align:right;}

#up_data_bloc .edit_btn{float:right;margin-top: -14px;
margin-right: -20px;}

#up_form_texts_bloc{ }
#up_form_options_bloc{}
#userprofile_form label{font-weight:bold; font-size:1.2em;}
#up_form_options_bloc{margin-bottom:20px;}

#userprofile_form .charsRemaining{float:right;}

#up_bloc_premium{text-align: center;}
#up_bloc_premium h2{margin:0px;}
#up_data_bloc .content{color:#000;}

.up_ico_in_stats{float:left; margin-right:10px;}

#form_up_search_bloc{border:none; padding:10px;}
#form_up_search_bloc_title, #form_up_search_bloc_text{float:left;}
#form_up_search{}

#up_user_main .avatar{margin: auto;}
#up_user_main #reputation_bloc .num{font-size:3em;}
#up_user_main #reputation_bloc .rank{margin:auto; margin-top:10px; width:150px;}

#up_see_scores_button{float:right; margin-left:10px;}
#up_modify_display_button{float:right;}


/*GAME STATS*/
#game_stats_button_bloc{}
#game_stats_main{margin-top: 40px;}
#game_stats_main h3{text-align:center; margin-top:0px; margin-bottom:10px;}
#game_stats_main hr{height:1px; border-top:none; margin:5px 0;}
#game_stats_main nobr{ letter-spacing:-0.05em; font-weight:700}

#bloc_game_stats_top_left{min-height:220px;}
#bloc_game_stats_top_center{ height:220px; margin:0px 20px; text-align:center;}
#bloc_game_stats_top_right{min-width:300px; height:250px;}

#bloc_game_stats_top_left #favusers_hof_in_game_pages_bloc{padding:0px;}

#bloc_game_stats_top_center_inner{margin-top:30px;}
#user_best_score_bloc .part_left{width:50%;}
#user_best_score_bloc .part_right.big{ font-size:2.2em;}
#score_rank_bloc .part_right.big{ font-size:1.8em;}

#bloc_game_stats_bottom_chart{}
#bloc_game_stats_bottom_chart .bloc{display:inline-block; margin-right:20px;}
#bloc_game_stats_chart{ position:relative; margin-top:20px;}
#bloc_game_stats_chart .jqplot-point-label{color:#6499ce;}
#bloc_game_stats_chart .jqplot-xaxis-label {
    margin-left: 50px;
    
}

#chartdiv_pie .jqplot-data-label{color:#ffffff; font-family:"Arial Black", Gadget, sans-serif; font-size:1.1em; font-weight:bold;
}/* text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; */
#chartdiv_pie .jqplot-title{color:#cccccc;}

#bloc_game_stats_player_nb{float:right; width:43%;}
#bloc_game_stats_player_nb nobr{font-size:2em;}

#bloc_game_stats__bottom_avg{ margin-top:30px; margin-left:20px; text-align:center; width:350px; float:left;}
#bloc_game_stats__bottom_avg nobr{font-size:2em;}

#bloc_game_stats__new_best_scores{ margin-top:60px; text-align:center; width:150px; float:left; color:#cccccc;}

#bloc_game_stats__bottom_avg_100, 
	#bloc_game_stats__bottom_avg_1000{float:left; text-align:center;margin-top:20px; margin-left:20px; width:240px;color:#6499ce;}
	
#bloc_game_stats__bottom_avg_1000{}

a.button_play_again{
padding:3px 55px 6px 55px;
color:#FFF;
text-decoration:none;
font-size:1.5em;
background:url(../images/main/bg_b_play_again.jpg) 0% 0% repeat-x #000; border:solid 2px #FFF; 
-moz-box-shadow: 1px 2px 4px #cdcdcd; -webkit-box-shadow: 1px 2px 4px #cdcdcd; box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
}
a.button_play_again:hover{background-image:url(../images/main/bg_b_play_again_hi.jpg);}

#bloc_game_stats_best_score_ever table{width:400px;}

#game_stat_pub_sky{float:right; background:url(../images/main/pub_sky_bg_game_stats.jpg) no-repeat; width:292px; height:744px; margin:0px 0px 0px 0px; padding-top:62px;}

/* Favusers */
/*-----------------------------------*/
#favusers_hof_in_game_pages_bloc{}
#buttonsUnderHofContainer{margin-bottom: 40px;}
.onWhite .favusers_button{color:#FFF;}

/* thumb code ---------------------------*/
/*-----------------------------------*/
#bloc_thumb_code .thumb_code_unit{text-align:center;margin:5px auto; margin-bottom:10px;}
#bloc_thumb_code a{margin-right:10px;float:left;}
#bloc_thumb_code .bloc_code{float:left; width:300px; margin:auto; padding:7px; background:#F3F6F9; color:#666; border:solid 3px #DCE4ED; font-size:.7em;-webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px;}
.game_thumb_200{width:200px; margin-bottom:5px;}
.game_thumb_150{}


/* REPUTATION */
/*-----------------------------------*/
.reputation{font-weight: bold;}
.reputation i{color:#DDD;}
.reputation nobr{color:#888;}
ol li .reputation{display: inline-block; margin-left:10px;}
#reputation_history_bloc{margin-top:40px;}
#reputation_history_bloc {max-height: 300px; overflow-y:hidden;}
#reputation_history_bloc.displayed { overflow-y:auto;}
#reputation_history li{ padding:2px;}
#reputation_history li:nth-child(even){background: #F1F1F1;}
#reputation_history .num{display:inline-block; width:55px; font-weight: bold; font-size:1.3em; text-align: right; padding-right:10px; }
#reputation_history .timeago{display:inline-block; width:100px; color:#666; font-size:0.8em;}
#reputation_history .explain{display:inline-block; color:#333; font-size:0.9em;}
#btn_history_bloc_display_all{float: right;}

/*------------------------------------------ */
/* CLUBS */
/*-----------------------------------*/
a.club_pil{
	display:inline-block;
	padding: 5px 10px;
    /*border: solid 1px #DDD;*/
    /*border-radius: 6px;*/
    background: #9fa6ad;
    font-weight: bold;
    color:#FFF !important; /*  !important for #user_menu .club_pil */
    margin: 3px;
    white-space: pre-line !important; /*  !important for #user_menu .club_pil */
    word-wrap: break-word !important; /*  !important for #user_menu .club_pil */
}
.club_pil:hover{background: #61686E !important;}
/*.club_pil .badge{background-color: #FF7521;}*/
#clubs_list{max-height: 524px; overflow-y:auto;}
#clubs_list .item{float: left;  margin:5px 5px;}
#clubs_list li.item {}
#clubs_list  li.item a {}
#login_form_bloc .dropdown-menu li a.club_pil {
    font-size: 1.3em;
	padding: 6px 10px;
	line-height: 1.2em;
}

#clubs_tab_buttons{border-bottom:solid 1px #CCC; margin-bottom:20px;text-align: right;}

.club_tab{display:none;}
#clubs_tab_buttons .tab_button{display: inline-block;margin: 0px 5px;
border: none;
border-radius: 6px 6px 0 0;
padding-bottom: 0px;
font-size: 1.2em;}
#club_main_tab{display:block;}
#club_main_left{width:57%; float:left;}
#club_main_right{width:40%; float:right;}
#club_create_bloc{margin-top:15px;}
#club_nb_members_bloc{}
#current_club_title{}
#club_date_creation_bloc{ float:right; text-align:right; color:#999; margin-bottom:10px;}
#club_comments_rights_bloc{margin:5px 0; }

#club_nb_members_bloc_inner{float:left; line-height:1.5em;}
#club_is_member_content_result{float:right; line-height:1.5em;}

#club_description_bloc{}
#club_menu_content_result, #club_mrequests_list_content_result{text-align:center;}
#b_club_h1_modify{font-size:.5em; margin-left:30px; letter-spacing:normal;}

#club_description, #club_news{color:#333;}


#clubs_admin_mrequests_bloc{ margin-top:15px;}
.club_mrequest_list_item.ignored{background:#CCCCCC; border-color: #999;}
.club_mrequest_list_item.accepted{background:#DAEFC0; border-color:#A3DC74;}
#clubs_del_this_club_bloc{ margin-top:20px; font-size:1.3em;}
#ta_club_description, #ta_club_news{width:300px; height:100px;}
.clubs_admin_button_container{text-align:center;}
.bloc_admin, .admin_bg{background:#FEE !important ; }
.admin_bg::after{ border-color:#FEE transparent; }
.club_admin, .club_admin a, h2.club_admin, .admin_text{}
.clubs_game_list_item .cb_game{position: absolute;}
.clubs_game_list_item label{margin-bottom:0px;}
.club_mrequest_list_item{ padding:1px 5px; float: left;
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 1px 5px;
    width: 42%;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; background:#fff; border:solid 2px #EEE;}

.clubs_users_list_item{float:none;}
#club_admin_users_list input{width: 100px; text-align: right;float: right;}

.club_mrequest_list_item{width:80%;}
#clubs_mrequests_list .club_mrequest_list_item{float:none; width:100%; text-align:left;}
.clubs_users_list_item.club_admin, .clubs_game_list_item.club_admin{background:#FEE;border-color: #FCC;}
.clubs_game_list_item{float:left; width:200px; margin-right:10px; position: relative;}

#clubs_comments_rights_question{font-weight:bold; margin:5px 0px;}
#clubs_admin_main_bloc li{margin-left:20px;}
#clubs_admin_games_bloc{margin-top:15px;}

#club_list_bloc_in_userprofile{ width:200px; text-align:center;}

#club_game_score_content_result .hiscore_unit{width:auto;}

#club_tournament_game_scores_bloc h3{margin-bottom:20px;}
#club_tournament_game_scores_bloc_table_container{padding:10px;background: #FFF;overflow-y: auto;
max-height: 600px;}
#club_tournament_game_scores_bloc table{margin-top:20px; width:100%; }
#club_tournament_game_scores_bloc table tr{border-bottom: solid 1px #DDD;}


/* row_top_game */
/*-----------------------------------*/
#row_top_game{margin-top:20px;margin-bottom:20px;}

#nb_plays_and_stars_details_in_game{width: 810px;
position: absolute;
z-index: 200;
left: 30px;
top: 60px;
color: #FFF;}

#nb_plays_and_stars_details_in_game #nb_plays_text{color:#FFF;}

#row_top_game_page_info .game_thumb .game_stars{bottom:-6px;}
#thumb_in_top_game_page_info, #nb_play_in_top_game_page_info, #game_stars_detail{display:inline-block;}

/* nb_plays_bloc */
/*-----------------------------------*/
#nb_plays_bloc{}

/* game_stars_detail */
/*-----------------------------------*/
#game_stars_detail{font-size:1.5em; }

/* best_score_bloc_in_stars_detail */
/*-----------------------------------*/
#best_score_bloc_in_stars_detail{font-size:1em;}

/*PODIUM*/
/*-----------------------------------*/
#podium_section{ max-width: 970px; margin:auto; margin-bottom: 20px;}
#podium_section .row{min-width: 800px;}
#pub_square_top_bloc{text-align:right;}
#podium_bloc{margin-top: 20px; }
#podium_title{ font-size:2em; font-family: arial; font-weight: bold; color:#a4a4a4; margin-top: 0px;}


.podium_xl_list{}
.podium_xs_list{display: inline-block; margin-top: 30px;margin-left: 20px;}
.podium_avatar_xl{width: 120px; text-align: center; display: inline-block;margin-right:10px; vertical-align: top;}
.podium_avatar_xs{margin-top:7px;}
#podium_bloc .num{ color:#d6d6d6; font-weight: bold; font-family: arial; font-style: italic;}
.podium_avatar_xl .avatar{margin: auto;}
.podium_avatar_xl .num{font-size: 3em;}
.podium_avatar_xs .num{display:inline-block; font-size: 1.5em; margin-right: 10px;}
.podium_avatar_xs .podium_user_name{display:inline-block;}

.podium_user_name .reputation {display:none;}


/* GAME */
/* #game_container top margin will be modified in plugins/vp_game_page_menu/game_page_menu_index.php by JS if game_page_menu.
/*-----------------------------------*/
section#game_container{margin-top:20px; margin-bottom:20px;}

/*Banner */
/*-----------------------------------*/
.banner{text-align: center;} /*background:#66CCFF;*/
.megabanner{height: 90px; margin:auto;}/*width:728px; */
.premium_push_under_pub{text-align: center; font-size: 0.7em;}/*display: none;*/

#banner_square_top{text-align: right;}
#banner_mega_under_comments_bloc{width:728px; margin:auto;}
#banner_right_game{
	position: absolute;
	width: 160px;
	height: 600px;
}
#banner_mega_top_game, #banner_mega_under_game{margin: auto;}


/* on_mobile */
/*-----------------------------------*/
body.on_mobile #banner_mega_top_game_bloc{float: none !important; margin-bottom:30px !important;}
body.on_mobile #banner_mega_under_game_bloc{ margin-bottom:50px !important;}
body.on_mobile #banner_right_game{display: none !important;}
body.on_mobile #report_bug_bloc{float: none !important;}


/* game page menu */
/*-------------------------------------*/
#game_page_menu{background:#333; position:fixed; z-index:1000; bottom:-1px; width:100%; margin:0px; left:0px; vertical-align: middle; height: 35px; text-align: center;}

/* For the podium tab */
#game_page_menu.bigger{line-height: 4em; height: 62px;}
#game_page_menu.bigger #btn_display_only_game{
	font-size: 2em;
	border: solid 2px #CCC;
	padding: 2px 15px;
	margin: 2px;
	margin-right: 20px;
	border-radius: 10px;
	line-height: 1.4em;
}

#game_page_menu:before {/* inline-blocks vertical middle */
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/* for non mobile devices : no menu 
@media (max-width: 992px) {
  #game_page_menu { display: none; }
}*/

/* game menu elements */
#game_page_menu li{display: inline-block; padding:2px 20px; font-size: 1.5em; color:#FFF; font-weight: bold; width:24%;}
#game_page_menu li i{font-size: 1.2em;}
#game_page_menu li:last-child{}

#game_page_menu li a{color:#FFF;}


/* For mobile devices in portrait mode */
@media only screen and (min-width : 768px) and (orientation : portrait) {
  #game_page_menu li{letter-spacing: -0.09em; width:20%; }
}
/* We need this in game_page_menu pages for all the tabs but the first one */
#main.without_margin_top, .page-content.without_margin_top { margin-top: 0px;} 
/* In top page we may have empty <p> (VPCMS page content code). Those sould be without margin. */
.page-content.without_margin_top > p{display:none;}

/* back_from_game_menu_button */
/*-----------------------------------*/
#back_from_game_menu_button{
	position: fixed;
	bottom: 0px;
	right: 5%;
	z-index: 2200;
	border-radius: 6px 6px 0 0;
	padding: 2px 13px;
	background: #333;
	color:#FFF;
}

/* NOTIFICATION */
/*-----------------------------------*/
#notification_bloc{display: inline-block; position: relative;}
#notification_bloc li{display: inline-block;}
.notification_list_container{display: inline-block;}
.message_notification{display: inline-block;}
#comment_notification_list_container, 
	#comment_club_notification_list_container{display: inline-block;}
#comment_notification_list,
	#comment_club_notification_list{position: absolute; top:30px; max-height: 500px; overflow-y: auto;}
#comment_notification_list li,
	 #comment_club_notification_list li{display: block;}

#btn_notification_delete_all_container{margin-left:6px;}




/* simple_notification */
/*-----------------------------------*/
#simple_notification_bloc{position: absolute;left: 220px;top: 11px;}
#simple_notification_bloc li{display:inline-block;}
#simple_notification_bloc li a{color: #3b8de1 !important;  font-size: 1.2em;}


/* fa new icon when stacked */
/*-----------------------------------*/
.fa-stack .fa-new_icon{color: #FC3; margin-left: 20px;}

/* Drag bar */
/*-----------------------------------*/
.drag_bar{width: 82%; height: 3px; border-bottom:solid 1px #999; margin-left: 20px;}

/* nb_plays */
/*-----------------------------------*/
#nb_plays_text {color: #CCC;}
#nb_plays_text .num{font-size: 1.6em; font-weight: bold; }

/* table_big */
/*-----------------------------------*/
#table_big th, #table_big td{padding:10px 30px; }
#table_big td.td_title{padding:10px 10px; }
#table_big td.num{font-size: 2em;text-align: center;}
#table_big td.line{background: #EEE;color: #333;}

/**
 * other_games_list
 */
.other_games_list{text-align: center;}
.other_games_list .game_thumb{margin:10px 10px;}

/* publish_game_stats */
/*-----------------------------------*/
.game_stats_bloc{margin-bottom:0px;}

.game_stats_bloc.bloc_bg_outer i.bloc_bg_ico{top: -5px;left:auto;right: 3px;font-size: 7em;color:#8cbf8d;}

/* rotate */
/*-----------------------------------*/
.rotate90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


/* BREVET */
/*-----------------------------------*/
#brevet_main .description_bloc, #bac_main .description_bloc {
    background: #fff9d1;
   /* border: solid 2px #dfcead;*/
    padding: 30px;
    
}
#brevet_main .description_bloc .description, #bac_main .description_bloc .description {
    margin-top: 30px;
    width: 250px;
    color: #807b5a;
    font-size: 1.2em;
    float: left;
}
#brevet_main .description_bloc .description_thumb, #bac_main .description_bloc .description_thumb {
    float: right;
}
#brevet_scores_list, #bac_scores_list{float:left;}
#brevet_pub_sky, #bac_pub_sky{float:right;}

#brevet_main .bloc_pub_megabanner div, #bac_main .bloc_pub_megabanner div{margin:auto;}
#brevet_main table, #bac_main table{margin: 40px 0px;}

#brevet_scores_list #hiscores_list table tr, #bac_scores_list #hiscores_list table tr {
    height: 69px;
}
#brevet_scores_list #hiscores_list table td, #bac_scores_list #hiscores_list table td {
    padding: 5px 10px;
}

#brevet_scores_list #hiscores_list table .thumb_container, #bac_scores_list #hiscores_list table .thumb_container {
    width: 200px;
    position: relative;
}
#brevet_scores_list #hiscores_list table .thumb_container .arrow_big, #bac_scores_list #hiscores_list table .thumb_container .arrow_big {
    position: absolute;
    z-index: 200;
    top: 49px;
    left: 65px;
}

/* _DEBUG (php cache/no cache debug console) plugins/vp_debug/00_debug_top.php */
/*-----------------------------------*/
#_DEBUG{color:#FFF;
		text-align:left;
		
		background:#000000;
		border:solid 1px #ccc;
		padding:1px 10px;
		font-family:lucida, Times New Roman, Times, serif;
		letter-spacing:1px;
		z-index:2000; 
		position:fixed;
		bottom:0px;
		right:3px;
		clear:both;
		float:right;
		opacity : 0.6;
		filter : alpha(opacity=60);
		-webkit-border-radius: 6px; -moz-border-radius: 6px;}

/* vp_chat */
/*-----------------------------------*/
#chat_bloc{position: fixed; bottom:0px; right:5%; z-index:2000; width:200px; text-align: right;
}
#chat_display_button{border-radius: 6px 6px 0 0;padding: 2px 13px;}
#chat_canal_title{position:relative; text-align: center; font-weight: bold; padding: 4px;}
#chat_btn_resize {
    position: absolute;
    left: 6px;
    top: 5px;
    font-size: 0.8em;
    }

#chat_main{height: 300px; position:relative;background:#FFC;box-shadow: 0px 0px 13px rgba(0,0,0,0.2);}
#chat_content_result{overflow-y: auto; height: 225px; padding:5px; border:solid 1px #DDD; border-left:none;}
#it_chat_content{display:block; position: absolute;
bottom: 7px;
border: none;
background: #FD8;
line-height: 20px;
padding: 2px;
width: 180px;
left: 10px;}
.chat_unit{border-bottom:solid 1px #DDD; padding:3px 3px; text-align: left;background-color: inherit;}
.chat_author{color:#C60;}
.chat_author .ico_btn{font-size: 0.7em;}
.chat_content{}

/* resize */
#chat_bloc.large{width: 500px;max-width: 80%;}
#chat_bloc.large #chat_main{height: 510px;}
#chat_bloc.large #chat_content_result{height: 435px;}
#chat_bloc.large #it_chat_content{width: 95%;}

/*new msg*/
.chat_unit.new{background-color: #FD8;}

/*section_alert_all_pags*/
#section_alert_all_pages{margin-bottom: 0px; background:#FFF1AF;}
#section_alert_all_pages .alert.alert-warning{border:none;margin-bottom: 0px;}
#section_alert_all_pages .alert.alert-danger{margin-top:20px;}

/* sdjc links */
#sdjc_links a img {
    width: 250px;
}

/* table_user_ranking_table_container */
/*-----------------------------------*/
#table_user_ranking_table_container{}
#user_ranking_table_menu li{display:inline-block; margin:5px;}


/* Pages lists of all games (AJOUTS OLIVIER) */
/*-----------------------------------*/


#ListOfAllGames h3{text-align: center; font-size: 20px;margin-bottom: 2px;}
.listOfGames{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}

.blocListOfGames{
	background-color:#d7f1f8;
	border-radius:10px;	
  	padding:4px 0px 7px 0px;
  	margin-bottom: 10px;
}
#listOfGames_content_result h2{
	text-align: center;
	color:#4ca7d2;
	margin-top:15px;
}
.blocListOfGames h3{
	color:#4caed2;
}

.thb2list{
	margin:3px 10px -5px 10px;
	line-height: 0.0em;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color:#c1c1c1;
}
/*-----------------------------------*/
/* RESIZE & CENTER */
.imgResize100{
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

.imgResize80{
	max-width: 80%; 
	height: auto;
	box-sizing: border-box;
}
.imgResize40{
	max-width: 40%; 
	height: auto;
}

.imgResizeFullScreen{
	width:100%;
	height:auto;
}

.hCenter{
	text-align: center;
	display: flex;
	justify-content: center;
}

.hCenterColumn{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.vCenter{
	display: flex;
	align-items: center;
}

.txtCenter{text-align: center;}

.paddingTopMedium{
	padding-top:80px;
}
.paddingTopLittle{
	padding-top: 20px;
}

.zindexHigh{
	z-index: 10;
}

/*-------------------------------------*/
/* HOME */

.bandeauImageFull{
	width:100%;
	height:auto;
	background-image: url(../images/main/home_recif_sakouli_2000_light.jpg);
	background-attachment: fixed;
	background-size: cover;
	padding-top:50px;
	padding-bottom:50px;
	z-index:1;
}
@media(max-width:992px){
	.bandeauImageFull{
		background-image: url(../images/main/home_recif_sakouli_1000_light.jpg);
	}
}

.logoInBandeau1_container{
	width: 100%;	
	z-index: 2;
}

.logoInBandeau1{
	max-width: 400px;
	height: auto;
	display: block;
	margin: auto;
	margin-bottom:15px;
}

.txtInBandeau1{
	padding:20px;
	color:#FFF;
	width:450px;
	margin:auto;
	text-align: center;
	font-size: 1.3em;
	text-transform: uppercase;
	text-shadow: 0 0 4px #357ece;
}
.voirListeJeux{
	display: block;
	margin: auto;
}
.maskListeJeux{
	display:none;
	margin:auto;
}
.BoutInscription{
	display: block;
	margin: auto;
	margin-top:20px;
	width:300px;
}
.buttonOH{
	margin: auto;
	text-align: center;
	font-size: 1em;
	padding: 7px 9px 6px 9px;
	border-radius: 25px;
	text-transform: uppercase;
}
.bandeauImageFull .buttonOH{
	text-shadow: 0 0 4px #357ece;
	box-shadow: 0 0 4px #357ece;
	color:#FFF;
	border: solid 2px #FFF;
}
.bandeauImageFull .buttonOH:hover{
	background-color: #4c91d1;
}
.bandeauBleu2 .buttonOH{
	color:#15224a;
	border: solid 2px #15224a;
}
.bandeauBleu2 .buttonOH:hover{
	color:#387dd3;
	border:solid 2px #387dd3;
}

#listOfGames_content_result{
	padding: 20px;
	background-color:#fff;
}

.bandeauBleu1{
	padding: 100px;
	background-color: #3ebabb;
	color:#FFF;
	font-size: 1.2em;
}
.bandeauBleu2{
	padding: 100px;
	background-color: #FFF;
	background-size: cover;
	background-image: url(../images/main/home_planeClouds2.jpg);
	background-position: center;
	background-attachment: fixed;
	color:#15224a;
	font-size: 1.2em;
}
.bandeauBleu3{
	padding: 100px;
	background-color: #4c91d1;
	color:#FFF;
	font-size: 1.2em;
}
.logo_depMay{
	margin-top:20px;
	margin-bottom:20px;
	width:250px;
	margin:auto;
}

.txtBig{
	font-family: HelveticaNeueUltraLight, sans-serif;
	font-size: 1.5em;
	font-weight: 0;
	text-transform: uppercase;
}

.bandeau3{
	/*position: relative;
	top:-90px;*/
}
.bandeau4{
	padding-top:40px;
	padding-bottom: 40px;
}
@media(max-width:760px){
	.logoInBandeau1{
		display: none;
	}
	.bandeauBleu1,.bandeauBleu2,.bandeauBleu3 {
		padding-top: 65px;
		padding-left:20px;
		padding-right: 20px;

	}
	.txtBig{
		font-size: 1.2em;
	}
	.txtInBandeau1{
		padding-left:5px;
		padding-right: 5px;
		width:360px;
	}
}
.icResSoc{
	width:100px;
	height: auto;
	margin:15px;
}
.logo_partners{
	width:120px;
	margin:30px;
}
.logo_partners_small{
	width:80px;
	margin:30px;
}
.logo_partners img, .logo_partners_small img{
	width:100%;
	height: auto;
}

.prefooter{
	padding: 20px 0px 20px 0px;
	background-color: #4c91d2;
	color:#FFF;
}
.prefooter a{
	color:#FFF;
}
.itemPreFooter{
	display: flex;
	flex-direction: column;
}

/*div{
	border:solid #000 1px;
}*/