/*NOTE : This script is loaded by the last_version_file() php func.*/
/* ----------------------------------------- 
FONT
*/
html{ -webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;}

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

@font-face {
	font-family: Blogger_Sans;
	src: url('fonts/Quicksand-Bold.ttf');
	
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: Blogger_Sans_Light;
	src: url('fonts/Quicksand-Bold.ttf');
	
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: Blogger_Sans_Bold;
	src: url('fonts/Quicksand-Bold.ttf');
	
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: Roboto_Light;
	src: url('fonts/Roboto-Light.woff');
	text-rendering: optimizeLegibility;
}
/*
@font-face {
	font-family: Roboto_Thin;
	src: url('fonts/Roboto-Thin.woff');
	text-rendering: optimizeLegibility;
}*/

.long_text{font-size:0.8em;}

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

input[type="button"]:focus, input[type="submit"]:focus {/* To avoid the browser highlight on focus */
    outline:none !important;
    outline-width: 0;
}


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



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

.bold{font-weight: bold;}

.margin-top-0  { margin-top: 0px; }
.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; }

/* 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 */
.pointer{cursor: pointer;}

.btn{-webkit-border-radius: 20px; border-radius: 20px;}
.btn-primary{background: #53b2ee; border:none;}
.btn-danger{border:none;}

.btn_link{text-decoration: underline;}

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

/* bootstrap.css derogation */
.text-success{color:#4ED22C;}
.text-danger{color:#CE181A;}
.alert.alert-warning{background: #FFF1AF; color:#F48C29; border-color:#FFE275;}
.label-success{background: #87E140;}
.label-as-badge{-webkit-border-radius: 10px; border-radius: 10px; }

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

.btn-link{padding:0px;border: none;}

.bloc{padding:2px; margin:10px 0px;}
em.info, div.info{background: #4CC9EE; color:#fff; padding:3px; font-weight: bold;}
.bloc_grey{background: #F2F2F2; color: #666;}

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


/*trumbowyg*/
.trumbowyg-box, .trumbowyg-editor{margin: auto !important; min-height: 200px !important;}


/* Swal */
.swal2-popup{font-size: inherit !important;}

/* timeago */
/*-----------------------------------*/
abbr.timeago{border-bottom:none;}
abbr[title] {
  border-bottom: none !important;
  cursor: inherit !important;
  text-decoration: none !important;
}

/* 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 {float:right; margin-left: 20px;}
.game_page img#imgLogo{top:5px !important;}
.game_page .page-content{margin-top: 0px;}

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

.alert-grey {
    color: #333;
    background-color: #EEE;
    border-color: #DDD;
}

/* The button_for_display_navbar is controled by vpSite.js */
#button_for_display_navbar{font-size: 1.5em;background: #FFF;color:#53b2ee;
	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 h1, .text-white-color h2, .text-white-color h3 {color: #fff;}

.page-header{background: url(../images/main/header_little.png) no-repeat bottom center #54b2ef; padding: 0px; border-bottom: none;} /*#E3F7F7; <= for dev; #406DA4 <= for prod*/
h1{font-family: Blogger_Sans_Bold; color:#FFFFFF; margin-top:10px;margin-bottom: 5px;padding-top: 5px;}
h2{font-family: Blogger_Sans_Bold;}
.panel-heading h3{margin-top: 0px; margin-bottom: 0px;}
.game_page h1{margin: 2px 0px;}
.navbar-default{border-bottom: none;}

/* 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:#53b2ee;}
.bg_orange{background:#ec8e33;}
.bg_white{background:#fff;}

.color_purple{color:#cd7cc1}
.color_green{color:#a5c524}
.color_blue{color:#53b2ee}
.color_orange{color:#ec8e33}
.color_red{color:#C52D22}


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

.ico_btn{cursor: pointer;}
.ico_btn_blue{ color:#57B9F1;}
.ico_btn_blue:hover{color:#FFE275;}

#content{margin-top:0px;}

/* NAV BAR */

#main_navbar{font-size: 1.1em;-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
box-shadow: 0px 2px 4px rgba(0,0,0,0.3);}

.navbar-brand.navbar-logo-bigger img{width: 130px; top:-30px;}
.navbar-fixed-top.shrink-active .navbar-brand img {width:150px; top:-3px;}
.navbar-fixed-top .navbar-nav{}
.navbar-brand{height: 10px;}

/* MENU */
.navbar-default .navbar-nav > li > a{font-family: Roboto_Light; letter-spacing: -0.05em; font-size: 1.0em; background: none;}
.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{color:#fff; -webkit-border-radius: 20px; border-radius: 20px; background: #53b2ee;padding: 0 4px;}

/* HOME */
#home_first_section{  background: url(../images/main/home_header_bg.png) no-repeat 50% 100% #54b2ef; margin-bottom:0px;}
#home_first_section .row{padding: 30px 0px;}
#home_first_section h1{font-size: 2.3em;}
#home_first_section h2{font-family: Blogger_Sans_Light; font-size:1.5em; margin-top:40px;}
#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; */

.stat_big{text-align: center; margin:30px 0px; margin-bottom:20px;}
.stat_big .num{font-size:3em; font-family: Blogger_Sans_Bold;}

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

footer {position: relative;}
footer h2{color:#ffffff;}
#perso_footer{width:402px; height: 164px; background: url(../images/main/perso_footer_01.png); position: absolute; bottom:224px; right:0;}


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



/* Login menu */
#user_menu.dropdown-menu {left:-100px}
#login_form_bloc .dropdown-menu li a{font-size: 1.5em;}

/* subscribe form */
#user_form{float: none; margin: auto;}
#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{color: #999;}

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


/* Home content */
.ul_buttons_class_home_page li{display:inline-block; margin: 3px;}
.ul_buttons_class_home_page li a{ font-size: 1.5em;}

.row_i_am h2{text-align: center; }
.row_i_am h2 .small2{font-family: Roboto_Light;}
.row_i_am .ico_bloc{width:10px; font-size: 0.5em; float: left;}
.row_i_am p{text-align: justify;}
.row_i_am p.bold{font-weight: bold;}
.row_i_am .col-md-4{padding:0 40px;}

.btn_with_big_icon{padding: 0px 12px 0px 20px; display: block; height: 40px;}
.btn_with_big_icon i{float:right; margin-right: -10px;font-size: 3em;margin-top: 2px; background: none !important;}

.btn_with_big_icon a i.fa, .btn_with_big_icon i.fa{background: #fff !important; padding: 2px;-webkit-border-radius: 30px; border-radius: 30px;
font-size: 2.1em;
width: 36px;
height: 36px;
line-height: 1.05em;}
.btn_with_big_icon label{float:left;font-size: 1.3em;margin-top: 8px;}
label.two_lines{line-height: 0.8em; margin-top: 5px;}
label .small{font-family: Roboto_Light;}

.form_class_code{height:83px; padding: 15px; padding-top:2px; -webkit-border-radius: 25px; border-radius: 25px; text-align: center; font-size:1.1em;}
.form_class_code label{color: #fff; }
.form_class_code input{-webkit-border-radius: 20px; border-radius: 20px; border:none;}
.form_class_code .input-group .form-control:first-child{border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;}
.form_class_code .input-group-btn:last-child > .btn{-webkit-border-radius: 20px; border-radius: 20px; background: #FFF; color:#cd7cc1; font-weight: bold; margin-left:5px; letter-spacing: -0.04em;width: 36px; height: 36px; font-size:20px; padding:0px; padding-top: 3px;}/* buggont GO */
.form_class_code .input-group-btn:last-child > .btn:hover{background: #3C6699;}


/* form_class_code in login form (top site) */
/*-----------------------------------*/
#login_form_bloc .form_class_code{height: auto; display: inline-block; padding: 4px 5px; text-align: left;}
#login_form_bloc .form_class_code label{display: none;}
#login_form_bloc .form_class_code div.input-group{display: inline-block; width: auto; }

#login_form_bloc .form_class_code .form-control{height: auto;padding: 4px 8px;}

#login_form_bloc .form_class_code div.input-group input{display: inline-block; width: 150px;float:none;}
#login_form_bloc .form_class_code div.input-group .input-group-btn{display: inline-block;}
#login_form_bloc .form_class_code div.input-group .input-group-btn button{display: inline-block; width:auto; height: auto; padding: 2px;    font-size: 17px; margin-left: 0px;}





/* Section 3 */
#section_3{background:#53B2EE; color:#FFF;} /* #fbf4fa;} */
#section_3 h2{color:#FFF;}
#section_3 #news, #section_3 #news h2{color:#333; margin-top: 30px;}


/* news */
#news {background: #FFF; padding: 12px 0px 18px 18px; -webkit-border-radius: 25px; border-radius: 25px;}
#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-family: Blogger_Sans_Light; font-size: 1.8em;}
#news .date{font-size: 0.8em; color:#999;}
#news .author{font-family: Blogger_Sans_Bold; font-size: 1.1em; font-weight: bold;}
#news_page_content{margin-top: 30px;}


/* 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 {margin-bottom:20px;}
#welcome_bloc_inner{-webkit-border-radius: 20px; border-radius: 20px; padding: 25px 20px 10px 20px; background:#D6ECFA; color:#3F9BD5;}

/* GAME THUMBS */

.gameThumb{ margin-bottom: 10px;}
.gameThumb .gameThumbInner{position: relative;  height:2.5em;  width:30em; -webkit-border-radius: 2em; border-radius: 2em;}
.gameThumb .matiere_ico_bloc{ 
    position: absolute;
font-size: 2.3em;
left: 0.14em;
top: 0.13em;
width: 0.85em;
height: 0.85em;
border-radius: 3em;
}
.gameThumb .matiere_ico_bloc .content{font-size: 0.4em;
color: #FFF;
line-height: 2em;
text-align: center;
letter-spacing: -0.06em;}

.gameThumb .matiere_ico_bloc .content .fa{font-size:1.6em; color:#FFF;padding-top: 0.1em;}

.gameThumb .gameThumbImageInDescription{text-align: center; margin-bottom: 10px; cursor: pointer; }
.gameThumb .gameThumbImageInDescription img{max-width:90%;}
.gameBigThumbImg{cursor:pointer;}


/*	position:absolute; font-size:2.3em; left: 4px; top:1px;}
*/
.gameThumb .textInThumb{position:absolute; left: 1.9em; margin-top: 0.2em; font-size: 1.4em;  font-family: Blogger_Sans_bold; white-space: nowrap;letter-spacing: -0.04em; }
.gameThumb .info_ico_bloc{float:right; margin-right: 0.2em; font-size: 1.9em; margin-top: 0.15em;}

.gameThumb a:hover{text-decoration:underline;}

/* webkit derogation
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .gameThumb .matiere_ico_bloc{ top:-1px;}
    .gameThumb .info_ico_bloc{margin-top: 0.07em;}
}
*/
/* IE derogation */
/*.ie .gameThumb .matiere_ico_bloc{ top:-7px;}*/
.ie .gameThumb .textInThumb{margin-top: -0.02em}
.ie .gameThumb .info_ico_bloc{margin-top: -0.1em;}

.gameThumb .gameDescription .gameBaseline{color:#999; font-weight: bold;white-space: normal; }
.gameThumb .gameDescription{width:25em; margin-left:2.5em;  padding: 10px 20px; line-height: 1.2em; color:#666; font-size: 1em; display:none; text-align: justify;
	background: #fff; border:solid 3px #EEE; border-top:none;
	-webkit-border-radius: 0 0px 6px 6px; border-radius: 0 0px 6px 6px;}


.gameThumb .badgeContainer{position: absolute; top: 0.5em; right: -3.2em; text-align: center; width:3em;}
.gameThumb .badge{ background: #CCC;}

.smallGameName{letter-spacing: -0.075em;}

.gameThumb .levelInGameDesciption{
    background: #eeeeee;
    color: #333;
    padding: 3px;
    font-weight: bold;
}


/* Game list */
.game_list{list-style: none;}
.game_list .gameThumb{margin-bottom: 10px;}

/*game_list_per_matiere*/
.sousMatiereMenu li{font-size: 1.3em; font-family: "Roboto Condensed"; }/*display:inline-block; margin:0 25px;*/
.sousMatiereMenu li:first-child{}
.sousMatiereMenu li a:hover{color:#337ab7;}
.game_list_per_matiere{font-size: 0.98em;}



.gameThumbListLittle{font-size:0.7em;}

.gameListAccordion li{display:none;}
.gameListAccordion li.matiere_name{display:block; cursor:pointer;}


/* MATIERES COLOR CODE */

.bg.promote{background: #FF713A;}
.color.promote{color:#FF713A;}

.bg.fra{background: #ff5c5c;}
.bg.fra.light{background: #ffe7e7;}
.fa.fra, .color.fra{color:#ff5c5c;}
.color.dark.fra{color:#6e3434;}
.color.grey.fra{color:#b58484;}

.bg.math{background: #f57b50;}
.bg.math.light{background: #feebe5;}
.fa.math, .color.math{color:#f57b50;}
.color.dark.math{color:#a53b15;}
.color.grey.math{color:#cb8267;}

.bg.histgeo{background: #f3aa2a;}
.bg.histgeo.light{background: #fdf2df;}
.fa.histgeo, .color.histgeo{color:#f3aa2a;}
.color.dark.histgeo{color:#765432;}
.color.grey.histgeo{color:#cea071;}

.bg.phychim{background: #20b755;}
.bg.phychim.light{background: #def4e6;}
.fa.phychim, .color.phychim{color:#20b755;}
.color.dark.phychim{color:#184e2b;}
.color.grey.phychim{color:#6bbb87;}

.bg.eng{background: #4680e1;}
.bg.eng.light{background: #e3ecfb;}
.fa.eng, .color.eng{color:#4680e1;}
.color.dark.eng{color:#16356a;}
.color.grey.eng{color:#8ba6d3;}

.bg.ita{background: #665ed9;}
.bg.ita.light{background: #e8e7f9;}
.fa.ita, .color.ita{color:#665ed9;}
.color.dark.ita{color:#322e73;}
.color.grey.ita{color:#9896c2;}

.bg.ger{background: #5656dd;}
.bg.ger.light{background: #e6e6fa;}
.fa.ger, .color.ger{color:#5656dd;}
.color.dark.ger{color:#322e73;}
.color.grey.ger{color:#9896c2;}

.bg.spa{background: #5369ee;}
.bg.spa.light{background: #e5e9fc;}
.fa.spa, .color.spa{color:#5369ee;}
.color.dark.spa{color:#2c356f;}
.color.grey.spa{color:#8e98d2;}

.bg.svt{background: #85c92c;}
.bg.svt.light{background: #edf7e0;}
.fa.svt, .color.svt{color:#85c92c;}
.color.dark.svt{color:#3b4f21;}
.color.grey.svt{color:#9cae84;}

.bg.tech{background: #1aaba6;}
.bg.tech.light{background: #ddf2f2;}
.fa.tech, .color.tech{color:#1aaba6;}
.color.dark.tech{color:#1b4241;}
.color.grey.tech{color:#81a9a8;}

.bg.histArt{background: #bdc813;}
.bg.histArt.light{background: #eef1c4;}
.fa.histArt, .color.histArt{color:#bdc813;}
.color.dark.histArt{color:#494c19;}
.color.grey.histArt{color:#b3b771;}

.bg.prAp{background: #d74770;}
.bg.prAp.light{background: #f5d1db;}
.fa.prAp, .color.prAp{color:#d74770;}
.color.dark.prAp{color:#743345;}
.color.grey.prAp{color:#b99ca4;}



.bg.footam{background: #5369ee;}
.bg.footam.light{background: #e5e9fc;}
.fa.footam, .color.footam{color:#5369ee;}
.color.dark.footam{color:#2c356f;}
.color.grey.footam{color:#8e98d2;}


/*

.gameThumb{ display: block;}
.gameThumbInner{position:relative; color:#333; height:3.5em;}
.gameThumb .icoBloc{position: absolute; top:0px; display: inline-block; width:1.5em;
	-webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; 
	height: 100%;  border:solid 1px #ccc; overflow: hidden; text-align: center;
}

.gameThumb .icoBloc i{font-size: 3em; margin-top:50%; display:none;}
.gameThumb .icoGameType{display:none;}
.gameThumb.with2ndIcon .icoGameType{display: block;}
.gameThumb.with2ndIcon .icoBlock{width:1.7em;}

.gameThumb .textInThumb{position: absolute; left:1.5em;display: inline-block;  height: 100%; width: 32em;
	font-size: 0.9em;
	-webkit-border-radius: 0 6px 6px 0; border-radius:  0 6px 6px 0; 
	border:solid 1px #ccc; border-left: none; text-align: left; padding:0px 2.8em 0px 1em; 
	 overflow: hidden;
	 background: #FFF;
}
.gameThumb.with2ndIcon .textInThumb{left:1.7em;}
.gameName{font-size: 1.7em;  font-family: Blogger_Sans_bold; white-space: nowrap; margin-top: 0.35em;}
.gameBaseline{font-size: 1.1em; color:#CCC;white-space: nowrap; margin-top: -0.2em; }
.gameThumb .gameDescription .gameBaseline{color:#999; font-weight: bold;}
.gameThumb .descriptionToggleButton{position: absolute; right: 8px; top:2px; font-size: 1.7em; cursor: pointer;}
.gameThumb .gameDescription{padding: 10px 20px;  line-height: 1.2em; color:#666; font-size: 1em; display:none; text-align: justify;
	background: #EEE; margin:0px 20px 20px ;
	-webkit-border-radius: 0 0px 6px 6px; border-radius: 0 0px 6px 6px;}
.gameThumb .gameDescription .gameBaseline{white-space: normal; margin-bottom:10px;}
.gameThumb.oneline .gameThumbInner{height: 2.5em;}
.gameThumb.full .gameDescription{display:block;}
.gameThumb.full .descriptionToggleButton{display:none;}

.gameThumb.disabled .textInThumb, .gameThumb.disabled .textInThumb a{color:#BBB;}

.gameThumbActive .textInThumb{background: #FCFFC5;}

.gameThumb .badgeContainer{position: absolute; top: 0.5em; right: -3.2em; text-align: center; width:3em;}
.gameThumb .badge{  background: #CCC;}
*/


/* MATIERES 
.bg.fra{background: #ffb524 !important;}
.bg.math{background: #fb8871 !important;}
.bg.phychim{background: #65F44D !important;}
.bg.histgeo{background: #6FC0FB !important;}
.bg.hist{background: #E16DB0 !important;}
.bg.eng{background: #81D739 !important;}
.bg.ita{background: #81D739 !important;}
.bg.ger{background: #D7CA4A !important;}
.bg.spa{background: #F9E922 !important;}
.bg.svt{background: #765C40 !important;}
.bg.rus{background: #EFB2B4 !important;}


.fa.fra, .color.fra{color: #ffb524; }
.fa.math, .color.math{color: #fb8871;}
.fa.phychim, .color.phychim{color: #65F44D;}
.fa.histgeo, .color.histgeo{color: #6FC0FB;}
.fa.hist, .color.hist{color: #E16DB0;}
.fa.eng, .color.eng{color: #81D739;}
.fa.ita, .color.ita{color: #81D739;}
.fa.ger, .color.ger{color: #D7CA4A;}
.fa.spa, .color.spa{color: #F9E922;}
.fa.svt, .color.svt{color: #765C40;}
.fa.rus, .color.rus{color: #EFB2B4;}

.fa.white, .color.white{color:#FFF;}

.border.fra{border:solid 1px #ffb524; }
.border.math{border:solid 1px #fb8871;}
.border.phychim{border:solid 1px #65F44D;}
.border.histgeo{border:solid 1px #6FC0FB;}
.border.hist{border:solid 1px #E16DB0;}
.border.eng{border:solid 1px #81D739;}
.border.ital{border:solid 1px #81D739;}
.border.ger{border:solid 1px #D7CA4A;}
.border.spa{border:solid 1px #F9E922;}
.border.svt{border:solid 1px #765C40;}
.border.rus{border:solid 1px#EFB2B4;}

*/

.border.white{border:solid 1px#FFF;}

/* matiere_cell
 */
.matiere_cell{display: inline-block; width:1em; height:1em; -webkit-border-radius: 10px; border-radius: 10px;}

/* Fontawesome add */
.fa-happybook:before {
  content: "\f23b";
}
.fa-fra:before {
  content: "\f23d";
}
.fa-math:before {
  content: "\f23c";
}
.fa-phychim:before {
  content: "\f23e";
}
.fa-hist:before {
  content: "\f23a";
}
.fa-geo:before {
  content: "\f500";
}
.fa-eng:before {
  content: "\f22f";
}


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

/* 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{margin-top:40px; padding-top:40px; border-top:1px solid #CCC; }
.comment_frame{background:#53b2ee;-webkit-border-radius: 30px; border-radius: 30px; padding: 20px; margin-bottom:20px;}
.comment_unit .timeago{font-size: 0.7em; color:#666;}
.comment_unit.panel{-webkit-border-radius: 30px; border-radius: 30px;border:none;}
.comment_unit .panel-heading{background: #c0e3f9; border:none; -webkit-border-radius: 30px 30px 0 0; border-radius: 30px 30px 0 0;}
.comment_unit:last-child{margin-bottom: 0px;}
.comments_intro.alert{color: #FFF; background: none; border:none;}

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

/* ADMIN TEACHER */

.nav-tabs h3{color:#57b9f1; font-weight: bold;}
.nav-tabs .active h3{color:#333; }
#tabClasses{padding-right: 50px;}
#tabClasses li { float: right;}
#tabClasses li a{ padding: 3px 20px;}
#tabClasses li.active a { margin-top: -14px; padding:10px 20px;}
#tabClasses li a h3{ margin: 5px 0px;}

#tabSubjects{padding: 50px 0;}
#tabSubjects li{text-align: center;}
.nav-tabs .active i{color:#333; }
#tabSubjects i{margin-bottom: 15px;}

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


/* table.dataTable derogation */
table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer{border-bottom:solid 1px #DDD !important;}

#class_tab_content{margin-top:30px;}
.table th{font-size:1.2em; color:#CCC;}
.table > thead > tr > th{line-height: 1em;}
.ta_table td, .ta_table th {text-align: center;}
.ta_table .tdName, .ta_table .thName{text-align: left; width:350px;}
.ta_table .tdName .icoBloc{float:right;}
.ta_table .tdCode, .ta_table .thCode{width:150px;}
.popover_del_student_content{text-align: center;}


/* students Panel */
#buttonClassModify{float:right; margin-top: 10px;}
#tableStudents .switch-input{margin-top: -5px; text-align: left;}

/* whole_class panel */
.icoButtonModClassCode{color:#666;}


/* gameChoise Panel */
#gamesChoiseListBloc .sous_matiere_title{margin-top:20px; border-top:solid 1px #EEE; border-bottom:solid 1px #EEE;}
.gameSortableList{ background: #F6F6F9; padding:10px; -webkit-border-radius: 4px; border-radius: 4px;}
.gameSortableList li.gameThumbContainer{margin-bottom: 10px; cursor: pointer; }/*max-width: 80%;*/
#selectedGamesList{ background: #fff;}
#proposedGamesList .gameThumbs .textInThumb{background: #EEE;}
#proposedGamesList li.note{font-size: 1.4em; color: #999; padding:15px; padding-top:30px;}

#ul_games_promoted{ border:dashed 2px #FF713A; background: #fff; padding:5px; margin-top:20px; }

.gameThumbsListContainer{
	display:flex;
	flex-wrap: wrap;
}
.gameThumbsListContainer li{align-self:flex-start;}

.gameThumbsListContainer .gameThumbContainerInner{display:inline-block;float:left;}
.gameThumbsListContainer .gameThumbContainer .btnIcoBloc{
	display:inline-block;
	padding-top:5px; 
	margin-left:5px;
	width:46px;
}

.gameThumbsListContainer .gameThumbContainer .btnIcoBloc div{display:inline-block;}

.game_promoted{border:dashed 2px #FF713A;}

.gameThumbsListContainer.btnIcoBloc{}

.gameList h2{
	margin-top: 20px;
	margin-bottom: 0px;
	/*background: #CCC;*/
	color: #FFF;
	padding: 2px 10px;
}

#class_tab_content .filtersContainer .fancy-checkbox{display: inline-block;;}
#class_tab_content .filtersContainer select{max-width: 100px;}

/* accordion_game_list_per_class */
#accordion_game_list_per_class .gameThumbContainer{font-size:0.9em;}


/* resultPerGame Panel */
#combo_game_thumbs .dropdown-menu{width:500px; max-height: 400px; overflow-y: auto; overflow-x: hidden;  }
#combo_game_thumbs li li{padding:5px 10px; font-size:0.8em;}
#combo_game_thumbs li.gameThumbContainer{margin-bottom: 0; cursor: pointer;}
#combo_game_thumbs li.gameThumbContainer:hover{background: #57B9F1;}

#combo_game_thumb_active, #combo_game_thumbs_button_container{ }

#game_list_student_mode_container #ul_game_thumbs_list{padding-top:30px;}
#game_list_student_mode_container #ul_game_thumbs_list li{padding:5px 0px; font-size:0.8em;}
#game_list_student_mode_container .gameList h2{width:100%; margin-left:0px;}
#game_list_student_mode_container .nav_tabs_bloc {margin-top:30px;}



#tableResultPerGame .ico_btn{float: right;}
.popover_del_result_student_and_game_content{text-align: center;}


/* Tournaments */
.no_tournament_container{margin-bottom:30px;}

.tournaments_container .displayedGameThumbContainer .gameThumb{ font-size:0.9em;}
#tournament_creation_game_selected{font-size:0.8em;}
#buttonCreateTournament{margin-top: 16px;}
.tournament_unit{margin-top:30px;}
.date_in_tournament.date_start{padding-top: 3px;}
#buttonCreateTournamentOpenPopover{margin-top: 18px;}

/* game preview page */
#game_preview_container{}
/*#game_preview_container .row{margin-bottom:30px;}*/

/* Game Details table */
#questionsList{width: 100%;}
#questionsList tr{border-bottom:solid 1px #CCC; padding:5px;}
#questionsList tr:first-child{border-top:solid 1px #CCC; }
#questionsList tr.avoided{background: #EEE; color:#666;}
#questionsList tr:hover{background: #FFF6D1;}
#questionsList tr.avoided:hover{background: #EEE7C5;}

#questionsList td{padding:7px 5px;}
#questionsList td.num{color:#CCC;}

/* game student mode */

#game_student_mode_container .combo_game_thumbs{position: absolute; top:3px; left:100px;}


h1 .student_combo{ margin-top:-2px; float:right;}
h1 .student_combo .form-control{ font-size:0.5em;display: inline-block; width: 80%;}

.student_combo.init_display{position:absolute; top:100px; left:50%; z-index: 99; text-align: center; background:#8ED9FF; width:824px; height:520px;padding: 150px 250px; margin-left: -370px;-webkit-border-radius: 20px; border-radius: 20px; }

#ico_button_student_page{font-size: 0.6em;
color: #4772C2;
background: #FFF;
padding: 4px;
border-radius: 6px;
}

#button_play_as_student_confirm{margin-top:15px;}
#game_outer_row{height: 600px;}


h1 .text_h1{float: left;}
h1 #combo_game_thumbs{float: left;}
#combo_game_thumbs_button_container i.fa-caret-down{color: #fff; margin-left: 15px;
				padding-top: 7px;
				line-height: 0em;
				font-size: 1.2em;
				height: 17px;
				overflow: hidden;}
#combo_game_thumbs_button_container i.fa-caret-down div{margin-top: 0px; margin-left: 30px;font-family: Blogger_Sans_Bold; color:#ADE3FF; }
#combo_game_thumbs_button_container.on_light_bg i{color: #333;}
#combo_game_thumbs_button_container #button_launch_game{margin-left: 40px;}

#button_display_hof{margin-top: 30px;}
#hof_content_result{padding-top:40px;}


/* student_page */
.stars_stats_container .boxed-content{position: relative;}
.stars_stats_container .big_star_bg{color:#FCE51F; font-size:15em;}
.stars_stats{position: absolute; top:0px; width: 100%; z-index: 100;}
.stars_stats p{text-align: center; font-size: 2.5em; padding-top:50px; color:#F48C29;}
.stars_stats i{font-size: 4.5em; line-height: 0.5em;}
.stars_stats .second_line{line-height: 0.7em;}

.pie-chart .percent {font-size: 2em !important;}

.nb_plays_stats i{font-size: 12em;}
.nb_plays_stats .title{font-size: 24px;}


/* Page game list */
.panel-heading.matiere_header{-webkit-border-radius: 20em; border-radius: 20em;}
.panel-heading.matiere_header h2{ color:#FFF ;}

.game_thumbs_list li.title{margin-top:20px;}
#accordion_game_list .game_thumbs_list .panel-heading{background: #CCC;
					color: #FFF;
					padding: 0px; 
					margin:2px;}


#accordion_game_list .panel-heading:hover{background: #6F97EE; color:#FFF !important;}
#accordion_game_list .panel-body{border-top:none;}
.game_thumbs_list li.gameThumbContainer{display:inline-block; margin-right: 10px;}
#accordion_game_list .inner_bloc{padding:0 40px;}


.game_thumbs_list h3{ padding:5px; font-size:2.3em;}
.game_thumbs_list h4{ padding-left:5px;}
.game_thumbs_list .panel-default{border:none; box-shadow:none;}
.game_thumbs_list .panel-body{border-top:none !important;}
.game_thumbs_list .panel-default > .panel-heading{padding:0px;}
.game_thumbs_list .panel-default > .panel-heading .vp_badge{display: inline-block;background: #FFF; top:-5px; -webkit-border-radius: 20em; border-radius: 20em; font-size: 0.6em; height: 30px; width:30px; text-align: center; padding:0; padding-top:7px;}


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


/* PARENT ADMIN */
#child_code_bloc_in_student_tab{margin-top:30px;}

/* PROMOTE BLOC */
/*#promote_button_bloc{padding:15px;}
.promote_ico_bloc{color:#FFF;}*/
.promote_ico_bloc i{font-size:6.5em;}

/* schools search */
#school_quick_search_content_result{max-height: 500px; overflow-y: auto; }
#school_quick_search_content_result .gameThumb{font-size: 0.8em;}
.game_thumbs_list h2.matiere_header{color:#FFF; padding:5px;}
#nb_schools_container{font-family: Blogger_Sans_Bold; padding:5px; text-align: center;}

.school_type_1{background:#23e2ea;} /*mater : green*/
.school_type_2{background:#3cd0ed;} /*primaire : blue*/
.school_type_3{background:#53b1ee;} /*college : orange*/
.school_type_4{background:#6195ef;} /*lycée : red*/

.school_type_1_dark{color:#184e2b;} /*mater : green*/
.school_type_2_dark{color:#16356a;} /*primaire : blue*/
.school_type_3_dark{color:#a53b15;} /*college : orange*/
.school_type_4_dark{color:#6e3434;} /*lycée : red*/

.school_list_item{ -webkit-border-radius: 3px; border-radius: 3px; padding:3px 10px;  margin:3px 0px;  display:inline-block; cursor:pointer;}
.school_list_item .name, .school_thumb_active .name{font-size: 1.1em; font-weight: bold;}
.school_thumb_active{background:#E4EDF4; color:#3E6D8E; -webkit-border-radius: 3px; border-radius: 3px; padding:5px 10px;}

.school_list_item:hover{color:#fff; background: #53B2EE;}
.school_list_item.selected{color:#fff; background: #44DD66;}

/* member_only */
#memberOnlyGameAlertBloc{width:900px; height: 600px; margin: auto; position:absolute; left:50%; margin-left:-450px; z-index: 200;}
#memberOnlyGameAlertBloc img{width:900px;}

/* 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;}
#report_bug_form_bloc{margin-top: 30px; margin-bottom: 30px;}


/*sleep_protection_bloc*/
#sleep_protection_bloc{width:900px; height: 600px; margin: auto; position:absolute; top:0px; left:50%; margin-left:-450px; z-index: 220; background: #FFF; font-family: Blogger_Sans_Bold;} 
#sleep_protection_ico_bloc{ margin:150px auto 20px auto; border-radius: 50em; width:120px; height: 120px;
	padding-top:20px;
	font-size: 5em;
	background: #F48C29;
	color: #FFF;
	text-align: center;
}
#sleep_protection_text_bloc{font-size:2em; margin:auto; text-align: center;}



/* QCM BUILDER */


#qcm_content_result{min-height:600px;}

#qcm_list_bloc{border-right: 1px solid #EEE;
	/*height: 600px;*/
	padding-right: 0;}

.qcm_unit{padding: 10px 5px 10px 15px; background: #F3F3F3; border-radius: 20px; margin-bottom:5px; position:relative;}
.qcm_list_in_admin .qcm_unit{border-radius: 20px 0 0 20px; }
.qcm_unit:hover{background: #CFC;}
.qcm_unit.sel{background: #53B2EE; color:#FFF;}
.qcm_unit.sel .note{color:#BCE8F1;}
.qcm_unit .title{font-weight: bold; width:78%;display: inline-block;}
.qcm_unit .info_bloc{width:22%; height: 30px; float: right; text-align: right; display: inline-block;}
.qcm_unit .number_of_questions_bloc{display:inline-block;}
.qcm_unit .ico_bloc{width:30px; height: 30px;display:inline-block;}

.qcm_unit .fa-check{margin-top:-7px;}


.qcm_unit.sel:after{content: "";
	position: absolute;
	bottom: 8px;
	right: -11px;
	border-width: 20px 0px 0px 20px;
	border-style: solid;
	border-color: #53B2EE transparent;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.qcmThumb{cursor: pointer; font-weight: bold; padding: 10px 5px 10px 15px; background: #F3F3F3; border-radius: 20px; margin-bottom:5px;}

#qcm_detail_menu {text-align: right; }
#qcm_detail_menu li{display:inline-block; }


#form_qcm label{font-family: Roboto Condensed; font-size:1.1em;}
#form_qcm .label_matiere{padding-top:0px;}
#form_qcm .select_matiere_id{margin-top:-4px;}
#form_qcm .switch-input i{left:0px;margin-top:-7px;}
#form_qcm #qcm_nb_questions_asked{width: 40px;float: right; margin-right: 13px;}

#question_pils_bloc .question_pil{border-radius:20px; background: #CCC; float: left; padding:5px; margin-right:5px; margin-bottom:2px;}
#question_pils_bloc .question_pil:hover{background: #CFC;}

#qcm_questions_container_outer{max-height: 600px; overflow-y: auto; overflow-x:hidden; padding:10px;
	border-top:solid 1px #EEE;
}

.qcm_question_unit{
	padding: 15px;
	padding-top: 20px;
	margin-top:10px;
	margin-bottom: 20px;
	background: #EEE;
	border-radius: 6px;
}



#div_for_print{ width:900px; margin:auto; }
#div_for_print .header{}
#div_for_print .student_name{}
#div_for_print *{-webkit-print-color-adjust: exact;}

#div_for_print h1{color:#000; margin:20px 0 30px 0; text-align: center;}
.qcm_question_unit_for_print{ margin:10px 0; margin-right:20px; width:44%; float: left;}
#div_for_print h2{font-size: 1.1em;font-weight: bold; display:inline-block; letter-spacing: -0.04em;margin: 10px 0px;}
#div_for_print ul.answers_bloc{	padding-left: 25px;}

#div_for_print li.answer_unit{ 
	position:relative;
	margin-bottom: 5px;
}



#div_for_print .answer_unit.sel{}
#div_for_print .answer_unit.good_answer{ }
#div_for_print .answer_unit .hand_circle{ width: 20px; left: -27px; top:0px;position:absolute;}
#div_for_print .answer_unit .question_pil{ width: 15px; left: -25px; top:3px;position:absolute;}

#qcm_print_header{ margin-top:20px;}
.one_line.left{float: left;}
.one_line.center{float: left; margin-left:200px;}
.one_line.right{float: right; margin-right: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;}

/* vp_survey */
#modalSurvey .modal-body .row{margin-top:25px;}
#modalSurvey .answer_button{margin-bottom : 10px; font-weight: bold; white-space: normal;}

/* img_print */
.img_print_list li{float:left; margin:10px; text-align: center;}
.img_print_list img{max-width:200px;}
.img_print_list a{ margin: 10px;}


/* matiere in tabs */
.nav.nav-tabs .matiere_header{color:#FFF; padding:2px 12px;}

#game_list_student_mode_container .tab-content{text-align: left;}
#game_list_student_mode_container .tab-pane ul li{}

/* FORUM */
/*-----------------------------------*/
#forum_bloc h2{font-family: "Roboto Condensed", sans-serif;}
#formNewMsg textarea{height: 300px;}
#forumMenuLeft{}

.threadUnit h2{border-bottom:solid 1px #CCC; padding-bottom:15px; margin-bottom:15px;}

.threadMain{display: flex; justify-content:space-between;}
.threadMain .threadPartLeft{order:1; flex-grow:1;}
.threadMain .threadPartRight{order:2; text-align: right; margin-left:10px;}

.threadTitle{word-break: break-word;}
.threadContent{margin-bottom:10px;word-break: break-word;}
.threadAuthor{text-align: right;}
.threadAuthorInner{display:inline-block; color:#666; padding: 0 5px;}

.threadAuthorInner .user_name .name{display:block;}

.threadDate{color:#CCC;text-align:right; font-size:.9em;}
.threadViews{margin-top:10px;text-align:right; color:#6a737c;}
.threadViews .text{font-size:0.8em;}


#formForumMsg .switch-input{display:inline;}
#formForumMsg .buttonHelpOpenPopover{font-size: 1.4em;}

.forumAnswerUnit{min-height: 100px;}
.forumAnswerUnit.grey{background: #EEE; color:#666;}
.forumAnswerUnit .threadContent{}
.forumAnswerUnit .threadVoteBloc{margin-top: -20px;}

#forum_bloc .editbloc{text-align: right; margin-top:10px;}

.forumAnswersNav{display:inline-block;}
.forumAnswersNav button{ font-size:1.2em;}
.forumAnswersNav button:disabled{ color:#ccc;}
.forumAnswersNav .waiter_container{ display:inline-block;}

.threadVoteBloc{text-align:center; float:left;font-size: 1.7em;}
.threadVoteBloc button{padding:0px; font-size:1.3em; line-height: 13px; color:#CCC;}
.threadVoteBloc button i{}
.threadVoteBloc button.answerAccepted{margin-top:-24px;}
.threadVoteBloc button.answerAccepted.accepted{color:#5FBA7D;}
.threadVoteBloc button.answerAccepted i{font-size: 0.7em;}
.threadVoteUp{margin-bottom:-8px;}
.threadVoteDown{margin-top:-15px;}
.vote_content_result{color:#6a737c;}


.threadThumb{margin:5px 0px;}
.voteInThreadsThumbPils{display:inline-block; padding:1px 8px; background: #EEE; color:#999; border-radius:2px;}
.threadThumb .threadNbAnswers{display:inline-block; padding:1px 8px; background: #EEE; color:#999; border-radius:2px; margin-right:5px;}
.threadThumb .threadNbAnswers.green{background: #5FBA7D; color:#FFF;}


.threadThumb.detailed{display: flex; border-bottom:solid 1px #eaeaea; padding:10px 0px;}
.threadThumb.detailed .thumbLeftPart{width:50px; text-align: center; margin-right: 20px; order:1;}
.threadThumb.detailed .voteInThreadsThumbPils{padding:2px 0px; margin-bottom:5px;}
.threadThumb.detailed .thumbLeftPart div{width:50px;}
.threadThumb.detailed .threadNbAnswers{font-size:1em;padding:2px 0px;}
.threadThumb.threadNbAnswers.green{background: #5FBA7D; color:#FFF; border-radius:2px; margin-top:3px;}
.threadThumb.detailed .thumbLeftPart .num{font-size: 1.5em;}

.threadThumb.detailed .thumbMainPart{order:2; flex: 1;}
.threadThumb.detailed .thumbRightPart{order:3;}


.threadThumb.detailed .threadTitle{font-size:1.2em; margin-bottom:5px;}
.threadThumb.detailed .threadContent{font-size:0.9em; margin-bottom:10px;}

/*.threadThumb.detailed .threadAuthor{text-align: left;}
.threadThumb.detailed .threadDate{text-align: left;}*/

/* Tags (from stackoverflow)*/
/*-----------------------------------*/
.tagThumb{text-align: center;
    color: #39739d;
    background-color: #E1ECF4;
    padding: 3px 5px;
    margin: 0px 2px 2px 0 !important;
    text-decoration: none;
    font-size: 0.8em;
    white-space: nowrap;
    display: inline-block;
    border-radius: 0;
    border: 1px solid #E1ECF4;
    float: none;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;}

#t_tags_autocomp{width:200px; display: inline-block; margin-left:10px;}
#form_tags_thumbs_list{ display:inline-block; margin-left:10px;}
.btnDelTag{margin-left:2px; cursor:pointer; padding:2px;}
.btnDelTag:hover{background-color: #39739d; color:#E1ECF4;}

.ui-autocomplete.ui-front.ui-menu{font-size:.9em; background: #FFF;border-color:#DDD;}
.ui-autocomplete.ui-front.ui-menu .ui-menu-item{ }
.ui-autocomplete.ui-front.ui-menu .ui-menu-item:hover, 
	.ui-autocomplete.ui-front.ui-menu .ui-menu-item.ui-state-focus{background: #E1ECF4; border-color:#DDD;}

/* tagThumbList */
/*-----------------------------------*/
.forum_right_part .forumThumbsList{margin-bottom:40px;}
.tagsList .tagThumbUnit{float: left;}

/* userprofile */
/*-----------------------------------*/
#userprofile_bloc{}
#userprofile_bloc h1{ height: 52px; padding-left:10px;   background: url(../images/main/header_little.png) no-repeat bottom center #54b2ef;}

#form_up_search_bloc{ padding: 12px;}


/* user_name */
/*-----------------------------------*/
.user_name .user_type{display: block; font-size:0.8em; font-weight: 200;}


/* premium / abonnement */
/*-----------------------------------*/
#mollie_payments_table_block table tr{}

/* RESIZE & CENTER */
.imgResize100{
	
	max-width: 100%;
	
	height: auto;
	
}

.imgResize80{
	max-width: 80%; 
	box-sizing: border-box;
}

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

/* OLIVIER : pages Premium */
.txtBig{
	font-family: Blogger_Sans_Bold;	
	font-size: 1.2em;
	margin-bottom:20px;
	padding:25px;
}

.blocLightBorder{
	padding:20px;
	border-radius: 10px;
	border:solid 3px #e1f1ff;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align:center;
}

.blocLightBlue{
	background-color: #e1f1ff;
	padding:20px;
	border-radius: 10px;
	margin: 15px 5px 15px 5px;
	color:#2c4155;
	text-align:center;
}

.bigPrize{
	font-family: Blogger_Sans_Bold;
	display:block;
	background-color: #ffe662;
	padding:8px;
	border-radius: 10px;
	font-size:1.5em;
	color:#953221;
	
	margin:auto;
	margin-top:20px;
	margin-bottom:10px;
	min-width: 250px;
	text-align: center;
}

.sepV20px{
	margin-bottom:20px;
}

/* Avatar */
/*-----------------------------------*/
#avatar_button_content_result{text-align: center;}
#avatar_button_content_result .avatar{margin:auto;}


/* Popup  */
/*-----------------------------------*/
.popup{
	position: absolute;
	top:230px; left:10px; 
	padding: 15px;
	background: #FFF;
	border-radius: 10px;
	z-index: 1000;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.popup.draggable{
	cursor:move;
}

/* Upload */
#popup_upload_photo {
    
    width: 500px;
}
#progress_upload{
	    width: 300px;
    margin: auto;
}
#upload_drop_zone {
    width: 300px;
    border-radius: 20px;
    border: dashed 3px #CCC;
    text-align: center;
    color: #999;
    padding: 50px 30px;
    margin: auto;
}