html, body {margin: 0; padding: 0;
	color: #000; background: #BCD;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9.0pt; color: #123;}

#banniere {height: 100px; color: #333; 
	background: #E3DEDA url(banniere3.jpg) 0% 0% no-repeat;}
#banniere img {float: right;}
.connexion {float: right;
	font: bold italic small-caps 11px Arial, sans-serif;
	}
	
.footer {
	clear: left;
	width: 100%; height: 12px;
	color: #333; background: #E3DEDA;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9.0pt; text-align: center;
	padding: 8px 0;
	border-top: 3px groove #CCCCCC;
	border-bottom: 3px groove #CCCCCC;
}

/* Menus Eric Meyer*/
#nav {margin: 0; padding: 0; margin-left: 5px; width:100%; clear: left; height: 25px;}
#nav li {list-style: none; float: left;
	margin-left: 1px; padding-left: 16px;
	font-size: 10px; line-height: 20px; white-space: nowrap;
	background: #BBB url(tabs2-big.gif) 0 100% no-repeat;}

#nav a {display: block; float: left; padding: 0 16px 0 0;
	text-decoration: none; font-weight: bold;
	background: #334F64 url(tabs2-big.gif) 100% 100% no-repeat;
	color: #BCD;
	width: .1em;}
html>body #nav a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float: none;}            /* End IE5-Mac hack */
#nav .forum a {color: #F60;}
#nav a:hover {color: rgb(62%,35%,22%);}
#nav #current, #nav #current a {color: #FDB; 
	background-image: url(tabs2-big-ct.gif);}

/* GestionJournée */
#formMatch {font-size:9.0pt; width:100%; margin: auto;}
#comboCompet {width:280px;}
#comboJournee {width:200px;}
#addMatch, #updateMatch {width: 100px; font-size: 8.5pt;}

/* iframes */
#iframeRechercheLicenceIndi {visibility:hidden; 	position:absolute;}
#iframeScore {visibility:hidden; position:absolute;}
#SelectionOuiNon {visibility:hidden; position:absolute;}
#SelectionCapitaineJoueur {visibility:hidden; position:absolute;}


.saison {font-size: 8.0pt; font-weight: bold; background: #334F64; color: #BCD; margin-left: 5px; padding: 2px;	border: 2px groove #BCD;}
.repere {font-size: 8.0pt; font-weight: bold; color: #334F64; padding-left: 5px;}

.main {font-size: small;
	color: #111;
	margin: 0px;
	margin-top: 2px;
	padding: 0.5%;
	width: 99%;
	border: 0px solid #F00;}

.combolong {width: 100px;}
.boutonlong {width: 200px;}

.ImportPCE input {width: 300px;}

.titrePage {
	width: 100%;	
	text-align: center;
	font: bold italic small-caps 15px Arial, sans-serif;
	margin: 0;
}
.lienExterne {
	display: none;
}

.liens {width: 100%; clear: left; text-align: center;}
.liens a{display: block; float: left; margin: 3px 8px; font-size: 9.0pt;}

.tableau {font-size: 8.0pt; empty-cells:show; border-spacing: 0px; border-collapse: collapse; 
	border: 2px groove #666;
	border-width: 0px 2px 2px 2px;
	width: 100%; margin-left : auto; margin-right : auto;}
.tableau thead {background: #334F64 url(titre_bg.gif) 0 0 repeat-x;}
.tableau thead tr th{font-size: 8.0pt; color: #DDD; padding: 4px; border: none;}
.tableau tr {}
.tableau td {margin: 0; padding: 2px 3px; text-align: center;}
.tableau tr.Selected {background: #EEEEEE;}
.head2 {background: #7799BB; color: #DDD;}
.tableauPublic thead {background: #334F64 url(titre2_bg.gif) 0 0 repeat-x;}

.impair {background: none;}
.pair {background: #CDE;}

.impair2 {background: #BBDDCC;}
.pair2 {background: #CCEEDD;}
.head2Public {background: #66AA88; color: #DDD;}

.vert {background: #BFB;}
.rouge {background: #FBB;}
.gris {background: #DDF;}

.colorO {background: #BFB;}
.colorCapO {background: #BFB;}
.colorCapE {background: #FB0;}
.colorCapA {background: #FB5;}
.colorN {background: #FBB;}

.past {
	/*opacity: 0.5;*/
	/*filter: alpha(opacity=50); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
	font-style: italic;
	color: #666;
	}
.titreForm {background: #334F64 url(titre_bg.gif) 0 0 repeat-x; font-size: 8.0pt; color: #DDD; border: none; text-align: center; padding: 4px;}

.blocLeft {
	font-size:9.0pt;
	/*font-weight: bold;*/
	float: left;
	width: 720px;	
	text-align: center;
}
.Left2 {
	width: 620px;	
}

.blocTable {
	clear: left;
	height: 450px;	
	width: 100%;
	margin: 5px 0px;
	border: 1px solid #CDE;
	overflow-y: auto;
/*	overflow:scroll;*/
	text-align: center;
}

.blocCentre {
	width: 750px;
	margin: 5px 0px;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid #CDE;*/
	text-align: center;
}

.TitrePhaseFinale {
	color: #666;
}

.table2 {height: 650px;}

.blocMap{
	width:100%;
	text-align: center;
}

.blocMap2{
	margin-left: auto;
	margin-right: auto;
	width:100%;
	text-align: center;
}

.blocRight {
	width:250px; 
	float: left;
	border: 3px groove #CCCCCC;
	margin: 18px 6px;
	background: #CCCCCC;
}
.Right2 {
	width: 350px;	
}
.Right3 {
	margin: 0;
	width: 450px;	
}
.blocRight th, .blocTop th {
	border: 3px groove #CCCCCC;
}
.blocRight td, .blocTop td, .blocMiddle td {
	font-size:9.0pt;
	padding: 2px;
}
.blocRight label, div.blocRight select, div.blocRight input {
	font-size:8.0pt;
	width:100%;
}
.blocTop label, div.blocTop select, div.blocTop input {
	font-size:9.0pt;
}
.blocMiddle label, div.blocMiddle select, div.blocMiddle input {
	font-size:9.0pt;
}
.blocRight td a, .blocTop td a, .blocMiddle td a {
	font-size:9.0pt;
}

.blocTop {
	width:99%;
	border: 3px groove #CCCCCC;
	background: #CCCCCC;
	font-size:9.0pt;
}

.blocMiddle {
	width:100%;
	margin: 5px 0;
}

.blocBottom {
	width:100%; 
}

.podium {
	font-weight: bold;
}
.qualifies {
	font-weight: bold;
}
.elimines {
	color: #555;
}
.droite {
	text-align: right;
}

.histoLigne {
	clear: left;
	margin: 15px;
	border: 1px ridge white;
}
.histoColonne {
	float: left;
}

.blocCentre2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}