body,p,td,th,div {
	font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body { 	
text-align:center; margin:0; padding:0px; 
background-color:#e5e5e5;
background-image:url(/images/wrap.gif);
background-position:center;
background-repeat:repeat-y;
}

/* contents */
div#page { width:750px; position:relative; text-align:left; margin:0 auto; padding:0; }
div#contenu {  padding:0px; margin:0 auto; position:relative; width:100%; z-index:0; }
div#pop { text-align:left; margin:15px }

/* header and footer of the page */
div#header {
	height:50px;
	width:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
div#footer { position:relative; top:20px; font-size:10px; text-align:center; padding:5px; color:#BD3F0C; height:16px; width:100%; margin:0 auto; border-top:1px #BD3F0C solid; }


/* main menu */
div#menu {
 position:relative;
 top:5px;
 height:30px;
 z-index:2;
}
ul#menu li ul{ 
  display:none; 
}

ul#menu{
  background: repeat-x url('menu_fond.gif');
  margin:0px;
  padding:0px;
  list-style:none;
  width:100%;
  height:25px;
  float:left;
  font:11px Arial;
}

ul#menu li{
  float:left;
  display:block;
  padding:3px 0px;
}

ul#menu li a{
	display:block;
	padding:3px 6px;
	border-right:1px solid #FFFFFF;
	color:#000000;
	text-decoration:none;
	text-transform: uppercase;
}

ul#menu li a:hover{
background:#BD3F0C;
color:#FFFFFF;
}

ul#menu li a.on{
background:#BD3F0C;
color:#FFFFFF;
}

ul#menu ul{
  position:absolute;
  top:20px;
  width:110px;
  background:#EEEEEE;
  list-style:none;
  margin:0px;
  padding:0px;  
  border:#CCCCCC 1px solid;
}

ul#menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
  display:inline;
  _display:inline;
}

ul#menu ul li a{
  display:block;
  width:auto;
  margin:0px 0px;
  padding:2px;
  border:none;
  text-transform:none; 
}

ul#menu a.menu_home { 
padding:0;
width:25px;
background: url('menu_home.gif') no-repeat;
height:20px;
font-size:1px;
text-indent:100px;
overflow:hidden;
}

ul#menu a.menu_home:hover {
background: url('menu_home.gif') no-repeat;
}


/* member menu */
div#menu_member { position:absolute; top:0px; left:350px; height:22px;}
ul#menu_member li ul{ display:none; }
ul#menu_member { margin:0px; padding:0px; list-style:none; height:22px; font:11px arial; }
ul#menu_member li{ float:left; display:block; padding:3px 0px; }
ul#menu_member li a { background:#EEEEEE; display:block; padding:3px 5px; border-right:1px solid #FFFFFF; color:#666666; text-decoration:none; text-transform:uppercase }
ul#menu_member li a:hover{ background:#666666; color:#FFFFFF; }
ul#menu_member li a.on{ background:#666666; color:#FFFFFF; }

/* admin menu */
ul#menu_member ul{ position:absolute; top:21px; width:120px; background:#EEEEEE; list-style:none; margin:0px; padding:0px;    border:#CCCCCC 1px solid; }
ul#menu_member ul li{ position:relative;  float:none; margin:0px; padding:0px; display:inline; _display:inline; }
ul#menu_member ul li a{ display:block; width:auto; margin:0px 0px; padding:2px; border:none; text-transform:none; }



/*
******************************************
main navigation
David Kobia - 12/12/2006
******************************************
*/
div#main_navigation { position:absolute; top:-10px; left:-41px; }

div#contact_navigation { position:relative; left:-30px; }

.navigation {
height:24px;
width:729px;
margin:0 auto;
}

.navigation a:link,.navigation a:visited {
background:#FFF url(/images/active1.gif) left bottom no-repeat;
color:#787878;
height:24px;
margin-right:2px;
padding-left:12px;
text-decoration:none;
}

.navigation a:link,.navigation a:link span,.navigation a:visited,.navigation a:visited span {
cursor:pointer;
display:block;
float:left;
font-weight: bold;
}

.navigation li {
line-height:23px;
float:left;
list-style:none;
margin:0;
}

.navigation a:hover {
background:url(/images/active1.gif) left bottom no-repeat;
color:#253C4E;
height:24px;
padding-left:12px;
text-decoration:none;
font-weight: bold;
}

.current_page_item a:link,.current_page_item a:visited {
	background:#FFF url(/images/current1.gif) left bottom no-repeat;
	color:#FFFF99;
	height:27px;
	line-height:24px;
	margin-right:2px;
	padding-left:15px;
	text-decoration:none;
	font-weight: bold;
}

.current_page_item a:hover {
background:#FFF url(/images/current1.gif) left bottom no-repeat;
color:#FFFFFF;
height:27px;
margin-right:2px;
padding-left:15px;
text-decoration:none;
}

.navigation ul {
list-style:none;
margin:0;
padding:0;
}

.navigation a:link span,.navigation a:visited span,.navigation a:hover span {
background:url(/images/active2.gif) right bottom no-repeat;
height:24px;
padding-right:12px;
}

.current_page_item a:link span,.current_page_item a:visited span,.current_page_item a:hover span {
background:url(/images/current2.gif) right bottom no-repeat;
height:27px;
padding-right:15px;
}
/*****************************************
******************************************/



/* connection */
div#connection { position:absolute; top:0px; right:0px; }
div#connection td { font:11px Arial; color:#BD3F0C }
div#connection input { width:100px; height:18px; font-size:11px; }
div#connection img { border:none;}
div#connection a { background:url('puce_14.gif') no-repeat 0px 0px; font-weight:bold; font-size:12px; color:#BD3F0C; padding-left:18px }



/* commun */
#tri { margin:0; padding: 3px; border-bottom: 1px dashed; }
#tri a { font: 11px Verdana, sans-serif; color:#003399; }
#tri a:hover { color: #000000; }
.trier { font: 11px Verdana, sans-serif; font-weight: bold; color: #000000; }
.add { background:url('plus.gif') no-repeat 0px 0px; padding-left:15px; font-weight:bold  }
.fermer { background:url('croix.gif') no-repeat 0px 0px; padding-left:15px; font-size:11px; font-weight:normal }
.message { font-size: 13px; font-weight:bold; color: #000066; background-color:#F0F8FF; padding:5px; border:#000000 dashed 1px; }

/* title */
h1 { font: 16px verdana; color:#BD3F0C; font-weight:bold; margin-bottom:0; margin-top:0px; padding-top:20px; font-variant:small-caps; border-bottom:1px #BD3F0C solid; }
h2 { font: 14px verdana; color: #000000; font-variant:none; font-weight:bold; text-decoration:underline;  margin-top:20px; margin-left:0; margin-bottom:5px; margin-right:0px; padding:0; }
h3 { font: 12px verdana; color:#000000; font-weight: bold;}

td h2 { padding:0; margin:0 } 

/* table */
th { background-color:#BD3F0C; color:#FFFFFF; padding-left:5px; padding-right:5px}
thead { height:18px;  }
tr.ligne0 { background-color:#FBFBFB; } /* ligne claire */
tr.ligne1 { background-color:#EEEEEE;} /* ligne sombre */
td.gagnant0, td.gagnant0 a {  } /* club perdant */
td.gagnant1, td.gagnant1 a { color:#BD3F0C; } /* club gagnant */

/* link */
a, a:hover, a:visitd { color: #003399; }
a.title { font: 12px Verdana, sans-serif; color: #000099; font-style: normal; font-weight: bold; }
a.title:hover { color:#000000; }
a.details { color:#BD3F0C; }
a.details:hover { color:#000000; font-style:italic; }

/* forms */
#erreur { background-color: #FFFFCC; border:#000000 solid 1px; margin-top:10; }
p.erreur-title { font-size: 14px; font-weight: bold; color: #FFFF00; margin:0; height:40px; background:#000000 url('erreur.gif') no-repeat 5px 5px; padding-left:50px; padding-top:10px }
.erreur { color: #FF0000; }
#formulaire table { width:100% }
#formulaire th { width:150px; background-color:#BD3F0C; color:#FFFFFF; text-align:left; vertical-align:top; font-weight:normal }
#formulaire td { background-color:#EEEEEE; }
#formulaire th.champ_required { color: #FFFFFF; font-weight:bold; }
.champ_required { color: #BD3F0C; font-weight: bold; }
.details {
	font-size:12px;
	color:#666666;
	font-weight: bold;
	background-color: #FFFF99;
	padding: 3px;
}
#boutons { text-align:center }
#boutons input { font-weight:bold; }

/* onglets */
ul#onglet { list-style-type: none; padding-bottom: 24px; border-bottom: 1px solid #BD3F0C; margin: 0; padding-left:0; }
ul#onglet li { font-size:11px; float: left;  background-color: #FFFFFF; height: 21px; margin: 2px 2px 0 2px; border: 1px solid #BD3F0C; }
ul#onglet li.on { border-bottom: 1px solid #FFFFFF; background-color: #FFFFFF; font-weight:bold }
ul#onglet li.entete { float:left; border-top:none; border:none; font-weight:bold; background-color: #FFFFFF; color:#000000; padding-top: 4px; height:17px; }

#onglet a { float: left; display: block; color:#999999; text-decoration: none; padding: 4px; }
#onglet li.on a { color:#BD3F0C; }
#onglet a:hover { color:#BD3F0C; }


/* boutons de modification et de suppression */
#action { position:absolute; right:0px; top:17px; margin:0; padding:0; }
#action a { font-weight:bold; background-color:#FFF8F0; padding:3px; margin-left:1px; float:left; margin-top:0;
border-top:1px #BD3F0C dashed;
border-left:1px #BD3F0C dashed;
border-right:1px #BD3F0C dashed;

}
#action a:hover { background-color:#EEEEEE; color:#000000 }


/* link vers les listes */
div.view_list { text-align:right; padding:10px }
div.view_list a { background:url('fleche_noire.gif') no-repeat 2px 3px; padding-left:15px; font-size:12px; color:#003399; font-weight:bold; font-style:italic }
div.view_list a:hover { color:#000000; }

/* number de page */
div#number_page { margin:20px; text-align:center }

/* rubrique news */
div#news_list { margin-bottom:10px; padding-top:10px;}
.news_list { margin-bottom:10px; padding-top:10px;}

/* statistics des clubs */
table#statistics  { border:1px solid #FFFFFF; text-align:center }
#statistics th { padding:3px; width:100px }
#statistics td { padding:3px; background-color:#EEEEEE; }
.copyright, .copyright td, .copyright a:link,.copyright a:visited {
	font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}
