body, td {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size:12px;
}
a, a:visited {
	color: #660000;
	text-decoration: underline;
}
a:hover, a:active {
	color: #660000;
	text-decoration: none;	
}
table .logosClub td img{
	padding: 2px;
	margin: 2px;
	font-size: 9px;
	text-align: center;
}

table .logosClub1 td img{
	display:block;
	padding: 0px;
	margin: 0px;
}

#baniere {
	position:absolute;
	left:471px;
	top:150px;
	width:468px;
	height:60px;
	z-index:0;
	text-align: right;
}

#content {
	width: 650px;
	/*padding: 65px 15px 15px 20px;*/
	padding: 0px 5px 0px 5px;
	text-align: justify;
	height: auto;
}

.ssTitreClub {
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
}

#poucet {
	padding: 10px 0px 0px 5px;
	color: #395471;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}

#poucet a, #poucet a:hover, #poucet a:active, #poucet a:visited {
	text-decoration: none;
	color: #395471;
	font-weight: bold;
	font-size: 11px;
}


/****     HOME     *****/

#defilHome {
	width: 350px;
	height: 20px;
	color: black;
	font-size: 10px;
	/*border: solid 1px #F00;*/
}

	/****   HOME TABLE    *****/

table .ProAmasc {
	width: 208px;
	border-collapse: collapse;
	margin: 10px 0px 8px 0px;
	font-size: 10px;
}
table .ProAmasc .td1 {
	color: #FFF;
	text-align: center;
	height: 12px;
	background-color: #2E4996;
}
table .ProAmasc .td2 {
	color: #2E4996;
	text-align: center;
	height: 12px;
}
.ProAmasc a, .ProAmasc a:link, .ProAmasc a:visited {
	text-decoration: none;
	color: #FFF;
}
.ProAmasc a:hover, .ProAmasc a:active {
	text-decoration: underline;
	color: #FFF;
}
.ProAmasc .td2 a, .ProAmasc .td2 a:link, .ProAmasc .td2 a:visited {
	text-decoration: none;
	color: #2E4996;
}
.ProAmasc .td2 a:hover, .ProAmasc .td2 a:active {
	text-decoration: underline;
	color: #2E4996;
}
table .ProAfem {
	width: 208px;
	border-collapse: collapse;
	margin: 15px 0px 8px 0px;
	font-size: 10px;
}
table .ProAfem .td1 {
	color: #FFF;
	text-align: center;
	height: 12px;
	background-color: #F00;
}
table .ProAfem .td2 {
	color: #F00;
	text-align: center;
	height: 12px;
}
.ProAfem .td1 a, .ProAfem .td1 a:link, .ProAfem .td1 a:visited {
	text-decoration: none;
	color: #FFF;
}
.ProAfem .td1 a:hover, .ProAfem .td1 a:active {
	text-decoration: underline;
	color: #FFF;
}
.ProAfem .td2 a, .ProAfem .td2 a:link, .ProAfem .td2 a:visited {
	text-decoration: none;
	color: #F00;
}
.ProAfem .td2 a:hover, .ProAfem .td2 a:active {
	text-decoration: underline;
	color: #F00;
}

table .ProBmasc {
	width: 208px;
	border-collapse: collapse;
	margin: 15px 0px 8px 0px;
	font-size: 10px;
}
table .ProBmasc .td1 {
	color: #FFF;
	text-align: center;
	height: 12px;
	background-color: #1B99CC;
}
table .ProBmasc .td2 {
	color: #1B99CC;
	text-align: center;
	height: 12px;
}
.ProBmasc a, .ProBmasc a:link, .ProBmasc a:visited {
	text-decoration: none;
	color: #FFF;
}
.ProBmasc a:hover, .ProBmasc a:active {
	text-decoration: underline;
	color: #FFF;
}
.ProBmasc .td2 a, .ProBmasc .td2 a:link, .ProBmasc .td2 a:visited {
	text-decoration: none;
	color: #1B99CC;
}
.ProBmasc .td2 a:hover, .ProBmasc .td2 a:active {
	text-decoration: underline;
	color: #1B99CC;
}

/********   NAV HAUT  ********/

#menu {
	display :block;
	float: left;
	color: #FFF;
	margin: 0;
	padding:0;
	width: 100%; /* précision pour Opera */
	/*border: solid 1px red; font-size: 12px;*/
}
#menu dl {
	display :block;
	float: left;
 	margin: 0;
	padding:0;
}
#menu dt { /*nav niveau 1*/
 	margin: 0;
	padding: 0;
}
#menu dt a {
	text-decoration: none;
	color: #fff;
	/*padding: 3px 2px 3px 2px;*/
	margin: 0;
	/*width:20px;
	white-space: nowrap; 
	border: solid 1px red; */
}
#menu dt a:hover  {
	text-decoration: none;
	color: #fff;
	/*padding: 3px 2px 3px 2px;*/
	margin: 0;
}
#menu dd { /* structure de la nav niveau 2*/
	position : absolute;
	z-index:1;	
	display: none;
	margin: 0px 0px 0px 0px;
	padding:0;
	background-color: #fff;
	width: 140px; /* il faut fixer la taille en px sinon qd le menu est plus petit que sous menu, décallage ds l'affichage*/
}
#menu ul {
	list-style-type: none;
	margin: 3px 0px 3px 4px;
	padding: 0px 0px 0px 0px;
}
#menu li {
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
}
#menu1 li a, #menu2 li a, #menu3 li a, #menu4 li a, #menu5 li a , #menu6 li a, #menu7 li a, #menu8 li a, #menu9 li a, #menu10 li a {
	color: #000000;
	font-size: 10px;
	text-decoration :none;
	padding: 1px 10px 1px 12px;
	margin-left: 0px;
	background-image: url(../modeles/images/nav_fdBlanc.gif);
	width: 132px;
}
#menu1 li a:hover, #menu2 li a:hover, #menu3 li a:hover, #menu4 li a:hover, #menu5 li a:hover, #menu6 li a:hover, #menu7 li a:hover, #menu8 li a:hover, #menu9 li a:hover, #menu10 li a:hover{
	color: #fff;
	font-size: 10px;
	text-decoration :none;
	padding: 1px 10px 1px 12px;
	margin: 0;
	width: 132px;
	background-image: url(../modeles/images/nav_fdBleu.gif);
}

#menu1 li a:active, #menu2 li a:active, #menu3 li a:active, #menu4 li a:active, #menu5 li a:active, #menu6 li a:active, #menu7 li a:active, #menu8 li a:active, #menu9 li a:active, #menu10 li a:active {
	color: fff;
}


/****   NAV BAS   *****/
#navBas {
	width: 374px;
	height: 20px;
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
	padding: 0px 4px 0px 0px; 
}
#navBas a {
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
	padding: 0px 2px 0px 2px; 
}

/**** Promo A masculin *****/
#dernJ td {
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
}

#prochainJ {
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
}

	/**** NAV BAS *****/
#Am-navBas {
	width: 374px;
	height: 20px;
	color: #2E4996;
	font-size: 10px;
	text-decoration: none;
	padding: 0px 4px 0px 0px; 
}
#Am-navBas a {
	color: #2E4996;
	font-size: 10px;
	text-decoration: none;
	padding: 0px 2px 0px 2px; 
}

#defilAm {
	width: 350px;
	height: 20px;
	color: white;
	font-size: 10px;
	/*border: solid 1px #F00;*/
}


table .Am-navGauche-graph {
	margin: 0px 0px 0px 8px;
	padding: 0;
}
table .Am-navGauche {
	border-collapse: collapse;
	margin: 10px 0px 0px 20px;
	padding: 0;
	width: 190px;
}
table .Am-navGauche td {
	font-size: 10px;
	padding-bottom: 3px;
}

/****  TABLEAU GNRAL  *****/

table.TableauGnral {
	font-size: 11px;
	border: solid 1px #FFF;
	border-collapse: collapse;
}
table.TableauGnral th {
	height: 20px;
	vertical-align: middle;
	background-color: #6597CA;
	font-size: 12px;
	color: #FFFFFF;
}

table.TableauGnral td {
	font-size: 11px;
	text-align: center;
	padding: 2px;
}


/**** TABLEAU  CALENDRIER  *****/

#calendrier {

width: 715px;
/*overflow-x: scroll;*/
}

table.Calendrier {
	font-size: 10px;
	border: solid 1px #FFFFFF;
	border-collapse: collapse 
}
table.Calendrier th {
	height: 20px;
	vertical-align: middle;
	background-color: #2E4996;
	font-size: 12px;
	color: #fff;
	text-align: left;
}
table.Calendrier td {
	font-size: 10px;
	padding: 2px;
}

table.Calendrier td a:hover {
	cursor: pointer;
}

#calendrierR {

width: 715px;
/*overflow-x: scroll;*/
}

table.calendrierR {
	font-size: 10px;
	border: solid 1px #FFFFFF;
	border-collapse: collapse
}
table.calendrierR th {
	height: 20px;
	vertical-align: middle;
	background-color: #FF0000;
	font-size: 12px;
	color: #fff;
	text-align: left;
}
table.calendrierR td {
	font-size: 10px;
	padding: 2px;
}

table.calendrierR td a:hover {
	cursor: pointer;
}

#calendrierB {

width: 715px;
/*overflow-x: scroll;*/
}

table.calendrierB {
	font-size: 10px;
	border: solid 1px #FFFFFF;
	border-collapse: collapse
}
table.calendrierB th {
	height: 20px;
	vertical-align: middle;
	background-color: #1B99CC;
	font-size: 12px;
	color: #fff;
	text-align: left;
}
table.calendrierB td {
	font-size: 10px;
	padding: 2px;
}

table.calendrierB td a:hover {
	cursor: pointer;
}

.Calendrier2 {
	background-color: #D0DFF5;
}

.Calendrier2B {
	background-color: #D6EBFC;
}

.Calendrier2R {
	/*background-color: #FDD6CF;*/
	background-color: #FFF2F2;
}

.Calendrier3 {
	/*background-color: #62B0FF;*/
	background-color: #99CCFF;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
}

table.CalendrierInfo {
	background-color: #FFFFFF;
	border: solid 2px #2E4996;
}
table.CalendrierInfo td {
	font-size: 10px;
	padding: 2px;

}



/********** FORMULAIRE *******************/
#Formulaire {
	vertical-align: top;
}

#Formulaire label {
	width : 120px;
	padding-right: 10px ;
	margin-top: 3px ;
	vertical-align: top;
	float: left;
}
#Formulaire input, #Formulaire textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	width : 220px;
	padding-right: 10px ;
	border: solid 1px #6F9EE9;
}
#Formulaire input.check {
	width: 15px;
	border: none
}
#Formulaire input.boutton {
	margin-left: 123px ;
	text-align: center;
	background-color: #6F9EE9;
	color: #fff;
	font-weight: bold;
	border: solid 2px #2E4996
}
	/**********************/
#Identification {
	vertical-align: top;
	text-align: center;
}
#Identification label {
	padding-right: 10px ;
	vertical-align: top;
	font-weight: bold;
	width : 100px;
}
#Identification input {
	width : 150px;
	padding-right: 10px ;
	font-size: 11px;
	border: solid 1px #6F9EE9;
}
#Identification input.bouton {
	margin-left: 104px ;
	text-align: center;
	background-color: #6F9EE9;
	color: #fff;
	font-weight: bold;
	border: solid 2px #2E4996;
}
	/**********************/
#ActuRecherche {
	vertical-align: top;
	text-align: left;
	float:right;
	border: solid 1px #6F9EE9;
	width: 290px;
	padding-left: 10px
}
#ActuRecherche label {
	padding-right: 5px ;
	vertical-align: top;
	width : 70px;
}
#ActuRecherche input {
	font-size: 11px;
	border: solid 1px #6F9EE9;
}
#ActuRecherche input.bouton {
	margin-left: 104px ;
	text-align: center;
	background-color: #6F9EE9;
	color: #fff;
	font-weight: bold;
	border: solid 2px #2E4996;
}






/**********  NAVGAUCHE  *******************/

#navGauche {
	margin: 2px 0px 0px 32px;
	padding-left: 26px;
	padding-top: 0px;
	width: 160px;
	font-size: 12px;
	font-weight: bold;
	/*list-style-position:6px 5px;*/
	list-style-image: url(../modeles/images/puce_gauche.gif);
}

#navGauche ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navGauche li {
	list-style-type: none;
	margin: 8px 0px 0px 0px ;
	padding: 0;
}

#navGauche li a, #navGauche li a:visited {
	color: #000000;
	text-decoration: none;
	margin: 0px ;
	/*background-color: #FFF;*/
	width: 160px;
	padding: 3px 8px 3px 8px;
}
#navGauche li a:hover, #navGauche li a:active {
	color: #6597CA;
	/*background-color: #FFF;*/
}

/**********  NAVGAUCHE 2 *******************/

#navGauche2 {
	margin: 4px 0px 0px 30px;
	width: 160px;
	padding:0px;
	font-weight: bold;
}
#navGauche2 dt{
	height:18px;
	margin: 0px 0px 8px 10px;
	padding: 0px 0px;
	text-indent:+12px;
	background-repeat:no-repeat;
	background-position:2px 2px;
	background-image: url(../modeles/images/puce_gauche.gif);
	
}
#navGauche2 dd {
	height:18px;
	list-style-type: none;
	margin: 6px 0px 12px 20px ;
	padding: 0px 0px;
	text-indent:+10;
	background-repeat:no-repeat;
	background-position: 0px 1px;
	background-image: url(../modeles/images/puce_gauche_sous.gif);	
}
#navGauche2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navGauche2 li {
	list-style-type: none;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

#navGauche2 dt a:link, #navGauche2 dt a:visited {
	color: #000000;
	text-decoration: none;
	/*height: 20px;*/
	width: 160px;
	/*background-color: #FF9600;*/
	margin: 0px 0px 0px 0px;
	padding: 4px 8px 4px 8px;
	font-size: 12px;
}
#navGauche2 dt a:hover, #navGauche2 dt a:active {
	color: #6597CA;
	text-decoration: none;
	/*background-color: #FFF;*/
}

#navGauche2 dd a:link, #navGauche2 dd a:visited {
	color: #000000;
	text-decoration: none;
	/*height: 15px;*/
	/*background-color: #FF9600;*/
	margin: 0;
	padding: 2px 0px 2px 0px;
	width: 149px;
	font-size: 11px;
}
#navGauche2 dd a:hover, #navGauche2 dd a:active {
	color: #6597CA;
	/*background-color: #FFF;*/
}

#navGauche2 li a:link, #navGauche2 li a:visited {
	color: #395471;
	text-decoration: none;
	/*height: 15px;
	width: 145px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-size: 11px;
	/*background-color: #FFF;*/
	/*border-bottom: solid 1px #FF9600;*/
	font-weight: normal;
}
#navGauche2 li a:hover, #navGauche2 li a:active {
	color: #6597CA;
	/*background-color: #FFF;*/
	border-bottom: none;
	font-weight: normal;
}

.classement a, .classement a:link, .classement a:visited {
	text-decoration: none;
	color: #000;
}
.classement a:hover, .classement a:active {
	text-decoration: underline;
	color: #000;
}

.titreproaf {
	color: #E21E22;
	font-size:18px;
	font-weight:bold;
}

.titreproam {
	color: #2E4996;
	font-size:18px;
	font-weight:bold;
}

.titreprobm {
	color: #1B99CC;
	font-size:18px;
	font-weight:bold;
}

.titregeneral {
	/*color: #6597CA;*/
	color: #426788;
	font-size:18px;
	font-weight:bold;
}