BODY {PADDING-TOP: 10px; MARGIN: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #333; background-image: url('images/fond.gif');
} 
div#site 
{
	WIDTH: 750px; border: solid 1px #FFFFFF; text-align: left
}
table#cadre { 
	width: 100%;
}
table { 
	width: 98%;
}
td {font-size: 11px;}
td#headmenu {
	vertical-align: bottom;
	color: #FFFFFF;
	line-height: 22px;
	width: 100px;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align : center
}
td#headmenu.headmenuSub {
	vertical-align: bottom;
	color: #FFFFFF;
	line-height: 22px;
	width: 60px;
	font-size: 9px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align : center
}
td#headmenuLigne {
	vertical-align: bottom;
	line-height: 22px;
}
td#headmenu a {
	color: #FFFFFF;
	display: block;	
	background-image: url('images/nav_off.gif');
	font-weight: bold;
	text-decoration: none;
	
}
td#headmenu a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url('images/nav_on.gif');
}
#headmenuTitle {
	color: #666666;
	line-height: 21px;
	background-color: #F4F0F2;
	border-bottom : 1px solid #ABD9FD;
	padding-left : 10px ;
	font-weight: bold;
	font-size: 12px; 
	text-transform: uppercase;
	background-image: url('images/nav_title.gif');
	text-align: left;
}
img {
	border : 0px;
}

#leftcolumn{
	background-color: #F1F7F1;
	width: 160px;
	border-right: 20px solid #FFFFFF;
	
}
.blockTitle {
	background-color: #ABD9FD;
	color: #666666;
	padding: 2px 8px;
	font-weight: bold;
	border: 1px solid #E7E7E7;
	font-size: 11px; 
}

.blockContent {padding: 0px 6px ;}

td#mainmenu a {
	display: block;
	margin: 0px ;
	padding: 2px;
	border-bottom: 1px solid #BCE0E0;
	font-size: 11px; 
	text-decoration: none; 
	color: #666666; 
}

td#mainmenu a:hover {
	background-color: #E1ECB0;	
	color: #94B22D; 
}
td#mainmenu a.menuTop {}
td#mainmenu a.menuMain {}
td#mainmenu a.menuSub {
	padding-left: 12px;
}

td#usermenu a {
	display: block;
	margin: 0px ;
	padding: 2px;
	border-bottom: 1px solid #BCE0E0;
	font-size: 11px; 
	text-decoration: none; 
	color: #666666; 
}

td#usermenu a:hover {
	background-color: #E1ECB0;	
	color: #94B22D; 
}
td#usermenu a.menuTop {}
td#usermenu a.menuMain {}
td#usermenu a.menuSub {
	padding-left: 12px;
}


#centercolumn {
	background-color: #FFFFFF; padding: 0px
}
div#content {WIDTH:565px; PADDING-LEFT: 10px; PADDING-TOP: 5px; PADDING-RIGHT: 5px; PADDING-BOTTOM: 20px; text-align: left
}

th {FONT-SIZE: 11px ; text-align: left; padding: 4px; background-color: #BCC663
}
h1 {FONT-SIZE: 13px ; COLOR: #395A19
}
h2 {FONT-SIZE: 13px ; COLOR: #395A19
}
h3 {FONT-SIZE: 12px ;
}
b {FONT-WEIGHT: bold
}
a:link { TEXT-DECORATION: underline; COLOR: #448FB4;
}
a:active { TEXT-DECORATION: underline; COLOR: #448FB4;
}
a:visited { TEXT-DECORATION: underline; COLOR: #999999;
}
a:hover {TEXT-DECORATION: none; COLOR: #999999;
}
img {BORDER: none}
.outer {border: 1px solid #395A19; background-color: #FFFFFF;}
.head {background-color: #FFFFFF; padding: 4px; font-weight: bold; BORDER-BOTTOM: solid 1px #BCC663; BORDER-RIGHT: solid 1px #BCC663}
.even {background-color: #FFFFFF; padding: 4px;BORDER-BOTTOM: solid 1px #BCC663; BORDER-RIGHT: solid 1px #BCC663}
.odd {background-color: #FFFFFF; padding: 4px; BORDER-BOTTOM: solid 1px #BCC663; BORDER-RIGHT: solid 1px #BCC663}
.foot {background-color: #CCD6EB; padding: 4px; font-weight: bold;}
tr.even td {background-color: #FFFFFF; padding: 4px;}
tr.odd td {background-color: #E1ECB0; padding: 4px;}

.resultats {border: 1px solid #003366; background-color: #F1F7F1;}
.resultats th {background-color: #ABD9FD;}
.resultats td.res {border-bottom: 1px solid #BCE0E0;}

textarea
{
	font-size: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #7F9DB9;	
}
select, input
{
	font-size: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;	
}
textarea {width: 300px;}
input.formButton {
	font-size: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #BCC663;
	background-color: #395A19;
}

/*page d'accueil*/
.accueil {BACKGROUND-COLOR: #315122; text-align: justify; padding-left: 8px; padding-top: 15px; padding-right: 8px; padding-bottom: 8px; color:#FFFFFF; border-left: solid 1px #333333}
a.pres:link, a.pres:active, a.pres:visited { TEXT-DECORATION: underline; COLOR: #FFFF00; 	
}
a.pres:hover { TEXT-DECORATION: none
}
#login {background-image: url('images/fond_login.gif'); padding-left: 10px; padding-top: 15px; padding-right: 10px; height: 121px; color: #FFFFFF; width: 100%}
.espacemembre {font-size: 13px; font weight : bold}
a.blanc:link, a.blanc:active, a.blanc:visited { TEXT-DECORATION: underline; COLOR: #FFFFFF; 	
}
a.blanc:hover { TEXT-DECORATION: none
}
/*pages vitrine*/
.statique {text-align: justify; padding-left : 5px; padding-top : 5px; padding-right : 5px;}
.liens {border-bottom : solid 1px #448FB4; padding: 3px}
.imgleft {float: left; margin-right : 10px; margin-top: 5px}
.imgright {float: right; margin-left : 10px; margin-top: 5px}

/*ficheEquipe*/
div#cadreBleu {BACKGROUND-COLOR: #FFFFFF ; BORDER: solid 1px #003366; PADDING-TOP: 5px; MARGIN-BOTTOM : 5px;}
.fiche {WIDTH: 390px}
.box {WIDTH: 166px}
.large {WIDTH: 98%}

div#cadreBleu table {WIDTH: 100%;}
table#degrade { BACKGROUND:  url(images/degr_bleu.gif) repeat;  COLOR: #FFF; FONT-WEIGHT: bold; }
.fiche table td {PADDING-LEFT: 10px;}
.fiche table td#fond {BACKGROUND-COLOR: #D4E6F0; COLOR: #003366; FONT-WEIGHT: bold }
.fiche table td#texte {PADDING-TOP: 5px; PADDING-BOTTOM: 5px}

.teambleu {BACKGROUND-COLOR: #D4E6F0;}
.teamblanc {BACKGROUND-COLOR: #FFFFFF;}

/*footer*/
.footer {background-color: #95BEDE; text-align: center; padding : 5px; border-top: 1px solid #CCCCCC}
a.lienfooter:link, a.lienfooter:active, a.lienfooter:visited, a.lienfooter:hover {TEXT-DECORATION: none; color: #333333;}

td.drapeau_rouge {border: 2px solid #FF3300; }
td.drapeau_bleu  {border: 2px solid #33CCFF; }
td.drapeau_jaune {border: 2px solid #FFFF00; }
td.drapeau_blanc {border: 2px solid #FFFFFF; }

/*ficheperso jeune*/
table#jeunePerso {WIDTH:100%; BORDER-BOTTOM: solid 2px #CCCCCC; BORDER-TOP: solid 2px #CCCCCC; BORDER-LEFT : solid 1px #CCCCCC; BORDER-RIGHT : solid 1px #CCCCCC; BACKGROUND-COLOR: #D4E6F0; FONT-WEIGHT: bold; BACKGROUND: url(images/pix_double.gif)
}
table#jeunePerso td {FONT-SIZE: 11px; }
div#ficheJeune {BORDER : solid 1px #CCCCCC;}

#jeuneEvnmt {BACKGROUND-COLOR: #D4E6F0; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING : 4px 6px; MARGIN-BOTTOM: 5px}
#jeuneCommentaire {BACKGROUND-COLOR: #F5E3BC; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING : 4px 6px; MARGIN-BOTTOM: 5px; WHITE-SPACE: nowrap}
#jeuneResultats {BACKGROUND-COLOR: #BCC663; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING : 4px 6px; MARGIN-BOTTOM: 5px; WHITE-SPACE: nowrap}
ul#jeune {LIST-STYLE-TYPE : square; DISPLAY : inline; }

/*liens*/
a.actionRight:link, a.actionRight:active, a.actionRight:visited { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none; COLOR: #FFFFFF; BACKGROUND-COLOR: #395A19; PADDING-LEFT: 8px;	PADDING-RIGHT: 8px; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; TEXT-TRANSFORM: uppercase; LETTER-SPACING: 3px ; FLOAT: right	
}
a.actionRight:hover { BACKGROUND-COLOR: #BCC663;
}
a.actionLeft:link, a.actionLeft:active, a.actionLeft:visited { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none; COLOR: #FFFFFF; BACKGROUND-COLOR: #BCC663; PADDING-LEFT: 8px;	PADDING-RIGHT: 8px; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; TEXT-TRANSFORM: uppercase; LETTER-SPACING: 3px ; FLOAT: left	
}
a.actionLeft:hover { BACKGROUND-COLOR: #395A19;
}
a.simple:link, a.simple:active, a.simple:visited { TEXT-DECORATION: underline; COLOR: #666;	
}
a.simple:hover { TEXT-DECORATION: none
}
a.ssligne:link, a.ssligne:active, a.ssligne:visited { TEXT-DECORATION: underline; COLOR: #666;	
}
a.ssligne:hover { TEXT-DECORATION: none
}
a.clair:link, a.clair:active, a.clair:visited { TEXT-DECORATION: underline; COLOR: #CCC;	
}
a.clair:hover { TEXT-DECORATION: none
}