body {
	background: url(../../images/2009/bg_body.gif) repeat-x top;
}
	#container {
	width: 1000px;
	margin: 0 auto;
}

/* HEADER MENU */

#header_menu {
	background: #FFF;
	padding: 3px;
	margin: 10px 0;
}
#header_menu ul li {
	display	: inline;
}
#header_menu ul {
	padding: 0;
	margin: 5px 0;
}
#header_menu ul li, #header_menu ul li a, #header_menu ul li a:link, #header_menu ul li a:visited {
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	padding: 0 2px;
	text-decoration: none;
}
#header_menu ul li {
	position: relative;
    display: table-cell;
}
#header_menu ul li a:hover, #header_menu ul li.on>a {
	background: #e42333;
	color: #FFF;
}
#header_menu ul li ul {
	display	: none;
}


#header_menu ul li ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
    position: absolute;
    background: url(../../images/2009/bg_menu.png);
    width: 160px;
    line-height:15px;
    overflow:hidden; /* Permet de masquer le fond en couleur sur le hover (sur Firefox) */
    border: 1px solid #CCC;
    border-top: 0;
}
#header_menu ul li ul li {
    text-align:left;
    display: block;
    width: 160px;
    border-top: 1px dotted #CCC;
    border-left: 5px solid #e42333;
}
#header_menu ul li ul li.first {
    border-top: 0;
}
#header_menu ul li ul li a,
#header_menu ul li ul li a:link,
#header_menu ul li ul li a:visited {
	color: #000;
    border: 0;
    display: block;
    padding: 4px 0 4px 10px;
    text-transform: none;
}
#header_menu ul li ul li a:hover {
    color: #FFF;
    background: #E1B54C;
}

/* HEADER LOGO */

#header_logo {
	border: 10px solid #FFF;
}

/* CONTENT */

#content {
	background: #FFF;
	border: 1px solid #4a7592;
	margin: 10px 0;
	padding: 20px;
}

/* FOOTER */

#footer {
	margin: 0 auto;
	width: 1000px;
	text-align: center;
}

/************************************************************
TABLEAUX DE RESULTATS
************************************************************/

table.resultat {
    /*background-color        : #CCCCCC;*/
}

table.resultat th {
    /*background: #E6EEEE;*/
    background: #CAE8EA url(../../images/bg_header.jpg) no-repeat;
    color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
    font-weight: bold;
    text-align: center;
    padding: 6px 6px 6px 12px;
}
table.resultat td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
}

table.resultat tr.ligne1 td {
	background: #deeaf4;
}

table.resultat .first {
    border-left: 1px solid #C1DAD7;

}

table.resultat .joueur a,
table.resultat .joueur a:link,
table.resultat .joueur a:visited {
    color                   : #e42333;
    font-weight             : bold;
	text-decoration			: none;
}
table.resultat .joueur a:hover {
	text-decoration			: underline;
}

table.resultat .dossard {
    color                   : #666666;
    font-weight             : normal;
}
.highlight {
    background: #FFFFCC
}
table.resultat .surligne {
    background: #FFFFCC !important;
    font-weight: bold;
}

div.erreur {
	text-align				: center;
	color					: #e42333;
	font-weight				: bold;
	letter-spacing			: 1px;
	padding					: 5px 0px;
}

/************************************************************
TABLEAUX DES PODIUMS
************************************************************/
table.podium {
    width: 500px;
}
table.podium td {
    color: #595959;
    vertical-align: bottom;
}
table.podium div.nom_joueur {
    font-weight: normal;
    font-size: 18px;
    color: #e42333;
}
table.podium div.perf {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
}
table.podium div.photo {
    padding-bottom: 1px;
}
table.podium td.premier div.header {
}
table.podium td.deuxieme div.header {
    height: 20px;
}
table.podium td.troisieme div.header {
    height: 40px;
}
table.podium td.premier div.footer {
    border: 1px solid #000;
    height: 80px;
    font-weight: bold;
    font-size: 26px;
    color: #333;
}
table.podium td.deuxieme div.footer {
    border: 1px solid #000;
    border-width: 1px 0 1px 1px;
    background: #00209f;
    height: 60px;
    font-weight: bold;
    font-size: 26px;
    color: #FFF;
}
table.podium td.troisieme div.footer {
    border: 1px solid #000;
    border-width: 1px 1px 1px 0;
    background: #f42a41;
    height: 40px;
    font-weight: bold;
    font-size: 26px;
    color: #FFF;
}

/************************************************************
ACTUALITES
************************************************************/
div.une_actu {
    border                  : 1px dotted #AAA;
    background              : #F8F8F8;
    padding                 : 10px;
}
div.une_actu h3 {
    margin-bottom           : 10px;
}
div.une_actu div.date {
    float                   : right;
    color                   : #e42333;
    font-size               : 10px;
    font-weight             : bold;
}
div.une_actu div.logo_left {
    float                   : left;
    padding                 : 10px 10px 10px 0;
}
div.une_actu div.logo_right {
    float                   : right;
    padding                 : 10px 0 10px 10px;
}
div.une_actu div.wys_left {
    padding                 : 10px;
    text-align              : justify;
    margin-left             : 200px;
}
div.une_actu div.wys_right {
    padding                 : 10px;
    text-align              : justify;
    margin-right            : 200px;
}

/* TICKER DIAPORAMA */

ul.diaporama_joueurs {
    display: none;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding: 10px;
    height: 270px;
}
ul.diaporama_joueurs li {
    list-style-type: none;
}
ul.diaporama_joueurs img {
    border: 1px solid #666;
    background: #FFF;
    padding: 8px;
}
ul.diaporama_joueurs .nom {
    color: #e42333;
    font-weight: bold;
    padding: 3px 0;
    font-size: 16px;
}
ul.diaporama_joueurs .desc {
}
ul.diaporama_joueurs div {
    text-align: center;
}

div.sondage_joueur {
	font-size: 11px;
}

/* COLONNE LATERALE ****************************************************/

div.logo_page {
    padding-bottom: 10px;
    text-align: center;
    height: 130px;
}
div.ffsb {
    text-align: center;
    padding-top: 30px;
}

div.lateral {
    padding: 10px;
}
div.lateral div.menu_lateral div.box {
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    background: #FFF;
    border-color: #497BC4;
    border-style: solid;
    border-width: 5px 1px;
    margin: 0 0 12px;
    padding: 4px 0;
    width: 180px;
}
div.lateral div.menu_lateral div.box h2 {
    color: #497BC4;
    margin: 10px 1px 15px 1px;
    background: #dbe8f4;
}
div.lateral ul {
    /*border: 1px solid #EEE;*/
    list-style: none;
    list-style-position: outside;
    padding: 0;
    margin: 0;
    overflow:hidden;
    width: 180px;
    line-height:1.8;
}
div.lateral ul li {
    border-top: 1px solid #F0F0F0;
    float: left;
    margin: 0;
    padding: 0;
    width: 180px;
}
div.lateral ul li a,
div.lateral ul li a:link,
div.lateral ul li a:visited {
    color: #444444;
    display: block;
    padding: 2px 0 2px 10px;
    width: 180px;
    text-decoration: none;
}
div.lateral ul li a:hover,
div.lateral ul li a.on,
div.lateral ul li a.on:link,
div.lateral ul li a.on:visited {
    background: #CAE8EA url(../../images/bg_header.jpg) no-repeat;
    color: #E1B646;
    font-weight: bold;
}
ul#breves {
    list-style: none;
    padding: 0;
    margin: 0 5px;
    width: 170px;
}
ul#breves li {
    font-size: 12px;
    color: #CC0000;
    font-weight: bold;
    border: 0;
    width: auto;
    margin-bottom: 15px;
}
ul#breves li div.texte {
    font-size: 10px;
    color: #666;
    font-weight: normal;
}
ul#breves li div.date {
    font-size: 10px;
    color: #497BC4;
    font-weight: normal;
    padding: 2px 0 4px 20px;
    background: url(../../images/puce_calendar.gif) no-repeat left;
}

/************************************************************
POP-UP
************************************************************/
#overlay-facebox {
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3000;
    cursor: wait;
    display: none;
}
#facebox .b {
  background:url(../../images/facebox/b.png);
}
#facebox .tl {
  background:url(../../images/facebox/tl.png);
}
#facebox .tr {
  background:url(../../images/facebox/tr.png);
}
#facebox .bl {
  background:url(../../images/facebox/bl.png);
}
#facebox .br {
  background:url(../../images/facebox/br.png);
}
#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
  z-index: 3100;
}
#facebox .popup {
  position: relative;
}
#facebox table {
  margin: auto;
  border-collapse: collapse;
}
#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}
#facebox .loading {
  text-align: center;
}
#facebox .image {
  text-align: center;
}
#facebox img {
  border: 0;
}
#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

div.portrait {
	padding					: 20px 0px;
}

div.portrait div {
	font-weight				: normal;
	padding-bottom			: 10px;
}

div.portrait div span {
	font-weight				: bold;
}

div.portrait div.photo {
	float					: left;
	padding-right			: 10px;
}
div.portrait div.photo img {	
	border					: 1px solid #333333;
}

div.footer {
     clear                  : both;
     text-align             : center;
     padding                : 5px 0px;
     color                  : #AAA;
}