body {
background: white url(./images/bg.jpg) repeat-x fixed top left;
font-family : Arial;
}

body.white {
background-color: #eee;
}

body.white a {
color: #800000;
}

#ibox_close_a {
 font-family: Arial;
}

/** MAIN FRAME **/

.mainframe {
border-collapse:collapse;
border-spacing:0em;
}

table.mainframe {
width : 880px;
text-align:center;
border : 1px solid #609;
font-family : Arial;
font-size: 12px;
}

.mainframe tfoot td {
background-color: #306;
color : #bbb;
font-size: 10px;
text-align: center;

}

.mainframe tfoot img{
border: 0px;
}

.mainframe thead td {
padding: 0px;
}

.mainframe tbody td {
vertical-align:top;
text-align: left;
}

.mainframe td.leftmenu {
width : 15%;
border-right : 1px solid #609;
background: url(./images/bgmenu.bmp);
}

.mainframe td.central {
width: 63%;
background : url(./images/bgcentral.bmp);
padding-bottom: 25px;
}

.mainframe td.rightmenu {
width : 22%;
border-left : 1px solid #609;
background: url(./images/bgmenu.bmp);
}

/** LEFT MENU **/

.leftmenu table {
border-collapse:collapse;
width : 100%;
font-family : Arial;
font-size: 12px;
padding:0px;
}

.leftmenu td.menu {
background: url(./images/onglet.gif);
color : #FFF078;
vertical-align: middle;
text-align : center;
font-size: 13px;
height: 20px;
font-weight : bold;
padding : 2px;
}

.leftmenu td.submenu {
padding : 4px 0px 4px 20px;
}

.leftmenu td.submenu:hover {
background-color: #FFF078;
}

.leftmenu a {
font-size : 11px;
color : black;
text-decoration: none;
}

.leftmenu a:hover {
font-weight:bold;
}

.leftmenu img {
border: 0px;
}

/** MEMBER SECTION **/

.leftmenu td.login select,.leftmenu td.login input{
margin-top: 4px;
font-size: 9px;
width: 100%;
}

.leftmenu td.connected{
font-size: 11px;
padding : 10px 20px;
color : #444;
text-align:center;
}

.leftmenu td.connected input {
margin-top: 10px;
font-size: 9px;
width: 100%;
}

.leftmenu td.error {
color : red;
text-align: center;
font-weight: bold;
font-size: 11px;
padding: 6px 3px;
}

/** RIGHT MENU **/

table.info {
width:100%;
font-size : 11px;
margin-top: 1px;
margin-bottom : 10px;
}

.info td.titre {
text-align:center;
font-size:12px;
height: 20px;
vertical-align: middle;
font-weight:bold;
background: url(./images/onglet2.gif);
color:#FFF078;
}

.info td.noevent {
font-style: italic;
text-align: center;
}

.info img {
width: 12px;
}

.resultats td.categorie {
text-align:center;
font-style: italic;
}

.resultats td.match {
text-align: left;
}

.resultats td.score {
text-align: center;
width: 2.7em;
}

.resultats td.score a{
color: #800000;
}

.resultats tr.matches td {
text-align: left;

}

.resultats td.compet {
text-align:right;
font-style: italic;
}

.agenda td.date {
width: 3em;
padding-left:3px;
font-weight:bold;
}

.agenda td.datestory {
font-weight: bold;
width: 5em;
}

.agenda td.event a{
font-size : 11px;
color : black;
text-decoration: none;
}

.agenda td.event a:hover {
font-weight:bold;
}

.partenaires img.sponsor{
margin: 3px 0px;
border: 1px solid #333;
width:185px;
}

/** HOME **/

.central table {
width:100%;
font-size:12px;
}

.central a {
color: #800000;
text-decoration: none;
}

.central a:hover {
text-decoration: underline;
}

table.news {
margin-top:2px;
}

.news td {
padding : 2px 12px;
}

.news th.image {
padding-left: 10px;
}

.news td.image img {
width: 128px;
}

td.title {
color: #800000;
font-size:16px;
font-weight:bold;
padding : 8px 0px 6px 12px;
}

.news td.date {
font-size : 11px;
font-style : italic;
text-align: right;
padding-bottom: 8px;
border-bottom:1px inset #333;
}

.news td.content {
text-align: justify;
}

table.archive {
margin-top : 8px;
}

.archive td {
padding : 2px 12px; 
}

.archive td.date {
text-align:right;
}

/** IBOX **/

table.popup, #HB_Mail_Container {
font-family: arial;  
font-size: 12px;
border-spacing:0px;
width: 100%;
overflow: auto;
}

.popup tr.titre {
background-color: #609;
color: #FFF078;
font-size: 14px; 
font-weight: bold;
}

.popup tr.titre td.center {
text-align: center;
}

.popup tr.titre td.gauche {
padding: 4px 10px;
width: 80%;
}

.popup tr.titre td.droite {
text-align: right;
padding: 4px 17px;
width: 20%;
}

.popup td.texte {
font-family: arial; 
padding:17px;
font-size:12px;
text-align: justify;
}

.popup td.auteur {
text-align:right;
padding-right: 17px;
}

.popup td.fiche {
padding: 20px;
text-align: center;
}

.popup td.image {
text-align: center;
}

.popup td.poste {
text-align: right;
width: 55%;
padding-right: 30px;
font-weight: bold;
}

.fiche table {
font-family: arial; 
border : 1px solid #555;
border-spacing:0px;
width: 80%;
}

.fiche table thead tr{
text-align:center;
background-color : #777;
color: white;
font-weight : bold;
}

.fiche table tbody td{
font-size: 12px;
padding : 5px;
background-color : #eee; 
}

/** CENTRAL **/

#pagetitle {
font-size : 20px;
font-weight: bold;
margin-top: 10px;
color : #800000;
text-align: center;
}

#topmenu{
font-family: Verdana;
font-size: 11px;
text-align: center;
margin: 15px;
}

#topmenu select, input{
font-family: Verdana;
font-size: 11px;
}

#topmenu input {
margin-left: 10px;
}

table.centraltable {
width: 85%;
border: 1px solid #800000;
padding: 3px;
margin: 15px 0px;
}

.centraltable tr.title td {
padding: 3px;
text-align:center;
font-size: 14px;
font-weight:bold;
color: #800000;
background-color: #A788DD;
border: 1px solid #aaa;
}

.centraltable tr.subtitle td {
text-align: center;
color: #800000;
font-style:italic;
background-color: #E1C5ED;
border-bottom: 1px solid #aaa;
}

.centraltable tbody tr.subtitle td {
border-top: 1px solid #aaa;
}

.centraltable tr td {
font-size: 11px;
padding: 3px 4px;
vertical-align: middle;
}

.centraltable tr.odd{
background-color: white;
}
.centraltable tr.even{
background-color: #edf;
}


.centraltable td.clubteam {
font-weight: bold;
}

.centraltable img{
border: none;
text-decoration: none;
}

.centraltable td.score {
text-align: center;
padding: 0px;
}

.centraltable select {
font-family: Verdana;
font-size: 11px;
}

/** CALENDRIER **/
#calendar table {
width: 80%;
}

/** SPONSORS **/
#sponsors table.centraltable {
width: 80%;
}

#sponsors td {
text-align : center;
background-color : #eee;
border: 2px solid white;
}

#sponsors td.middlesponsor img {
width: 200px;
}

#sponsors td.sponsor img {
width: 100px;
}

/** PAPYRUS **/

#papyrus tbody td {
padding: 10px;
}

/** STORY **/

#story tr.texte td {
padding: 10px;
text-align: justify;
border-bottom: 1px solid gray;
}

#story tr.texte img {
width: 400px;
margin: 10px;
}

#story tr.episode td {
padding: 5px 10px;
background-color: #ccc;
}

#story tr.episode td.label {
font-style: italic;
width: 30%;
}

/** VIDEOS **/

#videos td{
text-align: center;
}

#videos tr.comment td{
font-size: 14px;
font-style: italic;
}

/** PROCHAINE JOURNEE **/

#matchspj table {
width: 70%;
}

#matchspj td {
background-color: #edf;
text-align: center;
}

#matchspj td.date {
font-size: 16px;
font-weight: bold;
}
 
#matchspj td.compet {
font-size: 14px;
}
 
#matchspj td.affiche {
font-size: 20px;
font-weight:bold;
color: #306;
}

#matchspj td.texte {
text-align: justify;
padding: 15px;
border-bottom: 1px solid #609
}

#matchspj td.parrain {
padding-top: 15px;
font-style : italic;
}

/** CLASSEMENT **/

#classement table {
width: 60%;
}

#classement tr.odd td, 
#classement tr.even td {
padding-left: 4em;
}

#classement tr.classhaut {
background-color: #98FB98;
}

#classement tr.classbas {
background-color: #FA8072;
}

#classement tr.classlib {
background-color: #F0E68B;
font-weight: bold;
}


/** RESULTATS **/

#results table {
width: 70%;
}

#results tbody td.equipe {
text-align: left;
padding-left: 25px;
}

#results tbody td.score {
text-align: center;
}


/** PLAYERS **/
#players table{
width: 480px;
}

#players table.players td {
padding-left: 20px;
}

#players img.arrow {
height: 12px;
}

#players img.equipe {
width: 470px;
}

#players td.staff {
font-weight: bold;
font-size: 1.1em;
height: 20px;
vertical-align: middle;
}

/** ACCES **/
#acces tr.smalltitle td {
color: #800000;
font-weight: bold;
font-size: 13px;
}

#acces tr td {
padding: 5px 10px;
}

/** AGENDA **/

#agenda tr.event td {
text-align:center;
font-size: 15px;
font-weight: bold;
color: #800000;
background-color: #ccc;
border: 1px solid #aaa;
}

#agenda td.date, #agenda td.lieu{
font-weight: bold;
text-align:left;
padding-left: 10px;
font-size: 12px;
}

#agenda td.lieu {
text-align:right;
padding-right: 10px;
}

#agenda tr.text td {
padding: 5px 10px 10px 10px;
}

/** COMITE **/

#comite table.centraltable {
width: 70%;
}

#comite th.photo{
text-align:center;
width: 64px;
}

#comite td {
padding-left: 25px;
}

#comite td.name {
font-size: 14px;
font-weight: bold;
color: #800000;
}

#comite td.info {
border-bottom: 1px solid #aaa;
}

/** LIENS **/
#liens table {
padding-top: 5px;
}

#liens img {
border: 0.5px solid #aaa;
margin-bottom: 5px;
}

/** PALMARES **/

#palmares table.saison {
margin: 7px 0px;
border: 1px solid #aaa;
}

#palmares table.saison thead td {
text-align:center;
font-size : 14px;
font-weight: bold;
color: #800000;
background-color: #ccc;
border-bottom: 1px solid #aaa;
}

#palmares table.saison tbody td {
padding-left: 10px;
background-color: #ddd;
}

/** CONTACT **/
#contact table.centraltable {
width: 90%;
}

#contact td {
padding: 5px 20px;
text-align:left;
}

#contact td.club {
font-size: 14px;
font-weight: bold;
text-align: center;
}

#contact td.form textarea{
width: 95%;
}

#contact td.envoye {
font-weight: bold;
color: green;
text-align: center;
}

#contact td.erreur {
font-weight: bold;
color: red;
text-align: center;
}

/** PHOTOS **/

#photos td.nophoto {
text-align:center;
font-style:italic;
padding: 15px;
}

#photos td.album img {
height: 12px;
margin-right: 10px;
}

#photos td.thumb {
text-align: center;
padding: 3px;
}

/** WORLD **/

#world table.centraltable {
width: 70%;
text-align:center;
}

#world th, #world td.date {
border-bottom : 1px solid #aaa;
width: 128px;
text-align: center;
}

#world th img {
width: 128px;
}

#world td {
text-align: center;
}

#world td.nom {
font-size: 15px;
font-weight: bold;
color: #800000;
}

#world td.lieu {
font-size: 12px;
font-weight: bold;
}

/** MEMBERS **/

#member td.remark {
text-align:center;
padding : 10px;
}

#member td.connected {
text-align:center;
font-size : 13px;
}

#member td.page img {
height: 12px;
margin-right: 10px;
}

#member td.confirm, #member td.error {
text-align: center;
font-weight: bold;
color: green;
padding: 10px;
}

#member td.error {
color: red;
}

/** MEMBERS : ABSENCES **/

#member td.absence td, #member td.listeabsence td {
text-align:center;
}

#member td.listeabsence table {
margin-top: 15px;
}

/** MEMBERS : EQUIPES PAR JOURNEE **/

#member table.convoc {
width: 100%;
border : 1px solid #aaa;
}

#member table.convoc thead td {
text-align: center;
font-weight: bold;
color: #333;
background-color: #ddd;
border-bottom: 1px solid #ccc;
}

#member table.convoc tbody td {
width: 33%;
padding: 2px 35px;
}

#member table.convoc tr.print td{
text-align: center;
border-top: 1px solid #ccc;
}

/** RESUME **/

#resume td{
text-align: center;
}

#resume table.team {
border: 1px solid #aaa
}

#resume table.team thead td {
text-align:center;
font-size: 12px;
background-color: #ccc;
border-bottom: 1px solid #aaa;
}

/** ADMINISTRATION **/

#admnews td,
#admclass td,
#admscores td,
#admagenda td,
#admequipes td {
text-align: center;
}

#admclass table {
width: 55%
}

#admequipes option.absent {
color: gray;
}

#admgener tbody td {
border-bottom: 1px solid black;
text-align: center;
}

#admgener table {
width: 60%;
}