/*

# ***** AVERTISSEMENT SUR LA LICENSE *****
# Copyright COSSE Karl, 2006-2007
# 
# Adresse mail : admin@zKup.fr
# 
# Ce logiciel est un programme informatique servant à la gestion
# de tournoi de jeux facilement via l'interface du site.
# 
# Ce logiciel est régi par la licence CeCILL soumise au droit français et
# respectant les principes de diffusion des logiciels libres. Vous pouvez
# utiliser, modifier et/ou redistribuer ce programme sous les conditions
# de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA 
# sur le site "http://www.cecill.info".
# 
# En contrepartie de l'accessibilité au code source et des droits de copie,
# de modification et de redistribution accordés par cette licence, il n'est
# offert aux utilisateurs qu'une garantie limitée.  Pour les mêmes raisons,
# seule une responsabilité restreinte pèse sur l'auteur du programme,  le
# titulaire des droits patrimoniaux et les concédants successifs.
# 
# A cet égard  l'attention de l'utilisateur est attirée sur les risques
# associés au chargement,  à l'utilisation,  à la modification et/ou au
# développement et à la reproduction du logiciel par l'utilisateur étant 
# donné sa spécificité de logiciel libre, qui peut le rendre complexe à 
# manipuler et qui le réserve donc à des développeurs et des professionnels
# avertis possédant  des  connaissances  informatiques approfondies.  Les
# utilisateurs sont donc invités à charger  et  tester  l'adéquation  du
# logiciel à leurs besoins dans des conditions permettant d'assurer la
# sécurité de leurs systèmes et ou de leurs données et, plus généralement, 
# à l'utiliser et l'exploiter dans les mêmes conditions de sécurité. 
# 
# Le fait que vous puissiez accéder à cet en-tête signifie que vous avez 
# pris connaissance de la licence CeCILL, et que vous en avez accepté les
# termes.
# ***** AVERTISSEMENT SUR LA LICENSE *****

*/
body, html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8b918f;
	padding-bottom: 30px;
}
/*
*, html * {
	border: 0; margin: 0; padding: 0;
}*/

a, a:visited {
	color: #8b918f; width: 100%;
}

a:hover {
	color: #0099FF;
}

#conteneur {
	width: 1100px;
	margin: 10px auto;
}

#conteneur_gauche {
	width: 197px;
	float: left;
	margin-right: 20px;
}
#col_gauche {
	width: 197px;
	border: 1px solid #4b5e58;
	float: left;
	padding-bottom: 20px;
}

#copyright {
	width: 197px;
	/*background: #283632 url(images/fond_gauche.jpg) top right repeat-y;
	/*border: 1px solid #4b5e58;*/
	float: left;
	font-size: 10px;
}
#dons { margin: 4px 0;}
#dons * {
	border: 0 none;
	background: none;
	margin: 0px;
}

#col_droite {
	float: left;
	width: 861px;
}

#col_droite #corps {
	width: 835px;
	overflow: auto;
	border: 1px solid #4b5e58; border-top: 0 none;
	padding: 10px;
}

h1 { font-variant: small-caps; margin: 0; text-align: center; }

#col_droite #header {
	width: 861px;
	height: 143px;
}

ul#menu {
	margin: 0; padding: 0;
}
ul#menu li {
	list-style: url(images/list.jpg);
	margin-left: 30px;
}
ul#menu li:hover {
	list-style: url(images/list_selected.jpg);
}
ul#menu li a {

}
ul#menu li a:hover { color: white; }

ul#menu li.titre {
	position: relative;
	left: -20px;
	width: 200px;
	height: 30px;
	border: 1px solid #4b5e58;
	text-align:center;
	font-size: 24px;
	color: #8b918f;
	list-style: none;
	margin: 10px 0;
}

#ban {
	width: 861px;
	height: 37px;
	text-align: center;
	line-height: 37px;
}
#ban div { padding-top: 13px; }

table.arbre *,table.equipes * { border: 0 none; padding: 0; margin: 0; }
table.arbre,table.equipes {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	margin: 10px auto;
	border: 0 none;
	color: #047D80;
}
table.arbre tr td {
	border:0 none;
	height: 20px;
	width: 15px;
}
table.equipes td { padding: 4px 8px; text-align: center; border: 1px dotted #047D80; }
table.arbre thead th, table.equipes thead td {
	height: 20px;
	border: 0px none;
	border-bottom:1px dotted #CCCCCC;
	color: #CCCCCC;
	font-weight: bold;
}
table.equipes thead td { padding: 2px 4px; }
table.equipes thead { text-align: center; }
table.arbre tr th {
	text-align: center;
	color: grey;
}
table.arbre tr td.P,table.arbre tr td.LB,table.arbre tr td.W { width: 140px; padding-left: 5px; }
table.arbre tr td.P {
	border: 1px solid #555555;
	padding-left: 5px;
	/* background:#8e8d84; 
	color: #efebca;*/
}
table.arbre tr td.LB {
	border: 1px dotted #555555;
	background: #666666;
	color: #CCCCCC;
}
table.arbre tr td.W {
	border: 1px dotted red;
	background: white;
}
table.arbre tr td.H {background: url(images/arbre/gris/coinGB.png) no-repeat bottom left ;}
table.arbre tr td.I {background: url(images/arbre/gris/coinI.png) repeat-y center left ; width: 20px; min-width: 20px;}
table.arbre tr td.M {background: url(images/arbre/gris/coinM.png) no-repeat center left ;}
table.arbre tr td.B {background: url(images/arbre/gris/coinGH.png) no-repeat top left ;}
table.arbre tr td.O {background: url(images/arbre/gris/coinO.png) repeat-x top left ;}
table.arbre tr td.C {background: url(images/arbre/gris/coinC.png) no-repeat top left ;}
table.arbre tr td.HD {background: url(images/arbre/gris/coinHD.png) no-repeat top left ;}
table.arbre tr td.BD {background: url(images/arbre/gris/coinBD.png) no-repeat top left ;}

td.ON {
	font-weight: bold;
	color: green;
}
td.OFF {
	font-weight: bold;
	color: red;
}

/*
##############################
##### FORMULAIRES ###############
##############################

*/

form {
	width: 50%;
	display: block;
	margin-left : auto;
	margin-right : auto;
	text-align: center;
}

fieldset {
	border: 1px dotted #047D80;
	margin: 5px 10px;
	padding: 10px;
}
fieldset legend {
	margin-left: 15px;
	padding: 0px 4px;
	background-color: #efebca;/*HACK IE*/
}
/* CAS ERREUR */
form *.err {
	border: 1px solid red;
}
/* CAS NORMAL */

form input:hover {
	/*height: 30px;*/
	border: 1px solid green;
}


form input:focus {
	/*height: 30px;*/
	/*background-color: white !important;*/
	/*color: black !important;*/
	border: 1px solid green;
}

form label {
	font-size: 0.8em;
	padding-left: 10px;
	display: block;
	clear: both;
	border-bottom: 1px dotted #047D80;
}
form label span {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	float: left;
	width: 50%;
}
form span.btn {
	display: block;
	width: 95%;
	text-align: right;
	float: none;
}
form span.btn input{
	float: right;
	width: 30%;
	height: inherit;
	display: block;
	margin: 2px;
	border: 1px dotted #00FF33;
}
form span.btn input:hover {
	border: 1px outset green;
}
form input, form select, form textarea {
	display: block;
	border: 1px solid black;
	margin: 3px auto 0px auto;
}
form select {
	margin-bottom: 1px;
	float: right;
}
form input {
	margin-bottom: 1px;
	float: right;
	padding: 0 10px;
}
form textarea#moyen {
	width: 95%;
	height: 300px;
}
form textarea#grand {
	width: 95%;
	height: 600px;
}
form input.cache{
	display: none;
}
input.btn {
	border: 1px solid black;
	margin-right: 10px;
	text-align: center;
}
input.btn:hover, input.btn:focus {
	background-color: black;
	color: white;
	border: 1px solid black;
}

div#tournoi_suivi { width: 100%; height: 20px; margin-top: 20px; }
div#tournoi_suivi form { width: 100%; height: 20px; margin: 0; }
div#tournoi_suivi form span { float: left; display: block; width: 70%; line-height: 30px; }
div#tournoi_suivi form select { float: right; margin-right: 10px; }


table#gerer {
	width: 95%; margin: 5px auto;
	text-align: center;
	border-collapse: collapse;
	border: 3px solid #4b5e58;
}

table#gerer th {
	background: #4b5e58;
	color: white;
	border-top: 2px solid #7ba1c5;
	border-bottom: 2px solid #1a8483;
	padding:0 3px;
}
table#gerer tr td {
	border-right: 1px solid black;
	padding:0 3px;
}
table#gerer tr td.ON {
	font-weight: bold;
	color: green;
}
table#gerer tr td.OFF {
	font-weight: bold;
	color: red;
}
table#gerer tr td.colonne_sel, table#gerer thead th.colonne_sel {
	width: 15px;
}
table#gerer tr td.colonne_sel input, table#gerer thead th.colonne_sel input {
	float: left;
	width: 15px; height: 15px; 
}
table#gerer tr.pair td {
	background: #283632;
}
table#gerer tr.impair td {
	background: #47625a;
	border-top: 2px solid #1a8483;
	border-bottom: 2px solid #1a8483;
}
/* Ajout du 31/10/2007 */
p.score {
	display: block;
	float: right;
	font-size: 9px;
	font-weight: bold;
}