/*********************
 * Styles génériques *
 *********************/
BODY	{
	font-size: 8pt;
	font-family: Verdana, Arial;
	text-align:center;
	color: #444444;
	background: gray;
	background-attachment: fixed;
	margin:0;

	scrollbar-face-color: #778899;
	scrollbar-3dlight-color: #F0F0F0;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #F0F0F0;
	scrollbar-track-color: #F0F0F0;
	scrollbar-arrow-color: #B8C8FE;
}

a{
	color: #444444;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
h1{
	font-size:20px;
	font-weight:bold;
	color:teal;
	font-family:century gothic;
	text-align:left;
}

select{
	border: 1px teal solid;
	font-size:12px;
	color:teal;
}

/**********************
 * Classes génériques *
 **********************/
input.champ{
	border:1px teal solid;
	color:teal;
	font-family:arial;
	font-size:11px;
}
input.bouton{
	border:1px teal solid;
	height:25px;
	color:white;
	font-family:arial;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	background-color:darkturquoise;
}
.fc1{
	color:teal;
}
.fs12{
	font-size:12px;
}
.fs20{
	font-size:20px;
}
.ac{
	text-align:center;
}
.aj{
	text-align:justify;
}
.ar{
	text-align:right;
}
.transparent{
	display:none;
}
.non_transparent{
	display:inline;
}

/***************************
 * Styles relatifs au menu *
 ***************************/
#TABLEAU_PRINCIPAL{
	background-color:#F0F0F0;
	text-align:justify;
	width:80%;
	height:100%;
	margin:auto;
}

#HEADER{
	border-bottom: 1px gray solid;
	background-color:lightgray;
	height:125px;
	width:100%;
	background-image: url("../Images/Fond.gif");
}
#HEADER table{
	width:100%;
}
#HEADER td{
	font-size:30px;
	font-weight:bold;
	color:gray;
	font-family:century gothic;
	text-align:center;
}
#HEADER td.IMAGE{
	width:225px;
}
#CONTACT{
	border-bottom: 1px gray solid;
	height:15px;
	width:100%;
	background-color:white;
	text-align:right;
}
#CONTACT a.lien{
	padding-right:10px;
}
#CONTACT a{
	color: silver;
	text-decoration: none;
	padding-right:0px;
	white-space:nowrap;
}
#CONTACT a:hover{
	color: gray;
	text-decoration: underline;
}
#CONTENU{
	text-align:justify;
	height:400px;
	width:100%;
	background-color:white;
}
#CONTENU table{
	text-align:justify;
	font-family:arial,verdana;
	font-size:11px;
}
#CONTENU td{
	vertical-align:top;
}
#MENU_LEFT{
	border-right: 1px gray solid;
	width:10%;
	background-color:#F0F0F0;
	vertical-align:top;
}
#MENU_LEFT a.sous_menu{	
	display: block;
	padding: 5px 5px 5px 0.5em;	
	border-left: 10px solid white;
	border-bottom: 1px solid white;
	color: gray;
	background-color: #CCF4F4;
	text-decoration: none;
	white-space:nowrap;
}
#MENU_LEFT a.sous_menuselected{	
	display: block;
	padding: 5px 5px 5px 0.5em;	
	border-left: 10px solid white;
	border-bottom: 1px solid white;
	color: white;
	background-color: mediumturquoise;
	text-decoration: none;
	white-space:nowrap;
}
#MENU_LEFT a.sous_menu:hover{
	background-color: #6DE4CD;
	color: white;
}
#MENU_LEFT a{	
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-bottom: 1px solid white;
	color: gray;
	background-color: paleturquoise;
	text-decoration: none;
	white-space:nowrap;
}
#MENU_LEFT a.selected{	
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-bottom: 1px solid white;
	color: white;
	background-color: turquoise;
	text-decoration: none;
	white-space:nowrap;
}
#MENU_LEFT a:hover{
	background-color: darkturquoise;
	color: white;
}
#MAIN{
	border: 0px white solid;
	background-color:white;
	padding:0px;
	vertical-align:top;
	height:100px;
	overflow:auto;
}
#MAIN p{
	padding:10px;
}
#MAIN td{
	vertical-align:top;
}

/**************
 * index.html *
 **************/
#HIGHLIGHTS{
	width:200px;
	padding:5px;
}
#HIGHLIGHTS_HEADER{
	border: 1px darkturquoise solid;
	background-color:turquoise;
	text-align:center;
	font-weight:bold;
	color:white;
	height:20px;
}
#HIGHLIGHTS_MAIN{
	border: 1px darkturquoise solid;
	background-color:#CCF4F4;
	vertical-align:top;
	color:teal;
	padding:5px;
	height:200px;
}
#HIGHLIGHTS_MAIN ul{
	padding-left:10px;
	margin-left:10px;
}
#HIGHLIGHTS_MAIN li{
	list-style: url("../Images/Highlight.gif");
	padding-bottom:5px;
}
#INTRODUCTION{
	vertical-align:top;
	padding:10px;
}

/**************
 * fiche.html *
 **************/
#FICHE .titre{
	line-height:20px;
	font-size:12px;
	color:teal;
	font-weight:bold;
	vertical-align:bottom;
}
#FICHE .retour{
	text-align:right;
}
#FICHE a{
	color: teal;
	text-decoration: none;
	padding-right:0px;
	white-space:nowrap;
}
#FICHE a:hover{
	color: teal;
	text-decoration: underline;
	padding-right:0px;
	white-space:nowrap;
}

/*******************
 * classement.html *
 *******************/
#CLASSEMENT {
	width:100%;
}
#CLASSEMENT .stitre{
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
}
#CLASSEMENT table{
	height:50px;
	width:100%;
	border: 1px darkturquoise solid;
	background-color:#FDFDFD;
	margin-bottom: 10px;
	padding: 5px;
}
#CLASSEMENT th{
	height:20px;
	text-align:left;
	color: darkturquoise;
	margin-bottom:10px;	
}
#CLASSEMENT td{
	white-space:nowrap;
}

/*******************
 * calendrier.html *
 *******************/
#CALENDRIER table{
	width:10%;
	background-color:red;
}
#CALENDRIER td{
	white-space:nowrap;
	padding-right:10px;
}
#CALENDRIER td.date{
	color:darkturquoise;
	font-weight:bold;
}
#CALENDRIER td.nom{
	font-weight:bold;
}
#CALENDRIER td.km{
	text-align:right;
	color:teal;
}
#CALENDRIER a{
	align:right;
}

/******************
 * reglement.html *
 ******************/
#REGLEMENT li.da{
	list-style:decimal;
	display: marker;
  content: counter(counter) ".";
  counter-increment: counter;
}
#REGLEMENT ol.alpha{
	list-style:lower-alpha;
	margin-left:20px;
}
#REGLEMENT li{
	padding-bottom:10px;
	padding-left:0px;
	margin-left:0px;
}

/********************
 * inscription.html *
 ********************/
#INSCRIPTION td{
	white-space:nowrap;
	vertical-align:middle;
}
#INSCRIPTION input.bouton{
	width:250px;
}


/************
 * FAQ.html *
 ************/
#FAQ td{
	padding-left:10px;
}
#FAQ .question{
	font-weight:bold;
	padding-left:0px;
	padding-top:10px;
	marker-offset:30px;
	/*content: counter(compteur, decimal-leading-zero) ".";
	counter-increment: compteur;
	display: marker;
  content: counter(counter) ".";
  counter-increment: counter;*/
	list-style:decimal;
}
#FAQ li{
	padding:0px;
	marker-offset:0px;
	margin:0px;
}
#FAQ ul{
	padding:0px;
	marker-offset:10px;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:30px;
}

#FICHE5_TABLE{
	width:90%;
	border-top: 1px teal solid;
	border-right: 1px teal solid;
	border-left: 1px teal solid;
	margin:10px;
}
#FICHE5_TABLE th{
	width:50%;
	text-align:center;
	border-bottom: 1px teal solid;
	background-color: #CCF4F4;
}
#FICHE5_TABLE td{
	border-bottom: 1px teal solid;
	padding:5px;
}
#FICHE5_PALMARES{
	width:90%;
	border-top: 1px teal solid;
	border-right: 1px teal solid;
	border-left: 1px teal solid;
	margin:10px;
}
#FICHE5_PALMARES th{
	text-align:center;
	border-bottom: 1px teal solid;
	background-color: #CCF4F4;
	height:30px;
}
#FICHE5_PALMARES td{
	border-bottom: 1px teal solid;
	padding:5px;
}