html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}


body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100.01%;
background-color: #666666;
color: #666666;
text-align: center;
}

#wrapper {
	width: 770px;
	background-color:#FFFFFF;
	margin:10px auto;
	border: 1px solid #000000;
	text-align:left;
	background-image: url(../images/FondFFJudoBleu.gif);
}

#banner {
height: 110px;
background-image: url(../images/banniere.jpg);
background-repeat: no-repeat;
}


#leftcol #nav ul {
background-color: transparent;
list-style-type: none;
margin: 0; 
padding: 0;
font-size: 80%;
border: 1px solid #000000;/*this adds a second line to the bottom of the nav, if you prefer a single line you can remove it by uncommenting the other properties and commenting out this one. I think it gives a nice raised effect, the choice is your's :)*/
/*border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;*/
}

 

#leftcol #nav ul li {
padding: 0;
margin: 0; 
}

#leftcol #nav ul li a{
background-color: #869BCC;
border-bottom: 1px solid #000000;
color: #000000;
display: block;
padding: 4px 0 6px 4px;
text-decoration: none; 
height: 1%;
}


#leftcol #nav a:hover, #leftcol #nav a:focus { 
background-color: #003366;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
}


#content{
margin-left: 170px;
width: 590px;
}

#content p {
	font-size: 80%;
	margin: 20px;
	color: #003366;
}
#content TABLE {
	font-size: 80%;
	margin: 10px;
	color: #003366;
}

#content ul li {
	padding: 0;
	color: #003366;
	font-size: 80%;
	text-indent: -15px;
	margin-left:20px;
}

#content ul {
	list-style-type: disc;
	list-style-position:inside;
	margin-left:20px;
}

.gras {
	font-weight: bold;
}

#content a:link, a:visited, a:active, a:focus {
	color: #003366; TEXT-DECORATION: none
}
#content a:hover{
	color: blue; TEXT-DECORATION: underline
}
#content h1{
	font-size: 130%;
	color: #003366;
	padding: 0;
	margin: 10px;
	border-style: solid;
	border-color: #003366;
	border-width: thin;
	text-align: center;
	background-color: #D6D4E2;
}

#content h2{
	font-size: 110%;
	color: #003366;
	padding: 0;
	margin: /*100px 0 0*/ 10px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	border-bottom-width: thin;
}

#content h3{
	font-size: 100%;
	color: #003366;
	padding: 0;
	margin: 10px;
	text-align: center;
	text-decoration:underline;
}
#content h4{
	font-size: 90%;
	color: #003366;
	padding: 0;
	margin: 10px;
	text-align: left;
	text-decoration:underline;
}

.leftimage{
float: left;
margin-right: 10px;
border: 1px solid #000000;
}

.leftimage_noborder{
float: left;
margin-right: 10px;
border: 0px solid #000000;
}

.rightimage{
margin-bottom: 20px;
float: right;
margin-left: 15px;
border: 1px solid #000000;
width: 150px;
}
.rightimage_noborder{
margin-bottom: 0px;
float: right;
margin-left: 15px;
border: 0px solid #000000;
}

/*.clearit{
clear: both;
background-color:#00FF66;
width: 200px;
}*/


#footer{
border-top: 1px solid #000000;
background-color: #003366;
color: #FFFFFF;
clear: both;
}

#footer p {
font-size: 70%;
padding: 3px;
}

#leftcol{
margin-left: 10px;
margin-top: 20px;
width: 150px;
margin-bottom: 20px;
float: left;
}

#content p.right{
float: right;
}

#content p.gras_rouge{
	text-align:center;
	font-weight: bold;
	color: #FF0000;
}

#content p.menu_droite{
	text-align: right;
	font-weight: bold;
	margin-top: -20px;
}
#content p.menu_centre{
	text-align:center;
	font-weight: bold;
}

#content p.date_validite {
	text-align: left;
	font-size: 9px;
	color: #999999;
}

#content p.gras_grand {
	font-size: 100%;
	font-weight: bold;
	text-align:center;
}


.container{
	width: 99%;
	float:right;
}
/* Tous les tableaux du calendrier */
TABLE.calligue {
	font-size: 80%;
	margin:5px 10px;
	padding: 0px;
	empty-cells: hide;
	border: 1px outset #000000;
	width: 95%;
}
TABLE.calligue TH {
	border: 1px outset #000000;
	font-weight: bolder;
	text-align: center;
	background-color: #D6D4E2;
	color: #003366;
}
TABLE.calligue TD {
	border: 1px outset #000000;
	text-align: left;
	color: #003366;
}
TABLE.calligue TD.damier {
	background-color: rgb(241, 242, 243);
}
TABLE.calligue TD.vide, TABLE.calligue TH.vide {
	border-width: 0;
	background-color: #ffffff;
}
TABLE.calligue TD.sansbordure {
	border-width: 0;
}
TABLE.calligue TD.STRONG {
	font-weight: bold;
}

TABLE.calligue_renvoi {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 95%;
}
TABLE.calligue_renvoi TD {
	vertical-align:top;
	color: #003366;
}

/* calendrier grades */
TABLE.calgrade, TABLE.adrligue {
	font-size: 80%;
	margin:5px 10px;
	padding: 0px;
	empty-cells: hide;
	border: 1px outset #000000;
	width: 95%;
}
TABLE.calgrade TH, TABLE.adrligue TH {
	border: 1px outset #000000;
	font-weight: bolder;
	text-align: center;
	background-color: #D6D4E2;
	color: #003366;
}
TABLE.calgrade TD, TABLE.adrligue TD {
	border: 1px outset #000000;
	text-align: left;
	color: #003366;
}
TABLE.calgrade TD.c1 {
	width: 10%;
}
TABLE.calgrade TD.c2 {
	width: 30%;
}
TABLE.calgrade TD.c3 {
	width: 40%;
}
TABLE.calgrade TD.c4 {
	width: 20%;
}
TABLE.adrligue TD.c1 {
	width: 30%;
}
TABLE.adrligue TD.c2 {
	width: 50%;
}
TABLE.adrligue TD.c3 {
	width: 20%;
}

/* Tous les tableaux du comite */
TABLE.comite {
	font-size: 80%;
	margin:5px 10px;
	padding: 0px;
	empty-cells: hide;
	border: 1px outset #000000;
	width: 95%;
}
TABLE.comite TH  {
	border: 1px outset #000000;
	font-weight: bolder;
	text-align: center;
	background-color: #D6D4E2;
	color: #003366;
}
TABLE.comite TD  {
	border: 1px outset #000000;
	text-align: left;
	color: #003366;
}
TABLE.comite TD.photo {
	text-align: center;
}

TABLE.comite TD.damier {
	background-color: rgb(241, 242, 243);
}
TABLE.comite TD.vide, TABLE.comite TH.vide {
	border-width: 0;
	background-color: #ffffff;
}
TABLE.comite TD.sansbordure {
	border-width: 0;
}
TABLE.comite TD.nom {
	font-weight: bold;
	text-align: center;
}

/* tables page historique */
TABLE.historique {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 97%;
	color: #003366;
}
TABLE.historique TR.fond1 {
	background-color: #CDE1F3;	/* bleu fonce FFJudo */
}
TABLE.historique TR.fond2 {
	background-color: #E5F1FC;	/* bleu clair FFJudo */
}
TABLE.historique TD {
	padding: 5px;
}
TABLE.historique TD.c1 {
	width: 65%;
}
TABLE.historique TD.c2 {
	width: 15%;
}
TABLE.historique TD.c3 {
	width: 20%;
}

/* tables page commission */
TABLE.commissions {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 97%;
	color: #003366;
}
TABLE.commissions TD {
	padding: 5px;
}
TABLE.commissions TD.c1 {
	width: 30%;
	text-align:left;
	font-weight: bold;
}
TABLE.commissions TD.c2 {
	width: 70%;
	text-align:left;
}
TABLE.comm_membres {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 97%;
	color: #003366;
}
TABLE.comm_membres TD {
	padding: 0px 5px 0px 5px;
}
TABLE.comm_membres TH {
	padding: 0px 5px 15px 5px;
}
TABLE.comm_membres TH {
	text-align: left;
	text-decoration:underline;
}
TABLE.comm_membres TD.c1 {
	text-align:left;
	width: 30%;
}
TABLE.comm_membres TD.c2 {
	text-align:left;
	width: 70%;
}

/* tables page cadres techniques */
TABLE.cadre_technique {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 97%;
	color: #003366;
}
TABLE.cadre_technique TD {
	padding: 5px;
}

TABLE.cadre_technique TD.c1 {
	width: 50%;
	text-align:left;
}
TABLE.cadre_technique TD.c2 {
	width: 100px;
	text-align:center;
}
TABLE.cadre_technique TD.c3 {
	width: 30%;
	text-align:center;
	font-weight: bold;
}

/* tables page arbitres */
TABLE.arbitre {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 50%;
	color: #003366;
}
TABLE.arbitre TR.fond1 {
	background-color: #CDE1F3;	/* bleu fonce FFJudo */
}
TABLE.arbitre TR.fond2 {
	background-color: #E5F1FC;	/* bleu clair FFJudo */
}
TABLE.arbitre TD {
	padding: 5px;
}
TABLE.arbitre TD.c1 {
	width: 65%;
}
TABLE.arbitre TD.c2 {
	width: 15%;
}

/* tables page conseil ceintures noires */
TABLE.conseil_cn {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 97%;
	color: #003366;
}
TABLE.conseil_cn TD {
	padding: 5px;
}

TABLE.conseil_cn TD.c1 {
	width: 50%;
	text-align:right;
	font-weight: bold;
}
TABLE.conseil_cn TD.c2 {
	width: 70px;
	text-align:center;
}
TABLE.conseil_cn TD.c3 {
	width: 50%;
	text-align:left;
	font-weight: bold;
}

/*membres conseil des ceintures noires */
TABLE.conseil_cn_m {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 50%;
	color: #003366;
}
TABLE.conseil_cn_m TD {
	padding: 5px;
}

TABLE.conseil_cn_m TD.c1 {
	width: 30%;
	text-align:center;
}
TABLE.conseil_cn_m TD.c2 {
	width: 70%;
	text-align:center;
	font-weight: bold;
}

/* la ligue en chiffres */
TABLE.chiffre {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 90%;
	color: #003366;
}
TABLE.chiffre TD {
	padding: 5px;
}

TABLE.chiffre TD.c1 {
	width: 35%;
	text-align:left;
}
TABLE.chiffre TD.c2 {
	width: 65%;
	text-align:left;
}
TABLE.chiffre_cn {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 50%;
	color: #003366;
}
TABLE.chiffre_cn TD {
	padding: 5px;
}

TABLE.chiffre_cn TD.c1 {
	width: 30%;
	text-align:left;
}
TABLE.chiffre_cn TD.c2 {
	width: 70%;
	text-align:left;
}
/* tables equipes : 2 col */
TABLE.equipes {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 50%;
	color: #003366;
}
TABLE.equipes TR.fond1 {
	background-color: #CDE1F3;	/* bleu fonce FFJudo */
}
TABLE.equipes TR.fond2 {
	background-color: #E5F1FC;	/* bleu clair FFJudo */
}
TABLE.equipes TD {
	padding: 5px;
}
TABLE.equipes TD.c1 {
	width: 20%;
}
TABLE.equipes TD.c2 {
	width: 80%;
}

/* tables resultats */
TABLE.resultat1 {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 95%;
	color: #003366;
}
TABLE.resultat1 TR.fond1 {
	background-color: #CDE1F3;	/* bleu fonce FFJudo */
}
TABLE.resultat1 TR.fond2 {
	background-color: #E5F1FC;	/* bleu clair FFJudo */
}
TABLE.resultat1 TD {
	padding: 5px;
}
TABLE.resultat1 TD.c1 {
	width: 10%;
}
TABLE.resultat1 TD.c2 {
	width: 50%;
}
TABLE.resultat1 TD.c3 {
	width: 40%;
}
/* resultats tournois labellises */
TABLE.resultat2 {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 95%;
	color: #003366;
}
TABLE.resultat2 TR.fond1 {
	background-color: #CDE1F3;	/* bleu fonce FFJudo */
}
TABLE.resultat2 TR.fond2 {
	background-color: #E5F1FC;	/* bleu clair FFJudo */
}
TABLE.resultat2 TH {
	/*border: 1px outset #000000; */
	font-weight: bolder;
	text-align: left;
	background-color: #D6D4E2;
	color: #003366;
	padding: 5px;
}
TABLE.resultat2 TD {
	padding: 5px;
}
TABLE.resultat2 TD.c1,TH.c1 {
	width: 10%;
}
TABLE.resultat2 TD.c2,TH.c2 {
	width: 40%;
}
TABLE.resultat2 TD.c3,TH.c3 {
	width: 30%;
}
TABLE.resultat2 TD.c4,TH.c4 {
	width: 20%;
}
/* resultats IDF minimes/cadets : 5 colonnes */
TABLE.resultat3 {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 95%;
	color: #003366;
}
TABLE.resultat3 TR.fond1 {
	background-color: #CDE1F3;	/* bleu fonce FFJudo */
}
TABLE.resultat3 TR.fond2 {
	background-color: #E5F1FC;	/* bleu clair FFJudo */
}
TABLE.resultat3 TH {
	/*border: 1px outset #000000; */
	font-weight: bolder;
	text-align: left;
	background-color: #D6D4E2;
	color: #003366;
	padding: 5px;
}
TABLE.resultat3 TD {
	padding: 5px;
}
TABLE.resultat3 TD.c1,TH.c1 {
	width: 10%;
	text-align: center;
}
TABLE.resultat3 TD.c2,TH.c2 {
	width: 40%;
}
TABLE.resultat3 TD.c3,TH.c3 {
	width: 30%;
}
TABLE.resultat3 TD.c4,TH.c4 {
	width: 10%;
	text-align: center;
}
TABLE.resultat3 TD.c5,TH.c5 {
	width: 10%;
	text-align: center;
}

/* table photos sur 2 colonnes */
TABLE.photo_2col {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 95%;
	color: #003366;
}
TABLE.photo_2col TR.fond1 {
	background-color: #CDE1F3;	/* bleu fonce FFJudo */
}
TABLE.photo_2col TR.fond2 {
	background-color: #E5F1FC;	/* bleu clair FFJudo */
}
TABLE.photo_2col TD {
	padding: 5px;
}
TABLE.photo_2col TD.c1 {
	width: 50%;
}
TABLE.photo_2col TD.c2 {
	width: 50%;
}
/* table club  */
TABLE.club {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: show;
	border:0;
	width: 330px; /*390px;*/
	color: #003366;
}
TABLE.club TR.fond1 {
	background-color: #CDE1F3;	/* bleu fonce FFJudo */
}
TABLE.club TR.fond2 {
	background-color: #E5F1FC;	/* bleu clair FFJudo */
}

TABLE.club TD {
	padding: 5px;
	vertical-align: top;
}
TABLE.club TD.c1 {
	width: 20%;
}
TABLE.club TD.c2 {
	width: 80%;
}

/* table club_info sur 2 colonnes */
TABLE.club_info {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: show;
	border:0;
	width: 95%;
	color: #003366;
}
TABLE.club_info TR.fond1 {
	background-color: #CDE1F3;	/* bleu fonce FFJudo */
}
TABLE.club_info TR.fond2 {
	background-color: #E5F1FC;	/* bleu clair FFJudo */
}
TABLE.club_info TR.date_maj {
	text-align: left;
	font-size: 9px;
	color: #999999;
}

TABLE.club_info TD {
	padding: 5px;
	vertical-align: top;
}
TABLE.club_info TD.c1 {
	width: 30%;
}
TABLE.club_info TD.c2 {
	width: 70%;
}
/* tables groupe Elite : 5 colonnes */
TABLE.elite {
	font-size: 80%;
	margin:20px 10px;
	padding: 0px;
	empty-cells: hide;
	border:0;
	width: 95%;
	color: #003366;
}
TABLE.elite TR.fond1 {
	background-color: #CDE1F3;	/* bleu fonce FFJudo */
}
TABLE.elite TR.fond2 {
	background-color: #E5F1FC;	/* bleu clair FFJudo */
}
TABLE.elite TH {
	/*border: 1px outset #000000; */
	font-weight: bolder;
	text-align: left;
	background-color: #D6D4E2;
	color: #003366;
	padding: 5px;
}
TABLE.elite TD {
	padding: 5px;
}
TABLE.elite TD.c1,TH.c1 {
	width: 30%;
}
TABLE.elite TD.c2,TH.c2 {
	width: 20%;
}
TABLE.elite TD.c3,TH.c3 {
	width: 5%;
	text-align: center;
}
TABLE.elite TD.c4,TH.c4 {
	width: 15%;
	text-align: center;
}
TABLE.elite TD.c5,TH.c5 {
	width: 30%;
}