/*****************
 *** STRUCTURE ***
 *****************/


body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	margin:0px;
}

#conteneur_groupe {
	width: 100%;
	text-align: center;	
}

#conteneur_groupe #content_groupe {
	text-align: left;
	margin: 30px auto;
	width: 90%;
}


img {border: none;}

	
a {
	color: #FF3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	
a:hover {
	color: #3366CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

/* ID Styles */

#navigation td {
	border-bottom: 1px solid #FFF3C5;
}
	
#navigation a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFC359;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
}
	
#navigation a:hover {
	background: #FF6600;
	color:#993300;
}
	
#logo 	{
	font:24px Arial, Helvetica, sans-serif;
	letter-spacing:0.2em;
	line-height:30px;
}

#tagline 	{	
	font:18px Arial, Helvetica, sans-serif;
	color: #FF3300;
	letter-spacing:0.4em;
	line-height:18px;
}

#monthformat {
	border-bottom: 1px dashed #FFFFFF;
}
		
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:0.2em;
	font-weight: bold;
	text-decoration: none;
}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
}
	
#dateformat a:hover {
	color: #003366;
	letter-spacing:0.1em;
}
	
/* Class Styles */
	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
}
	
.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	line-height:26px;
	letter-spacing:.21em;
}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #FF6600;
	line-height:22px;
	letter-spacing:.2em;
}

.quote {
	font: 20px Arial, Helvetica, sans-serif;
	color: #FF6600;
	line-height:30px;
}
	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
}
	
.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}
	
.el_menu {
	margin: 0px 40px;
}

#content_groupe td *, #content_groupe td,
#content_groupe th *, #content_groupe th {
	text-align: center;
	vertical-align: center;
}
#content_groupe th {
	height: 20px;
}
/**** ROUGE ****/

body.rouge {
	background-color: #FFF3C5;
	color: #F30;
}

body.rouge #hearder_groupe, 
body.rouge th {
	background-color: #FFC359;
}

body.rouge .titre_groupe{
	color: #FF3300;
}

body.rouge h4 {
	font-size: 21px;
	font-weight: normal;
	color : #F60;
}
body.rouge a {
	color: #F30;
}

body.rouge .frise {
	background : #99CC66 url('images/frise_orange.gif');
	height: 3px;	
}
body.rouge .filariane {
	background-color: #FF6600;
}

body.orange .pageName{	
	color: #FF6600;
}

/**** ORANGE ****/

body.orange {
	background-color: #FFFFD2;
	color: #FF6100;
}

body.orange #hearder_groupe, 
body.orange th {
	background-color: #FF9;
}

body.orange .titre_groupe{
	color: #FF6100;
}

body.orange h4 {
	font-size: 21px;
	font-weight: normal;
	color : #F93;
}
body.orange a {
	color: #FF6100;
}

body.orange .frise {
	background : #F93 url('images/frise_jaune.gif');
	height: 3px;	
}
body.orange .filariane {
	background-color: #F93;
}

body.orange .pageName{	
	color: #FF6600;
}

/**** BLEU ****/

body.bleu {
	background-color: #DEE7FF;
	color: #6852AA;
}

body.bleu #hearder_groupe, 
body.bleu th {
	background-color: #CCCCFF;
}

body.bleu .titre_groupe{
	color: #6852AA;
}

body.bleu h4 {
	font-size: 21px;
	font-weight: normal;
	color : #B39BF4;
}
body.bleu a {
	color: #6852AA;
}

body.bleu .frise {
	background : #B39BF4 url('images/frise_violet.gif');
	height: 3px;	
}
body.bleu .filariane {
	background-color: #6852AA;
}


body.bleu .pageName{	
	color: #0000FF;
}


/**** VERT ****/

body.vert {
	background-color: #F4FFE4;
	color: #5C743D;
}

body.vert #hearder_groupe, 
body.vert th {
	background-color: #D5EDB3;
}

body.vert .titre_groupe{
	color: #5C743D;
}

body.vert h4 {
	font-size: 21px;
	font-weight: normal;
	color : #9C6;
}
body.vert a {
	color: #5C743D;
}

body.vert .frise {
	background : #9C6 url('images/frise_vert.gif');
	height: 3px;	
}
body.vert .filariane {
	background-color: #9C6;
}

body.vert .pageName{	
	color: #5AD05A;
}


/*******************
 *** Competition ***
 *******************/

.groupe_competiteur {
	margin: 20px;
	clear: left;
	width: 100%;
	text-align: center;
}
.groupe_competiteur .group {
	float: left;
	width: 350px;
	height: 35px;
	background-repeat: no-repeat;
	text-align: center;
	padding: 15px;
	margin: 10px;
}
.groupe_competiteur .group a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;	
}
.groupe_competiteur .group1	{
	background-image: url('images/button1.png');
}
.groupe_competiteur .group2	{
	background-image: url('images/button2.png');
}
.groupe_competiteur .group3	{
	background-image: url('images/button3.png');
}
.groupe_competiteur .group4	{
	background-image: url('images/button4.png');
}
.groupe_competiteur .group5	{
	background-image: url('images/button5.png');
}
.groupe_competiteur .group6	{
	background-image: url('images/button6.png');
}
#hearder_groupe {
	height: 200px;
}
#hearder_groupe .image_alea {
	width: 500px;
	float: left;
}

#hearder_groupe .titre_groupe {
	margin-top: 20px;
	text-align: center;
	overflow: hidden;
}
#hearder_groupe .titre_groupe img {
	margin: 10px 30px;
}

table.compet {	
	margin: 25px auto;
}

table.compet tr {

}

table.compet tr.tab_header td {
	font-weight: bold;
	font-size: 15px;
	color: #A52A2A;
}

table.compet td {
	height: 30px;
	color: #4D4D4D;
	text-align: center;
	font-size: 13px;
}

#compet_comment {
	margin: 30px;
}

h1.title{
	margin: 15px;
	color: #CC942E;
}

/****************
 *** Officiel ***
 ****************/

.liste_officiel {

}

.liste_officiel h4 {
	padding-top: 30px;
	clear: left;
	text-align: left;
	width: 100%;
}

ul.select_year {
	text-align: center;
	
}