body{
  background: #FFF url('images/body_bg.png');
  background-attachment: fixed;
  text-align: center;
  font-family: verdana;
  font-size: 11px;
}

a{
  text-decoration: none;
  color: #000;
}

a img{
  color: #FFFFFF;
  background: #FFFFFF;
  border: 0;   
  }

a:hover{
  color: #bc0000;
  text-decoration: underline;
}

ul{
  list-style-type: none;
  line-height: 3em;
}

h1{
  margin-top: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  font-size: 140%;
  font-weight: bold;
  color: #fff;
  background: #0E4096;
  /*border-bottom: 1px solid #0E4096;*/
}  
h1.red{
  background: #bc0000;
}
h1 a{
  color: #fff;
}
h1 img{
  float: left;
  margin-top: -10px;
  margin-right: 5px;
}

h2{
  font-size: 140%;
  color: #bc0000;
  font-weight: bold;
  margin-bottom: 5px;
}
    h2 a{
      color: #bc0000;
    }

h3{
  margin-top: 10px;
}    
    
#page{
  width: 960px;
  height: auto;
  margin: 0 auto;
  text-align: left;
}

#header{
  height: 130px;/* 122px; */
  text-align: center;
  background: transparent url('images/header_bg.png') no-repeat;
  padding-top: 27px;/* 38px; */
}

#footer{
  margin-top: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  background: #0E4096;
  color: #fff;
}
    #footer a{
      color: #bbb;
    }

/* #sidebar{
  background: #FFF url('sidebar.png') repeat-y;
  width: 150px;
  height: auto;
  float: left;
}

#sidebar_content{
  background: #FFF url('sidebar.png') repeat-y;
}

#sidebar_haut{
  height: 15px;
  background: #FFF url('sidebar_haut.png') no-repeat;
}

#sidebar_bas{
  height: 15px;
  background: #FFF url('sidebar_bas.png') no-repeat;
}   */

/* jScrollPane */
.holder {
  float: left;
  margin: 10px;
}
.scroll-pane {
  overflow: auto;
  background: transparent;
  float: left;
}
/* END jScrollPane */  

#menu{
/*   width: 582px; */
  height: 46px;
  margin-top: -5px;
  margin-left: 298px;/* 355px;  */
  margin-right: 20px;
  padding-left: 12px;
  padding-top: 8px;
  background: transparent url('images/menu_bg.png') no-repeat;
  font-size: 120%;
}
    #menu a{
      display: block; 
      color: #4D4D4D;
      text-decoration: none;
      margin-left: 0em;
      margin-right: 0em;
      font-weight: bold;
    }  
    #menu a:hover{
      text-decoration: none;
    }   
    #menu .button{
      height: 26px;
      display: inline;
      background: transparent url('images/menu_button.png') no-repeat;   
      margin-left: 0px;      
      margin-right: 5px;
      padding-top: 3px;
      text-align: center;
      z-index: 0;
      position: relative;
    }
    #menu .button:hover{
      background: transparent url('images/menu_button_current.png') no-repeat;     
    } 
    #menu .button:hover a{
      color: #fff; 
    } 
    
    #menu .current{
      background: transparent url('images/menu_button_current.png') no-repeat;  
      z-index: 2;
      position: relative;
    } 
    #menu .current a{    
      color: #fff;
    }     

#content{
  float: left;
  margin-top: -32px;
  z-index: 1;
  position: relative;
}

#content-content{
/*   height: 1024px; */
  background: transparent url('images/content_content_bg.png') repeat-y;
  /* z-index: -1; */
}

#content-haut{
  height: 29px;
  background: transparent url('images/content_top_bg.png') no-repeat;
}

#content-bas{
  height: 31px;
  background: transparent url('images/content_bottom_bg.png') no-repeat;
}  

#blank{
  color: #fff;
}

#match-header{
  padding-top: 0px;
  margin-bottom: 10px;
  background: #0E4096;  
  color: #fff;
  text-align: center;
}
    #match-header .equipe{
      font-size: 200%;
      font-weight: bold;
    }
    #match-header .score{
      font-size: 165%;
      font-weight: bold;
      background: #bc0000;
      height: 34px;
      padding-left: 8px;
    }
    #match-header .note{
      padding-top: 5px;
      font-size: 80%;
    }
    #match-header .date{
      margin-top: 10px;
      font-size: 110%;
    }
    #match-header .but{
      color: #bbb;
    }
    #match-header .logo{
      margin-top: 15px;
    }
    #match-header-infos{
      margin-bottom: 15px;
      color: #bbb;
    }
    #match-header-score-eq-dom table tr td{
      text-align: right;
    }
    #match-header-score table tr td{
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

#match-note{
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
    #match-note .note{
      font-size: 120%;    
    }
    #match-note .note_image{
      margin-right: 2px;
    }

#match-arbitre{
  font-size: 120%;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
}    
    
.logo-equipe-big{
  width: 110px;
  height: 94px;
  background: transparent url('images/logo_equipe_110_bg.png') no-repeat;
  padding-top: 17px;
  text-align: center;
  padding-left: 1px;
}

/* .note{
  color: #F00;
} */
.module{
  background: #ddd;
  text-align: left;
  margin-top: 10px;
  /* margin-bottom: 10px; */
  padding-top: 10px;
  padding-bottom: 10px;
}
    .module .content{
      padding-left: 10px;
      padding-right: 10px;
    }
    .module .title{
      padding-left: 10px;
      margin-bottom: 5px;
      font-size: 150%;
      font-weight: bold;
      color: #bc0000;
    }
    .module.white{
      background: #fff;
    }
    .module.light-grey{
      background: #eee;
    }
    .module.diag-blue{
      background: transparent url('images/module_diag_blue_bkd.png');
    }
    .module.diag-grey{
      background: transparent url('images/module_diag_grey_bkd.png');
    }
    
.big-panel{
  background: #bc0000;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 3px;
  font-size: 200%;
  font-weight: bold;
}
    .big-panel.grey{
      background: #888;    
    }
    .big-panel a{
      color: #fff;  
    }
    .big-panel.linked:hover{
      background: #0E4096;
      cursor: pointer;
    }

.pub{
  background: #ddd;
  padding-top: 10px;
  padding-left: 10px;
}

#match-col2 .pub{
  height: 1000px;
}

#match-navigation{
  margin-bottom: 10px;
  background: transparent;
  color: #000;
  padding-top: 10px;
/*   padding-left: 10px; */
}
  #match-navigation td{
    margin-bottom: 15px;
    vertical-align: top;
  }
  #match-navigation td.title{
    background: transparent;/*#BC0000;*/
    background-position: center;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #000;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
  }
  #match-navigation .buttons{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #match-navigation td.button{
    width: 24px;
    height: 24px;
    padding-top: 0px;
    padding-bottom: 0px;    
    padding-left: 0px;
    padding-right: 0px;
    cursor: pointer;
  }
  #match-navigation .button.left{
    background: transparent url('images/button_navigation_left.png') no-repeat;
  }
      #match-navigation .button.left:hover{
        background: transparent url('images/button_navigation_left_hover.png') no-repeat;
      }
  #match-navigation .button.right{
    background: transparent url('images/button_navigation_right.png') no-repeat;
  }
      #match-navigation .button.right:hover{
        background: transparent url('images/button_navigation_right_hover.png') no-repeat;
      }
      
#match-facebook-link{
  background: #f5f5f5;
  padding-top: 5px;
  padding-left: 15px;
  padding-bottom: 5px;
  padding-right: 5px;
  font-weight: bold;
  margin-bottom: 20px;
}
    #match-facebook-link .logo{
      margin-top: 15px;
    }
        #match-facebook-link .text .content{
          padding-left: 10px;
        }

.match-compo{
  background: #ddd url('images/feuille_bg.png') repeat;
  font-size: 120%;
  color: #000;
  font-weight: bold;
}
    .match-compo .content{
      margin-left: 10px;
      margin-top: 10px;
    }
    .match-compo .equipe{
      text-align: center;
      margin-bottom: 10px;
    }
    .match-compo .note-equipe{
      text-align: center;
    }
    .match-compo .equipe img{
      background: transparent;
    }
    .match-compo .entraineur{
      margin-top: 15px;
      margin-bottom: 15px;
      font-weight: normal;
      text-decoration: none;
    }
    .match-compo table.remplacant{
        padding: 0px;
        margin: 0px;
    }    
        .match-compo table.remplacant td.image{
          width: 15px;
        }
        .match-compo table.remplacant td.minute{
          color: #bc0000;
          font-size: 100%;
          width: 20px;
        }
        .match-compo table.remplacant td.nom a{
          color: #0E4096;
          font-size: 100%;
        }
        .match-compo table.remplacant img{
          background: transparent;
        }
    .match-compo .note_remplacant{
      color: #0E4096;
    }
    .match-compo table tr td{
      margin-left: 0px;
      margin-right: 0px;
    }    
    
#match-terrain{
  background: transparent url('images/terrain_710.png') no-repeat;
  color: #28043E;
  font-size: 12px;
  font-family: arial;
  font-weight: bold;
  height: 468px;
  margin-bottom: 10px;
  position: relative;
}
    #match-terrain .joueur{
        position: absolute;
    }
    #match-terrain .joueur.note{
        cursor: pointer;
    }
    #match-terrain .joueur .content{
        float: left;
        text-align: center;
    }
        #match-terrain .joueur.note .bord{
            height: 42px;
        }
        #match-terrain .joueur.dom{
            color: #fff;
        }
            #match-terrain .joueur.dom.no-note .content{
                background: transparent url('images/joueur_black_bg.png') repeat-x;
            }
            #match-terrain .joueur.dom.no-note .bord.left{
                background: transparent url('images/joueur_black_bg_left.png') no-repeat;
            }
            #match-terrain .joueur.dom.no-note .bord.right{
                background: transparent url('images/joueur_black_bg_right.png') no-repeat;
            }
            #match-terrain .joueur.dom.note .content{
                background: transparent url('images/joueur_black_note_bg.png') repeat-x;
            }
            #match-terrain .joueur.dom.note .bord.left{
                background: transparent url('images/joueur_black_note_bg_left.png') no-repeat;
            }
            #match-terrain .joueur.dom.note .bord.right{
                background: transparent url('images/joueur_black_note_bg_right.png') no-repeat;
            }
            #match-terrain .joueur.dom.note .content:hover{
                background: transparent url('images/joueur_black_note_bg.png') repeat-x;
            }
            #match-terrain .joueur.dom.note .bord.left{
                background: transparent url('images/joueur_black_note_bg_left.png') no-repeat;
            }
            #match-terrain .joueur.dom.note .bord.right{
                background: transparent url('images/joueur_black_note_bg_right.png') no-repeat;
            }
        #match-terrain .joueur.ext{
            color: #000;
        }
            #match-terrain .joueur.ext.no-note .content{
                background: transparent url('images/joueur_white_bg.png') repeat-x;
            }
            #match-terrain .joueur.ext.no-note .bord.left{
                background: transparent url('images/joueur_white_bg_left.png') no-repeat;
            }
            #match-terrain .joueur.ext.no-note .bord.right{
                background: transparent url('images/joueur_white_bg_right.png') no-repeat;
            }
            #match-terrain .joueur.ext.note .content{
                background: transparent url('images/joueur_white_note_bg.png') repeat-x;
            }
            #match-terrain .joueur.ext.note .bord.left{
                background: transparent url('images/joueur_white_note_bg_left.png') no-repeat;
            }
            #match-terrain .joueur.ext.note .bord.right{
                background: transparent url('images/joueur_white_note_bg_right.png') no-repeat;
            }
    #match-terrain .joueur .bord{
        float: left;
        width: 7px;    
        height: 17px;
    }
    #match-terrain .joueur .note{
        font-size: 130%;
    }
/*         #match-terrain .joueur.dom .note{
            color: #fff;
        }
        #match-terrain .joueur.ext .note{
            color: #000;
        } */
    #match-terrain .joueur.note:hover {
        color: #bc0000;
    }
    #match-terrain td {
    	border:0px solid #000;
    	height:22px;
    	width:22px;
    	line-height:20px;
    	padding:0 5px;
    }
    #match-terrain td span.pos {
    	position:relative;
    	display:block;
    	height:22px;	
    }
    #match-terrain td span.depasse {
    	white-space:nowrap;
    	position:absolute;
    	line-height:22px;
    	/*padding:0 5px;*/
    }

#match-details-notation{
  margin-bottom: 10px;
}
    
/* .noteform{
    width:300;
    float:left;
} */

.clearfix{
    clear:left;
}

.clear{
  clear: both;
}

.victoire{
  font-weight: bold;
}

td.col-title{
  color: #bc0000;
  font-weight: bold;
  font-size: 100%;
}
td.row-title{
  color: #0E4096;
  font-weight: bold;
  font-size: 100%;
}

tr.pair{
  background: #ddd;
}
tr.impair{
  background: #fff;
}

td.pos{
  color: #bc0000;
  font-weight: bold;
}

td.name{
  font-weight: bold;
}

.narrow-content{
  float: left;
  width: 650px;
}
.wide-content{
  float: left;
  width: 880px;
}

#calendrier{
}
    
#pub_right{
  float: left;
  /* width: 220px; */
  height: 300px;
  background: #EEE;
  color: #f00;
  margin-left: 10px;
}

#equipes{
}
    #equipes .equipe td{
      border: 0px solid #eee;
    }
    #equipes td.logo{
      width: 50px;
    }
    
.main_title{
	border:1px solid #0E4096;
}
    .main_title_logo{
      width: 60px;
      text-align: center;
    }
    .main_title_text{
      background: #0E4096;
      padding-left: 20px;
    }
    .main_title_title{
      color: #fff;
      font-size: 200%;    
    }
    .main_title_subtitle{
      color: #bbb;
      font-size: 120%;
    
    }

.scrollpane.menu{
  padding-left: 10px;
  color: #0E4096;
} 
    .scrollpane.menu td{
      font-weight: bold;
    } 
    
#equipe_joueurs{
  float: left;
}    
    #equipe_joueurs table{
      margin-bottom: 0px;
    }
    
    #equipe_joueurs .numero{
      float: left;
      width: 20px;
    }    
    #equipe_joueurs .nom{
      float: left;
      width: 175px;
    }       
/*         #equipe_joueurs .nom a:hover{
          font-weight: normal;
          text-decoration: underline;
          color: #fff;
        }   */
    #equipe_joueurs .joues{
      float: left;
      width: 30px;
    }    
    #equipe_joueurs .buts{
      float: left;
      width: 20px;
    } 
    #equipe_joueurs .note{
      float: left;
      width: 20px;
      /* color: #bc0000; */
    } 

    #equipe_joueurs .scroll-pane {
      width: 390px;
      height: 409px;
    }    
    
#equipe_maillots{
  float: left;
  margin-left: 10px;
}
#equipe_matchs{
  float: left;
  margin-left: 10px;
}
    #equipe_matchs .equipe-dom{
      float: left;
      width: 110px;
    }    
    #equipe_matchs .score{
      float: left;
      width: 100px;
    }    
    #equipe_matchs td.score{
      text-align: center;
    }
    #equipe_matchs .equipe-ext{
      float: left;
      width: 110px;
    }  

    #equipe_matchs .scroll-pane {
      width: 400px;
      height: 430px;
    }    
    
    #equipe_matchs tr.victoire{
      background: #DBFFD8;
    }
    #equipe_matchs tr.nul{
      background: #fff;
    }
    #equipe_matchs tr.defaite {
      background: #FFDBDB;
    }
    
    #equipe_matchs tr:hover{
      background: #bc0000;
      color: #fff;
    }
    
    #equipe_matchs table td{
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
    }
    
.table-linked-line{
  border: 0px solid #E3E7EA;
  cursor: hand;
  height: 18px;
  padding-left: 10px;
}
    .table-linked-line:hover{
      background: #bc0000;
      color: #fff;
      border: 0px solid #009CF7;
      cursor: pointer;
    }
    
    .table-linked-line .note:hover{
      color: #fff;
    }    

.table-colored-line:hover{
  background: #bc0000;
  color: #fff;
}    
    .table-colored-line:hover td a{
      background: #bc0000;
      color: #fff;
    }
    .table-colored-line:hover td a:hover{
      background: #bc0000;
      color: #fff;
      text-decoration: underline;
    }    
    
.text-centered{
   text-align: center;
}

.left{
  float: left;
}

.equipe-vote{
  margin-bottom: 10px;
}
    .equipe-vote input{
      width: 40px;
    }
    .equipe-vote textarea{
      min-width: 150px;
      max-width: 150px;
      height: 80px;
      background: #E8F1FF;
    }   
        .equipe-vote .match textarea{
          background: #C4FFAA;
        }   
        .equipe-vote .entraineur textarea{
          background: #FFFDA3;
        }   
        .equipe-vote .equipe textarea{
          background: #FFFDA3;
        }   
    .equipe-vote select{
      background: #E8F1FF;
    }   
    .equipe-vote input{
      background: #E8F1FF;
    }   
        .equipe-vote .match input{
          background: #C4FFAA;
        }   
        .equipe-vote .entraineur input{
          background: #FFFDA3;
        }   
        .equipe-vote .equipe input{
          background: #FFFDA3;
        }  
        
        .equipe-vote  .disabled{
          background: #aaa;
        }   
        .equipe-vote .match .disabled{
          background: #aaa;
        }   
        .equipe-vote .entraineur .disabled{
          background: #aaa;
        }   
        .equipe-vote .equipe .disabled{
          background: #aaa;
        }   
        
    .equipe-vote h3{
      margin-left: 5px;
    }
    .joueur-vote{
      border: 1px solid #ddd;
      padding-left: 10px;
      padding-top: 5px;
      margin-left: 5px;
      margin-bottom: 5px;
    }
        
    #match-vote .button-submit input{
        width: 200px;
        height: 100px;
        font-size: 250%;
        font-weight: bold;
    }

#menu_list_clubs.module{
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}    
    #menu_list_clubs.module .content{
      padding-left: 13px;
    }
 
.menu-logo_club{
  float: left;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
}
    .menu-logo_club a img{
      background: transparent;    
    }
    .menu-logo_club:hover{
      background: #fff;
      border: 1px solid #bc0000;
      padding-top: 2px;
      padding-bottom: 2px;
      padding-left: 2px;
      padding-right: 2px;
    }
    
#index-last_journee_results-pub{
  height: 290px;
} 
#index-last_journee_classements-pub{
  height: 290px;
}
#index-stats_general-pub{
  height: 287px;
}
#index-classement-pub{
  height: 525px;
}

#index-last_journee-results{
}
    #index-last_journee-results .result{
      font-size: 100%;
    }
        #index-last_journee-results .result.score a{
          font-weight: bold;
        }
        #index-last_journee-results .result.score a:hover{
          text-decoration: underline;
        }
            #index-last_journee-results .result.score.dom a{
              color: #0E4096;
            }
            #index-last_journee-results .result.score.nul a{
              color: #000;
            }
            #index-last_journee-results .result.score.ext a{
              color: #BC0000;
            }
    #index-last_journee-results .nb_notes{
      color: #aaa;
    }

.table-notes td{
}
    
.table-notes th.date, .table-notes td.date{
  width: 120px;
}      
.table-notes th.date.short, .table-notes td.date.short{
  width: 80px;
}           
.table-notes th.user, .table-notes td.user{
  width: 80px;
}         
.table-notes td.user{
  font-weight: bold;
}         
.table-notes th.sujet, .table-notes td.sujet{
  width: 180px;
}         
.table-notes th.match, .table-notes td.match{
  width: 150px;
}         
.table-notes th.note, .table-notes td.note{
  width: 40px;
}         
.table-notes td.note{
  font-weight: bold;
  color: #0E4096;
}      
.table-notes td.comment{
}

table.fiche_joueur{
  background: #eee;
}
table.saison_joueur{
  background: #f8f8f8;
}
table.match_joueur{
  background: #f8f8f8;
}

.pseudo{
  background: #f5f5f5;
}
.pseudo input{
  width: 210px;
  margin-top: 10px;
}

.obligatoire{
  margin-top: 33px;
  font-weight: bold;
  color: #bc0000;
}

.test-input{
  margin-top: 10px;
  margin-bottom: 10px;
}
.test-input input{
  width: 150px;
}

tr.note_paire{
  background: #eee;
}
tr.note_impaire{
  background: #fff;
}


#index-last_notes .scroll-pane {
  width: 820px;
  height: 250px;
}

table.scrollpane.menu{
  margin-bottom: 0px;
}

.table-notes.decal{
  padding-left: 10px;
}


#match-notes .scroll-pane {
  width: 690px;
  height: 500px;
}

.nb-chats{
  color: #bc0000;
  margin-bottom: 10px;
}

.chat-item{
  background: #f5f5f5;
}
    .chat-item .content{
    }
        .chat-item .content .infos{
          margin-bottom: 5px;
        }
            .chat-item .content .infos .user{
              color: #0E4096;
              font-weight: bold;
            }
            .chat-item .content .infos .date{
              color: #555;
            }
            
.chat-item-input{
  text-align: right;
  background: #fff;
}            
    .chat-item-input .title{
      margin-bottom: 10px;
      padding-left: 0px;
      text-align: left;
    }
    #id_name{
      width: 150px;
    }
    #id_comment{
      width: 587px;
      min-width: 587px;
      max-width: 587px;
      height: 100px;
    }
    
.chat-item-input table tr td{
  vertical-align: top;
}

.invisible{
   display: none;
}