/*!
 * chessboard.js v0.3.0
 *
 * Copyright 2013 Chris Oakman
 * Released under the MIT license
 * https://github.com/oakmac/chessboardjs/blob/master/LICENSE
 *
 * Date: 10 Aug 2013
 */

/* clearfix */@import url('//fonts.googleapis.com/css?family=Exo+2|Passero+One');

/*

html {
    overflow-y: scroll;
  }
*/
.clearfix-7da63 {
  clear: both;
}

/* board */
.board-b72b1 {
  border: 2px solid #404040;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* square */
.square-55d63 {
  float: left;
  position: relative;

  /* disable any native browser highlighting */
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

/* white square */
.white-1e1d7 {
 background-color: rgba(207,219,223,0.7); /*#ffe2C9;*/
  color: #000;/* #e58b15;*/
}

/* black square */
.black-3c85d {
  background-color: rgba(13,77,97,0.7);/*#db5609;*/
  color: #000;/*#fbb03b;*/
}

/* highlighted square */
.highlight1-32417, .highlight2-9c5d2 {
  -webkit-box-shadow: inset 0 0 3px 3px yellow;
  -moz-box-shadow: inset 0 0 3px 3px yellow;
  box-shadow: inset 0 0 3px 3px yellow;
}

.highlight-white {
  -webkit-box-shadow: inset 0 0 3px 3px yellow;
  -moz-box-shadow: inset 0 0 3px 3px yellow;
  box-shadow: inset 0 0 3px 3px yellow;  
}
.highlight-black {
  -webkit-box-shadow: inset 0 0 3px 3px blue;
  -moz-box-shadow: inset 0 0 3px 3px blue;
  box-shadow: inset 0 0 3px 3px blue;  
}
.highlight-red {
  -webkit-box-shadow: inset 0 0 3px 3px red;
  -moz-box-shadow: inset 0 0 3px 3px red;
  box-shadow: inset 0 0 3px 3px red;  
}
/* notation */
.notation-322f9 {
  cursor: default;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  position: absolute;
}
.alpha-d2270 {
  bottom: 1px;
  right: 3px;
}
.numeric-fc462 {
  top: 2px;
  left: 2px;
}

body{
	background:#F5F5F5 url(images/bg_02-01.png) repeat-x;
	font-family:"Exo 2" !important;
}
body.sansBg{
	background:#F5F5F5 none;
}

.bgMeteorRoom2 { 
   background: url(images/fond_2.png); 
   background-repeat: no-repeat;
   background-position: center top;
}

.bgMeteorRoom1 {
   background: url(images/fond_1.png);
   background-repeat: no-repeat;
   background-position: center top;
}



.panelWhite {
	background-color: #fff !important;
	padding:5px;
	border-radius:5px;
}

#wrapper{
	width:960px;
	margin:20px auto;
    position:relative;
}

#wrapperMonitor{
    overflow-x:auto;
    overflow-y:scroll;
}

#canope{
	background-position:right;
	background-image:url(images/logo-canope200.png);
	background-repeat:no-repeat;
	background-size:100px;
	height:100px;
}

ul#registerOptions{
	text-align:left !important;
	list-style-type:square;
	font-size:0.85em;
}
.obligatoire{
	color:#C00000;
	font-weight:bold;
}
.rouge{
	color:#f00;
}
.txtG{text-align:left}
.txtC{text-align:center}
.txtD{text-align:right}
.bounding-box input{
	width:50%;
}

.bounding-box input.nav-tab, .nav-tabs li a{
	background-color:rgba(13, 77, 97,1);
	color:#fff !important;
	border:none !important;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	cursor:pointer;
}
.bounding-box input.nav-tab.active, .nav-tabs li.active a, .nav-tabs li.active a:hover {
	color:#000;
	background-color:rgba(219, 86, 9, 1) !important;
	cursor:none;
}
.nav-tabs li a{
	color:#fff;
	width:50%;
	border:none;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.nav-tabs li a:hover{
	background-color:rgba(13, 77, 97,0.8) !important;
}

/*Typo-------------------------------------------*/
.H1{
  font-family : "Exo 2";
  font-size : 36px;
  color : #DB5609;
}

.H2{
  font-family : Passero One;
  font-size : 25px;
  color : #000000;
}
.H3_a{
  font-family : "Exo 2";
  font-size : 15px;
  color : #0D4D61;
}


.H4_a, .H4_a a{
	font-family : Passero One;
	font-size : 16px;
	line-height : 16px;
	color : #db5609;
}

.H4_b, .H4_b a{
  font-family: 'Mogra', cursive;
  font-size : 16px;
  line-height : 16px;
  color : #0D4D61;
}

.H4_c{
  font-family : Passero One;
  font-size : 16px;
  line-height : 16px;
  color : #0D4D61;
}

.H4_a:hover, .H4_b:hover, .H4_a a:hover, .H4_b a:hover{
  color : #c00000;
  text-decoration:none;
}

.banned{
	color:#c00;
	font-weight:bold;
}

.pointer{
	cursor:pointer;
}
/* FORMULAIRE--------------------------------------------------*/
.form-groupe.has-error{
	color:#c00;
}
/* GRILLE page standard--------------------------------------*/
#ligne2{
	width:100%;
	height:120px;
	line-height:120px;
	text-align:center;
	padding:10px;
}
#ligne2 div{
	display:inline-block;
	line-height:normal;
	vertical-align:middle;
}
#ligne2 div span.titre{
	font-size:2em;
}
#ligne2 div span.soustitre{
	font-size:1.4em;
}
#ligne3{
	width:100%;
	padding:10px;
}
#ligne3 th{
	background-color:rgba(58, 109, 125,0.8);
	color:#fff;
	/*padding:0 5px;*/
}
/* GRILLE page standard + choixSalles.php--------------------------------------*/
svg{/*traits de la grille*/
	stroke:#000;
	stroke-width:0.5px;
	width:100%;height:100%;/*important pour FF*/
}

#svg{
	position:absolute;
	width:100%;height:100%;/*important pour FF*/
}

#grid{
	margin:auto;
	width:970px;
}

#gridMiddle{
	width:724px;
}

#gridRight, #gridLeft {
	font-family: "Exo 2", 'cursive' !important;
	width:120px !important;
}
#gridRight{/*compenser décalage dû à bootstrap*/
	margin: 5px 0 0 -20px;
}


#logoFFE{/*logo*/
    background:url(images/Logo_FFE.jpg);
    height: 100px !important;
    width:100px;
    cursor:pointer;
}

#logo{/*logo*/
	background:url(images/boutons_sprite.png);
	background-position: -1px -496px; height: 125px !important;
	cursor:pointer;
}
#logo:hover{
	background-position: -239px -494px;
}
#logo.overIframe{/*logo au dessus iframe*/
	position:absolute;
	left:120px;
	top:0;
}

#monCompte{/*mon compte*/
	text-align:center;
	background:url(images/boutons_sprite.png) no-repeat;
	background-position: -240px 20px;
}
#monCompte:hover{
	cursor:pointer;
	background-position: -361px 19px;
}

#monCompte.overIframe{/*mon compte au dessus iframe*/
	position:absolute;
	left:0;
	top:0;
}

#monNiveau{
/*	opacity:0;
	position:absolute;
	top:63px;
	left:83px;
	width: 0px;
	font-weight:bold;
	transition: width 2s;
*/
	opacity:1;
	position:absolute;
	top:70px;
	left:50px;
	color:#fff;
	font-size:0.9em;
}
#monCompte:hover #monNiveau{
	/*opacity:1;
	width: 80px;
	left:83px;*/
}

#gridLeft2{/*entête menu prof*/
	vertical-align:bottom !important;
}

.menuIcon{
	background:url(images/boutons_sprite.png) no-repeat;
	background-position: 0px -100px;
}
.menuIcon:hover{
	background-position: -118px -100px;
	cursor:pointer;
}
#gridLeft3{/*items menu prof*/
	position:absolute;
	top:245px;
	left:0px;
	text-align:center;
	height:360px;
	width:120px;
	opacity:0;
	transition:opacity 1s ease 0s;
}

#gridLeft3>div.menu{/*un item*/
	height:60px;
	line-height:60px;
	vertical-align:middle;
}
#gridLeft3>div.menu:nth-child(odd){
	background-color:rgbA(95,158,178,0.5);
	color:#000;
}
#gridLeft3>div.menu:nth-child(even){
	background-color:rgbA(95,158,178,1);
	color:#fff;
}
/*#gridLeft2:hover+#gridLeft3{
	opacity:1 !important;
}
#gridLeft3:hover{
	opacity:1 !important;
}
*/

a.linkMenu {
	color:#fff;
}
a.linkMenu:hover {
	color:#DD631C;
}
#languesIcone{/*titre langues*/
	text-align:center;
	background:url(images/boutons_sprite.png) no-repeat;
	background-position: -720px 20px;
	cursor:pointer;
}

#languesIcone:hover{
	background-position: -840px 20px;
}

#langues{/*langues disponibles*/
	background:url(images/boutons_sprite.png) no-repeat;
	background-position: 0 -720px;
	line-height:60px;/*2 lignes de texte*/
	opacity:0;
	transition:opacity 1s ease 0s;
}
#langues span{
	display:inline-block;
	line-height:normal;
	vertical-align:middle;
	text-align:center;
	width:57px;
}

#langues span.actif{
	opacity:1;
	font-weight:bold;
}

#langues span.inactif{
	opacity:0.5;
	font-weight:normal;
	cursor:pointer;
}



/*#languesIcone:hover+#langues{
	opacity:1 !important;
}
#langues:hover{
	opacity:1 !important;
}*/

.L1{
	width:120px !important;
	height:120px !important;
	line-height:120px;
	text-align:center;
}
#mesTournois.L1x3{
	width:120px !important;
	height:360px !important;
	font-size:x-small;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
}

#mesTournois.L1x3 p{
	border-bottom:solid 1px;
}

.L2{
	width:240px !important;
	height:120px !important;
	line-height:120px;
	text-align:center;
}
.L1 span, .L2 span{/*centrage vertical du texte*/
	display:inline-block;
	line-height:normal;
	vertical-align:middle;
}
.bottom{
	vertical-align:bottom !important;
}

/*illustrations salles*/
.is{
	background:url(images/boutons_sprite.png) no-repeat;
	padding:0;
}
.is img{
	width:120px;
	height:120px;
}
.is1 img, .is4 img{
	border:solid 5px #DB5609;
}
.is2 img, .is3 img{
	border:solid 5px #FBB03B;
}

.is1{
	background-position: -600px -480px;
}
.is2{
	background-position: -720px -480px;
}
.is3{
	background-position: -840px -480px;
}
.is4{
	background-position: -600px -600px;
}
.is5{
	background-position: -720px -600px;
}
.is6{
	background-position: -840px -600px;
}


.carre_orange{
	/*background : #DB5609;*/
	background : rgba(219, 86, 9, 0.2);
}
.carre_orange:hover{
	background : rgba(219, 86, 9, 0.1);
}

.carre_jaune{
  /*background : #FBB03B;*/
  background : rgba(251, 176, 59, 0.2);
}
.carre_jaune:hover{
  background : rgba(251, 176, 59, 0.1);
}

.carre_bleu{
  /*background : #0D4D61;*/
  background : rgba(13, 77, 97, 0.2);
}
.carre_bleu:hover{
  background : rgba(13, 77, 97, 0.1);
}

.fondu{
	transition:opacity 1.5s ease 0s;
}

.salle{
	display:inline-block;
	float:left;
	width:240px;
	height:120px;
}

#salles:hover .salle{
	transition:opacity 0.5s ease 0s;
	opacity:0.3;
}
#salles:hover .salle:hover{
	transition:opacity 0.5s ease 0s;
	opacity:1;
}

.salle img.fondu{/*image en survol qui donne accès à du contenu additionnel*/
	opacity:0;
	position:absolute;
	left:120px;
}
.salle:hover img.fondu{
	transition:left 0.5s ease 0s;
	opacity:1;
	left:0;
}

#menuProfNO{
	font-size:0.9em;
	padding:10px 0;
}

/* ANNONCE----------------------------------------------------*/
div.annonce div.public{
	font-style:italic;
	font-size:1.2em;
	margin-bottom:20px;
}

/*Grille Accueil Salle-------------------------------------
#iframe7x5{
	border:solid 1px #000;
	background:url(images/old_wall.png) repeat;
	width:840px;
	height:600px;
	margin-left:-9px;
}

.bloc2x2{
	width:240px;
	height:240px;
	position:absolute;
	margin:3px -15px 0 -15px;
}
#connectedUsers, #chat{
	background-color:white;
	border:solid 2px #000;
}

#btChat, #btJoueurs {
	background:url(images/boutons_sprite.png) no-repeat;
	margin-top:-5px;
	height:130px !important;
	line-height:120px;
	color:#fff;
	font-family: "Exo 2", 'cursive';
}
#btJoueurs {
	background-position: -359px -232px;
}
#btChat {
	background-position: -480px -232px;
}
*/
/*Infos joueurs---------------------------------------------------*/
div.white_player, div.black_player{
	float:left;
	padding:20px 0 0 0;
	width:160px;
}
#white-player-info-label, #black-player-info-label{
	display:table-cell;
	/*float:left;*/
	padding:0;
	width:140px;
}
.icon-half-pawn-left, .icon-half-pawn-right{
	display:table-cell;
	/*float:left;*/
	width: 65px;
	height:99px;
	background:url(images/boutons_sprite.png);
}
.icon-half-pawn-left{
	/*float:right;*/
	background-position: -137px -971px;
}
.icon-half-pawn-right{
	/*float:left;*/
	background-position: -35px -970px;
}

.level{
}
.login{
}
.city{
}
.school{
}

/*sanction--------------------------------------------------------*/
#sanction{
	font-size:1.5em;
	border:solid 1px #c00;
	border-radius:10px;
	background-color:#F7D1D2;
	width:600px;
	margin:20px auto;
}

#sanction p{
	margin:20px;
}

/* Surcharge BOOTSTRAP -------------------------------------------*/
.show-grid div{
	/*border:solid 1px #000;*/
}


/*contournement styles météor*/
.table{
	border:none;
}
.table tbody tr, .table tbody tr td{
	background-color:transparent !important;
	color:#000;
}

/*surcharge BOOTSTRAP----------------------------------------------------------------------*/
div.modal-header button.close{
	color:#fff;
	opacity:1;
}
.table-striped tbody tr:nth-child(odd) td {
	background-color: rgba(219, 86, 9,0.1) !important;
}

/* Athina à supprimer plus tard----------------------------------------------------------*/


.H1_reserve{
  font-family : Exo 2;
  font-size : 36px;
  color : #0D4D61;
}


.H3_b{
  font-family : Exo 2;
  font-size : 15px;
  color : #E58B15;
}

.H3_c{
  font-family : Exo 2;
  font-size : 15px;
  color : #FFFFFF;
}


.H3_hover{
  font-family : Exo 2;
  font-size : 15px;
  color : #000000;
  opacity : 0.2;
}


.menu_prof{
  font-family : Exo 2;
  font-size : 15px;
  color : #FFFFFF;
}

.tableau_entete{
  font-family : Exo 2;
  font-size : 18px;
  line-height : 20px;
  color : #FFFFFF;
}

.tableau_cellule{
  font-family : Exo 2;
  font-size : 12px;
  line-height : 20px;
  color : #000000;
  opacity : 0.8;
}

.infos_joueur{
  font-family : Exo 2;
  font-size : 13px;
  color : #0D4D61;
}

.zoneMsg{
  border:solid 2px;
  border-radius:5px;
  padding:10px;
  width:500px;
  margin:100px auto;
}
.zoneMsg.ok{
	background-color:#C9F8C6;
}

#zoneMsgFrm.has-error{
	background-color:#F8C6C7;
  	color:#c00;
	text-align:center;
}

/*elements graphiques*/




/*menu prof
.carre_menu_prof_fonce{
  background : #28A0B5;
  background : rgba(40, 160, 181, 1);
  width : 120px;
  height : 90px;
}

.carre_menu_prof_clair{
  background : #28A0B5;
  background : rgba(40, 160, 181, 1);
  opacity : 0.5;
  width : 120px;
  height : 90px;
}
*/

/*Positionnement fichier Sprite : "boutons_sprite.svg  ou  boutons_sprite.png */

icone_gagne, horloge1, horloge2 { width: 24px; height: 24px; }

.horloge { background-position: -720px -239px; }
trait 1  { background-position: -898px -56px; width: 3px; height: 6px; }
parties { background-position: -240px -120px; }
parties_hover { background-position: -360px -120px; }
tournois { background-position: -479px -119px; }
tournois_hover { background-position: -599px -119px; }
retour_salle { background-position: -719px -119px; }
comptes_joueurs { background-position: 0px -240px; width: 360px; height: 120px; }
chat_partie { background-position: -600px -240px; }
observateurs { background-position: -839px -239px; }
abandonner { background-position: 0px -359px; }
abandonner_hover { background-position: -119px -359px; }
rejouer { background-position: -272px -391px; width: 54px; height: 58px; }
rejouer_hover { background-position: -378px -376px; width: 84px; height: 88px; }
historique { background-position: -523px -394px; width: 36px; height: 52px; }
historique_hover { background-position: -627px -379px; width: 66px; height: 82px; }
icone_gagne { background-position: -768px -408px; }
icone_perdu { background-position: -889px -410px; width: 20px; height: 20px; }
illus_salle_prof1 { background-position: -719px -599px; }
illus_salle_prof2 { background-position: -839px -599px; }
horloge_menu { background-position: -119px -719px; width: 121px; height: 121px; }
horloge1 { background-position: -287px -768px; }
horloge2 { background-position: -409px -769px; }
/* FIN Athina----------------------------------------------------------*/





/*METEOR-----------------------------------------------------------*/
/* Matpat 2014 DOFP, MH */

body{
    /* background: url('/old_wall.png') repeat; */
    /*background-color: rgb(235,235,235);*/
}

.l0 { top:0; }
.l1 { top:120px; }
.l2 { top:240px; }
.l3 { top:360px; }
.l4 { top:480px; }
.l5 { top:600px; }

.l0-half { top:60px; }
.l1-half { top:180px; }
.l2-half { top:300px; }
.l3-half { top:420px; }
.l4-half { top:540px; }
.l5-half { top:660px; }

.c0 { left : 0; }
.c1 { left : 120px; }
.c2 { left : 240px; }
.c3 { left : 360px; }
.c4 { left : 480px; }
.c5 { left : 600px; }
.c6 { left : 720px; }
.c7 { left : 840px; }

.tile-1x1
{
    position : absolute;
    width:120px;
    /*height:120px;*/
    text-align:center;
}

.tile-1x2
{
    position : absolute;
    width:240px;
    height:120px;
}

.tile-2x1
{
    position : absolute;
    width:120px;
    height:240px;
}

.tile-2x2
{
    position : absolute;
    width:240px;
    height:240px;
}

.cell-1x1
{
    width:120px;
    text-align:center;
}
.cell-2x2
{
    width:240px;
    height:240px;
}

.board-4x4
{
    width:480px;
    height:480px;
}

.tile-4x4
{
    position : absolute;
    width:480px;
    height:480px;
}

.tile-4x6
{
    position : absolute;
    width:720px;
    height:480px;
}

.tile-1x3
{
    position : absolute;
    width:320px;
    height:120px;
}

.tile-3x3
{
    position : absolute;
    width:360px;
    height:360px;
}


.tile-1xhalf
{
    position : absolute;
    width:120px;
    height:60px;
    text-align:center;
	vertical-align:middle;
}

.blue { color: #0d4d61; }
.orange { color: #e58b15; }
.red { color: #db5609; }
.yellow { color : #fbb03b; }

.orange-background { background-color: rgba(229,139,21,0.3); /* #e58b15 */ }
.red-background { background-color: rgba(219,86,9,0.3); /* #db5609 */ }
.yellow-background { background-color: rgba(251,176,59,0.3); /* #fbb03b */ }
.blue-background { background-color: rgba(13,77,97,0.3); /* #0d4d61 */ }
.blue1-background { background-color: rgba(32,105,139,0.9); }

.blue-background:hover { background-color: rgba(13,77,97,0.8); /* #0d4d61 */ }
.red-background:hover { background-color: rgba(219,86,9,0.8); /* #db5609 */ }

/* Text */

.invitation
{
    font-size: 20pt;
    vertical-align: middle;
    text-align: left;
}

.information{
    text-align: left;
	padding-top:10px;
}
#welcome{
	height:50%;
    font-size: 16pt;
}
#room-name{
	height:50%;
    font-size: 12pt;
}

/* Menu */

/*.css-menu-item { display : none; vertical-align:middle;}
.css-dropdown-menu:hover .css-menu-item { display:block; }
*/
.css-menu-item { opacity:0; vertical-align:middle; line-height:60px;left:0;}
.css-prof-menu-item { opacity:0; vertical-align:middle; line-height:60px;left:0;}
.css-dropdown-menu:hover .css-menu-item { opacity:1; }
.css-prof-dropdown-menu:hover .css-prof-menu-item { opacity:1; }

.css-menu-label
{
    text-align: center;
    color: white;
    font-size:12px;
    /*height:100%;*/
}

.css-prof-menu-label
{
    text-align: center;
    color: white;
    font-size:12px;
    /*height:100%;*/
}

a:hover, a:focus { text-decoration: none; }


/* FIXME : standardize the menus. for the moment one has a <div> around the <a> links, the other one hasn't */

#menu_compte_prof ~ a.css-menu-item:nth-child(even) {
    background-color: rgba(32,105,139,0.5);
}

#menu_compte_prof ~ a.css-menu-item:nth-child(odd) {
    background-color: rgba(32,105,139,1);
}

#menu_compte_prof ~ a.css-prof-menu-item:nth-child(even) {
    background-color: rgba(32,105,139,0.5);
}

#menu_compte_prof ~ a.css-prof-menu-item:nth-child(odd) {
    background-color: rgba(32,105,139,1);
}



#menu_rooms ~ a.css-menu-item:nth-child(even) {
    background-color: rgba(32,105,139,0.5);
}

#menu_rooms ~ a.css-menu-item:nth-child(odd) {
    background-color: rgba(32,105,139,1);
}


#menu_partie{top:0;}
#menu_partie > a.css-menu-item:nth-child(odd) {
    background-color: rgba(32,105,139,0.5);
}
#menu_partie > a.css-menu-item:nth-child(even) {
    background-color: rgba(32,105,139,1);
}
#menu_partie a.css-menu-item:hover .css-menu-label {
	cursor:pointer;
	border-bottom: 3px solid white;
}

/* Language selector */

#lang-fr {
    position:absolute;
    top:20%;
    left:20%;
}

#lang-en {
    position:absolute;
    top:20%;
    right:20%;
}

#lang-es {
    position:absolute;
    bottom:20%;
    left:20%;
}

#lang-po {
    position:absolute;
    bottom:20%;
    right:20%;
}

/* Chat */

.bounding-box
{
    height:100%;
    width: 100%;
    padding: 5px;
    
}

#chat-display
{
    border: solid 1px grey;
    background-color:white;
    width: 100%;
    height: 80%;
    overflow: auto;
}

#chat-display2
{
    border: solid 1px grey;
    background-color:white;
    width: 100%;
    height: 70%;
    overflow: auto;
}
#chat-input-message
{
    position: relative;
    width: 100%;
    height: 20%;
    padding:0;
    border: solid 1px grey;
    resize: none;
    font-size:12pt;
}

/* Player table */

tbody tr:hover, /* needs to be more precise */
tbody tr:hover:nth-child(odd),
tbody tr:hover:nth-child(even) 
{
    background-color: grey;
    color : white;
}

/*tbody tr:nth-child(odd) {
   background-color: rgba(208,208,208,0.6);
}


tbody tr:nth-child(even) {
    background-color: rgba(250,250,250,0.9);
}*/

.tile-2x2 { overflow : auto; }

table {
    border: solid 1px grey;
    width: 100%;
    background-color: white;
    text-align: center;
    overflow: auto;
    border-collapse: collapse;
}

#table2 {
    border: solid 1px grey;
    border-radius : 10px;
    background-color: rgba(255,255,255,1);
    width: 85%;
    text-align: left;
    overflow: auto;
    border-collapse: collapse;
    margin-right : 0px;
    margin-left : 0px;
}

#table3 {
    border: solid 1px grey;
    width: 100%;
    height : 100%;
    background-color: white;
    text-align: center;
    overflow: scroll;
    border-collapse: collapse;
}


thead {
    color: white;
    background-color: rgba(32,105,139,0.9); /* */
}

th {
    text-align:center;
    /*height:40px;*/
}

/* Modals */

.modal-header {
    color: white;
    background-color:  rgba(32,105,139,0.9);;    
}

.modal input {
    display : inline;
}

.btn-default {
    background-color: rgba(32,105,139,0.3);
}

.btn-default:hover { 
    background-color: rgba(32,105,139,0.9);; 
    color:white;
}

/* Board */

#board .white-1e1d7 {
  background-color: rgba(207,219,223,0.7); /*#ffe2C9;*/
  color: #000;/* #e58b15;*/
}

#board .black-3c85d {
  background-color: rgba(13,77,97,0.7);/*#db5609;*/
  color: #000;/*#fbb03b;*/
}


/* Icons */

#white-player-info-label {
    position: absolute;
    top: 15%;
    left: 25%;
    text-align:right;
}

#black-player-info-label {
    position: absolute;
    bottom: 34%;
    right: 15%;
    text-align:left;
}

#challenger-info-label {
    position: absolute;
    bottom: 15%;
    right: 25%;
    text-align:right;
}

#challenges-label {
    font-size: 20pt;
    font-weight: bold;
    /*position: absolute;
    top: 25%;
    width:100%;
    left: 0;*/
    color: white;
}

.dark-overlay:hover { background-color: transparent; }
.dark-overlay {
    background-color: rgba(0,0,0,0.2);
    z-index:2;
}

.label-icon { 
    /*position: absolute; 
    top: 75%; 
    left:0;
    width:100%;*/
    font-weight: bold;
    text-align:center; 
    vertical-align:bottom;
    font-size: 14px;
}

.tile-1x1:hover #level-label { display: block; }
#level-label {
    position:absolute;
    top:45%;
    left:50%;
    display:none;
    width:100px;
}

.tile-1x1:hover #games-label { display: block; }
#games-label {
    position:absolute;
    top:45%;
    width:100%;
    left:0;
    text-align:center;
    display:none;
    color:white;
    text-weight: bold;
}

.tile-1x1:hover #tournaments-label { display: block; }
#tournaments-label {
    position:absolute;
    top:25%;
    width:100%;
    left:0;
    text-align:center;
    display:none;
    color:white;
    text-weight: bold;
}

.logo:hover { background-position: -238px -494px; }
.logo
{
    background-image: url("images/boutons_sprite.png");
    width:240px;
    height:130px;
    background-position: 0px -495px;
}


.LogoFFE{/*logo*/
    background:url(images/Logo_FFE.jpg);
    height: 100px !important;
    width:100px;
    cursor:pointer;
}

.tile-1x1:hover .icon-pawn {
    /*width:120px;*/
    background-position: -362px 0px;
}
.list-tile{
	cursor:pointer;
}
.challenges-tile{
	margin-top:50px;
	cursor:pointer;
}

.icon-pawn{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:80px;
    background-position: -240px 0px;
}

.icon-knight:hover { background-position: -119px -119px; }
.icon-knight{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:80px;
    background-position: 0px -120px; 
}

.icon-rook:hover { background-position: -724px -260px; }
.icon-rook{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:80px;
    background-position: -600px -260px;
}


.icon-options:hover { background-position: -360px -110px; }
.icon-options{
    background-image: url("images/boutons_sprite.png");
    width:80px;
    height:80px;
    background-position: -240px -110px;
}

.icon-gameboard{
    background-image: url("images/icone_table_echec.png");
    width:120px;
    height:118px;
    background-position: top;
}


.icon-menurooms{
    background:url(images/boutons_sprite.png) no-repeat;
    width:100px;
    height:100px;
    background-position: 0px -100px;
}

.new-icon-options{
    background-image: url("images/icone_options.png");
    width:80px;
    height:78px;
    background-position: top;
}


.icon-menu-game{
    background-image: url("images/icone_menu_game.png");
    width:120px;
    height:109px;
    background-position: top;
}

.icon-medal:hover { background-position: -360px -110px; }

.icon-medal
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: -240px -110px;
}

.icon-trophey:hover { background-position: -601px -110px; }
.icon-trophey
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: -480px -110px;
}

.icon-room:hover { background-position: -121px -860px; }
.icon-room
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:70px;
    background-position: 2px -860px;
}
.icon-rooms:hover { background-position: -850px -120px; }
.icon-rooms
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:70px;
    background-position:  -729px -119px;
}
#icon-rooms{
	padding-top:30px;
	cursor:pointer;
	text-align:center;
}

.icon-flag:hover { background-position: -841px 1px; }
.icon-flag
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: -720px -0px;    
}

.icon-players
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: 0px -240px;
}

.icon-observers
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: -840px -230px;
}

.icon-chat
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: -120px -240px;
}

#clocks{
	padding-top:20px;
}

#black-clock, #white-clock {
	clear:both;
	width: 120px; height: 42px;
	background-color:rgba(229,139,21,1);
	border-radius:5px;
	padding:4px 2px;
}
#black-clock{
	margin-bottom:5px;
}

#name-disp {
	border: solid 1px grey;
	clear:both;
	width: 320px; height: 42px;
	background-color:white;
	border-radius:5px;
	padding:4px 2px;
        margin-bottom:5px;
	font-size : 15px;
}

.highlight{
	
	background-color:rgba(229,139,21,0.3) !important;
	font-weight:bold;
}
.white-clock_icon, .black-clock_icon
{
    background-image: url("images/boutons_sprite.png");
    width:40px;
    height:40px;
	float:left;
}

.white-clock_icon{
    background-position: -400px -882px;
}
.black-clock_icon{
    background-position: -280px -882px;
}


.white-clock-text, .black-clock-text{
	padding:4px 0 0 2px;
	text-align:left;
	float:left;
}


.icon-blue-background
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: 0px -720px;
}

.icon-half-pawn-left
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: -120px -955px;
}

.icon-half-pawn-right:hover {
    background-position: -232px -954px;
}
.icon-half-pawn-right
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: 0px -955px;
}

.icon-tile-pawn-red
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: -599px -479px;
}

.icon-tile-bishop-red
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: -600px -600px;
}

.icon-tile-rook-yellow
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: -720px -479px;
}

.icon-tile-queen-yellow
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: -840px -480px;
}

.icon-tile-king-blue
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: -720px -600px;
}
                            
.icon-tile-rook-blue
{
    background-image: url("images/boutons_sprite.png");
    width:120px;
    height:120px;
    background-position: -840px -600px;
}

/* FIN METEOR*/