/* ----------------------------------------- 
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:#1e5d9e;}

/*@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: Helvetica, sans-serif;color:#1e5d9e;}
h1{font-weight: bold; letter-spacing: -0.04em;}
h2{font-weight: bold; color:#1e5d9e;letter-spacing: -0.05em;}

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;}


/* 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;}

.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:#3b8de1;}
.btn{-webkit-border-radius: 20px; border-radius: 20px; white-space: normal;}
.btn-primary{background: #3b8de1; border:none;}

.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;}




/* 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{background: url(../images/main/carte_bg_bandeauHP_tiny.png) no-repeat 100% 28% #3b8de1; padding: 0px; border-bottom: none; background-size: 307px 411px;} /*#E3F7F7; <= for dev; #406DA4 <= for prod*/
h1{ color:#FFFFFF; margin-top:10px;margin-bottom: 5px;padding-top: 5px;}
h1.onWhite{background:#3b8de1; 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: #EEE;display: none;}
#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 18px; font-weight: normal;}
.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 */
/*-----------------------------------*/


/* FOOTER */
/*-----------------------------------*/
footer {position: relative; background:url(../images/main/carte_bg_bandeauHP_tiny.png) no-repeat 100% 0% #49494b; background-size: 307px 411px;}
footer h2{color:#ffffff;}
#perso_footer{width:402px; height: 164px;  position: absolute; bottom:224px; right:0;}




/* 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;}



/* 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;}


/* 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;
}



/* 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;}


#bloc_pub_base{display:none;}


/* _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;
		left:3px;
		clear:both;
		float:right;
		opacity : 0.6;
		filter : alpha(opacity=60);
		-webkit-border-radius: 6px; -moz-border-radius: 6px;}