[ (#REM) Feuille de style de la version texte
	Nous utilisons un squelette afin de traiter l'orientation du texte
]
#CACHE{0}
#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
#HTTP_HEADER{Vary: Accept-Encoding}

/* Css rules for board with adjustables pixel squares */
.ChessBoardInner[(#CONFIG{chess/taille,30})]{	/* The actual chess board div */
	width:[(#EVAL{8 * [(#CONFIG{chess/taille,30})]})]px; /* largueur de 8 carreaux de taille variable */
	height:[(#EVAL{8 * [(#CONFIG{chess/taille,30})]})]px; /* hauteur de 8 carreaux de taille variable */
	border:none;
	top:0;
}

.ChessBoard[(#CONFIG{chess/taille,30})]{	/* Chess board for adjustables pixel squares - total size of board including labels around the board (A-H,1-8) */ 
	width:[(#EVAL{15 + (8 * [(#CONFIG{chess/taille,30})])})]px;
	height:[(#EVAL{20 + (8 * [(#CONFIG{chess/taille,30})])})]px;
	padding:0px;

}
.ChessPiece[(#CONFIG{chess/taille,30})]{	/* adjustables pixel chess pieces */
	width:[(#CONFIG{chess/taille,30})]px;
	height:[(#CONFIG{chess/taille,30})]px;
}

.ChessBoardLabel{	/* Labels A-F, 1-8 around chess board */
	font-weight:bold;
	font-family:Trebuchet MS;
	font-size:0.9em;
}

/* The labels around the board are assigned to class "ChessBoardLabel ChessBoardLabel<size>", so the two rules above will be combined */

.ChessMoveIndicator{	/* Square indicating where the last piece moved from and to */
	border:3px solid red;
}

a.ActiveInlineChessMove{	/* How to highlight active chess move in the inline list of moves */
	color:white;
	background-color:#333;
}
/* principaux blocs de positionnement */


  #mainContainer{
	width:[(#EVAL{[(#CONFIG{chess/coldroite,230})] + 33 + (8 * [(#CONFIG{chess/taille,30})])})]px;
	border: 1px gray solid; 
/*	background-color:#2f5e80; */	
 }
 
#boardContainer{
	padding-left:4px;
	padding-top:10px;
	width:[(#EVAL{15 + (8 * [(#CONFIG{chess/taille,30})])})]px;
	height:auto;
	float:left;
}

#board {
	width:[(#EVAL{15 + (8 * [(#CONFIG{chess/taille,30})])})]px;
	height:[(#EVAL{20 + (8 * [(#CONFIG{chess/taille,30})])})]px;
	float:left;*/
}

#rightColumn{
	width:[(#CONFIG{chess/coldroite,230})]px;
	height:[(#EVAL{20 + (8 * [(#CONFIG{chess/taille,30})])})]px;
	float:left;
	position:relative;
	margin-top:4px;
}

#gameListContainer{
	width:[(#CONFIG{chess/coldroite,230})]px;
	height:[(#EVAL{20 + (8 * [(#CONFIG{chess/taille,30})])})]px;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:2px;
	margin-left:5px;
}

/* fin des principaux blocs de positionnement*/

/* encore des styles "généraux" */


.ActiveTableChessMove{	/* How to highlight active chess move in the list of moves - "Table view" */
	color:white;
	background-color:#333;
}
span.InlineChessComment{
	font-style:normal;
	color:#00F;
	display:block;
	clear:both;
	font-size:0.8em;
}

.ActiveGameInTable{	/* Active game in list of games - table */
	font-weight:bold;
	background-color:#6666ff;
	color:#FFF;
}
.ActiveGameInTable a{ /* A tag inside active game in gamelist table */
	color:#FFF;
}

.GameListOddRow{	/* List of games - odd rows in table */
	background-color:#ffffff;
}
.GameListEvenRow{	/* List of games - even row in table */
	background-color:#ccccff;
}

.InlineChessVariationBlock{
	color:#777;
	display:block;
}
.InlineChessVariationBlock a{
	color:#777;
}
a.ActiveInlineVariationChessMove{
	color:white;
	background-color:#00F;	
}

/* ========================================================================== */
/*					Partie de code pour la mise en forme globale					      */
/* ========================================================================== */

#divMoves{
	clear:both;
	font-size:0.9em;
	font-style:italic;
/*	width:[(#CONFIG{chess/coldroite,230})]px; */
	height:[(#EVAL{8 * [(#CONFIG{chess/taille,30})]})]px;
	overflow:auto;
	background-color:#FFF;
	margin-top:10px;
	padding:5px;
	border:1px solid #000;
}

#divMoves a{
	text-decoration:none;
}
#gameList a{
	color:#363636;
	text-decoration:underline;
}
/* ========================================================================== */
/* Les flèches, jouer, stop retourner			      */
/* ========================================================================== */

#buttons {
	margin-left:13px;
	background-color:#ccccff;
	width:auto;
} 

#buttons input{
    cursor:pointer;
	float:left;
	font-size:0.8em;
	margin:0px;
	padding:2px;
	border:0;
	background-color:#ccccff;
}
/* remplacer input par fleche pour éviter les conflits avec les boites de saisie "input" d'autres pages de spip */

.fleche {
	width:20px;
}
.jouer{
	width:45px;
}
.flip{
	width:65px;
}
/* ========================================================================== */
/* Paramétrer le cartouche du bas avec noms, prénoms élo etc...			      */
/* ========================================================================== */
#details_white {color:blue;}
#details_white_elo {color:blue;}
#details_black {color:blue;}
#details_black_elo {color:blue;}
#details_result {color:blue;}
#details_event {color:blue;}
#details_date {color:blue;}
#details_round {color:blue;}

.infos {
font-size:0.8em;
font-weight:bold;
margin-left:13px;
clear:left;
}


  

#players{
  margin-top:5px;
	text-align:center;
	clear:both;
	font-size:[(#CONFIG{chess/taille,30}|=={30}|?{'1.1','1.3'})]em;
	font-weight:bold;
	height:[(#CONFIG{chess/taille,30}|=={30}|?{'24','30'})]px;
	width:100%;
	color:#00000;
}

#moveTab{
	display:none;
   	width:[(#CONFIG{chess/coldroite,230})]px;
    margin-top:15px;
}
#gameList{
	width:[(#CONFIG{chess/coldroite,230})]px;
	height:[(#EVAL{8 * [(#CONFIG{chess/taille,30})]})]px;
	margin-top:15px;
}
#tabs{
	width:[(#CONFIG{chess/coldroite,230})]px;
	left:2px;
	text-align:center;
}
  #tabs div{
	float:left; 
	margin-left:6px;
	background-repeat:no-repeat;
/*	width:80px; */
	height:15px;
	font-size:0.8em;
	text-align:left;
	line-height:25px;
}
.tabInactive span{
    cursor:pointer;
	font-weight:normal;
    text-decoration:underline;
}
.tabActive span {
	font-weight:bold;
}
#scrollDivGames{
	overflow: auto; 
	width: [(#CONFIG{chess/coldroite,230})]px; 
	height: auto;  /* hauteur auto pour essayer d'adapter la boite */
	border-left: 1px gray solid; 
	border-bottom: 1px gray solid;
	padding:0px;
	margin: 0px;
	background-color:#FFF
}
 table,tr,td{
	vertical-align:top;
	line-height:1.4em;
}  
#pgnList{
	display:none;
}
 #divListOfPgns{	/* Box where the actual pgn links are located */
	width: [(#CONFIG{chess/coldroite,230})]px; 
	height:[(#EVAL{8 * [(#CONFIG{chess/taille,30})]})]px;
	background-color:#FFF;
	margin-top:15px;
} 

.tabDetails{
	padding:2px;
	text-align:center;
	width:40px;
	margin-right:3px;
	font-size:0.8em;
	float:left;
	border:1px solid #000;
	border-bottom:0px;
	position:relative;
}

.tabDetailsActive{
	background-color:#FFF;
  width:40px;	
}
.tabDetailsInactive{
	background-color:#CCC;
	border-bottom:1px solid #000;
	position:relative;
	top:-1px;
	margin-top:2px;
	height:16px;
	width:40px;
}

#gameDetails td{
	font-size:.8em;
	width:120px;
}
  td.tableWidget_headerCell{
  font-type:strong;
	background-color:#ccccff;
	color:#ffffff;
	border:1px solid ;	
}
div.widget_tableDiv{
	border:1px solid #444;
}
div.ChessMoveIndicator{
	border:3px solid #F9F340;
	opacity:0.5;
	filter:alpha(opacity=50);
}

div.ChessBoardInner[(#CONFIG{chess/taille,30})]{
	border:1px solid #70472a;
	border-left:1px solid #54351f;
	border-bottom:1px solid #54351f;
}

/*===========================================================================*/
/*  Insertion du fichier scroll-table.css pour insérer des variables  */
/*============================================================================*/

.widget_tableDiv, .tableWidget tbody{
	background-color:#FFF;
}
.tableWidget{
	font-family:arial;
	font-size:.8em;
}
/* End layout CSS */	
.widget_tableDiv {
	border:1px solid #ACA899;	/* Border around entire widget */
	overflow:scroll;
	overflow-y:scroll;
	overflow:-moz-scrollbars-vertical;
	height:[(#EVAL{20 + 8 * [(#CONFIG{chess/taille,30})]})]px;
}
html>body div.widget_tableDiv {
	overflow-y: scroll;
}
.tableWidget thead{
  font-weight:bold;
	position:relative;
}
.tableWidget thead tr{
	position:relative;
	top:0px;
	bottom:0px;
}
.tableWidget .scrollingContent{
	overflow-y:scroll;
	overflow:-moz-scrollbars-vertical;
	width:100%;
}
/* nettoyeur, si non d&eacute;fini par ailleurs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }