/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

html, body {
  padding: 0;
  margin: 0;
  border: 0;
  height: 100%;
}

body {  
     background-color: #ffaf28;
     font-family: Verdana;
     color: #ffffff;     
}

hr {
   margin: 50px auto;
   padding: 3px;
   border: 2px solid #ffffff;   
   width: 900px;
   background-color: #c50001;

}

ul {
   list-style: none;
   list-style-position: inside;
}

div {
    margin: 10px;
    padding: 0 10px 0 30px;
}

a:link, a:visited, a:active {
       color: #ffaf28;
       text-decoration: underline;
}
 
a:hover {
          color: #ffffff;
          text-decoration: underline;                   
}

#Page {
      margin: 0 auto;
      padding: 0;
      border: 0;
      min-height: 100%;
      height:auto !important;
      width: 994px;
      background-color: #000e77;
      background: repeat-y url('../images/pagbgbk.png');
}

#Header {
        padding: 0;
        margin 0;
        height: 203px;
}

#Header.headerArchives {
        background:url('../images/headArchives.png');
}

#Header.headerCalendrier {
        background:url('../images/headCalendrier.png');
}

#Header.headerClassement {
        background:url('../images/headClassement.png');
}

#Header.headerLesEquipes {
        background:url('../images/headLesEquipes.png');
}

#Header.headerReglements {
        background:url('../images/headReglements.png');
}

#Header.headerStatistiques {
        background:url('../images/headStatistiques.png');
}

#Header.headerRules {
        background:url('../images/headRules.png');
}

#Header.headerAustralie {
        background:url('../images/headAustralie.png');
}

#Header.headerMalaisie {
        background:url('../images/headMalaisie.png');
}

#Header.headerChine {
        background:url('../images/headChine.png');
}

#Header.headerTurquie {
        background:url('../images/headTurquie.png');
}

#Header.headerEspagne {
        background:url('../images/headEspagne.png');
}

#Header.headerMonaco {
        background:url('../images/headMonaco.png');
}

#Header.headerCanada {
        background:url('../images/headCanada.png');
}

#Header.headerEurope {
        background:url('../images/headEurope.png');
}

#Header.headerGBretagne {
        background:url('../images/headGBretagne.png');
}

#Header.headerAllemagne {
        background:url('../images/headAllemagne.png');
}

#Header.headerHongrie {
        background:url('../images/headHongrie.png');
}

#Header.headerBelgique {
        background:url('../images/headBelgique.png');
}

#Header.headerItalie {
        background:url('../images/headItalie.png');
}

#Header.headerSingapour {
        background:url('../images/headSingapour.png');
}

#Header.headerJapon {
        background:url('../images/headJapon.png');
}

#Header.headerCoree {
        background:url('../images/headCoree.png');
}

#Header.headerInde {
        background:url('../images/headInde.png');
}

#Header.headerAbuDhabi {
        background:url('../images/headAbuDhabi.png');
}

#Header.headerBresil {
        background:url('../images/headBresil.png');
}

#TopNav {
         margin: auto;
         padding: 0;
         border: 1px solid black;
         width: 983px;
         height: 25px;
         font-weight: bold;
         background-color: #c50001;
}

ul#TopNav {
          list-style-type: none;
          list-style-position:inside;
}

#TopNav li {
        padding: 4px 5px 4px 10px;
        float: left;                
}

#TopNav li.selected {
        color: #c50001;
        font-weight: bold;
        background-color: #ffaf28;
        padding: 4px 10px 3px 10px;
        
}

#TopNav li a:link, #TopNav li a:visited, #TopNav li a:active {
        color: #ffffff;
        padding: 4px 10px 4px 10px;
        text-decoration: none;
}

#TopNav li a:hover {
        color: #000e77;
        font-weight: bold;
        text-decoration: none;
        background-color: #ffaf28;
        padding: 4px 10px 3px 10px;
}

#Content {
         margin: 0;
         width: 950px;
         padding: 20px;
 }
 
#Content h2 {
         padding: 0 0 0 20px;
} 
 
#Content ul {
         list-style-type :none;
         list-style-position: outside;
		 padding: 0 10px 0 30px;
}

#Content ul li ul li{
		 padding: 3px;
         list-style-image: url('../images/RghtArrBlt.gif');         		 
}

#Content div.listTable {
         margin: 0px
}

#Content div.leftList {
   float:left;
   width: 450px;        
}

#Content ul.leftList {
         float: left;
}

#Content ul.leftList li {
         border-bottom: 1px  dotted #ffffff;
         border-left: 1px dotted #ffffff;
         padding: 3px; 
         text-align: center;
         width: 100px;
}

#Content ul.rightList {
         float: left;
}

#Content ul.rightList li {
         border-bottom: 1px  dotted #ffffff;
         border-right: 1px dotted #ffffff;
         padding: 3px; 
         text-align: center;
         width: 100px;
}

.textBold {
	font-weight: bold;
}

.yellowText {
            color: #ffaf28;
}

.clearBoth {
           clear: both;
}

.floatRight {
            float: right;
}

.titreArchives {
               font-weight: bold;
}

#Content table {
      margin: 30px auto 0 auto;
      width: 750px;
      font-weight: bold;
      background-color: #707070;
      color: #ffaf28;
}

#Content table a:link, #Content table a:visited, #Content table a:active {
      color: #ffaf28;
      text-decoration: none;      
}

#Content table a:hover {
      color: #ffffff;
}

.trInterligne  {
    background-color: #000e60;
}

.trInterligne2  {
    background-color: #000e77;
}

.tdTableTitre {
                background-color: #c50001;
                color: White;
}

#Content #TableRaceResults a:link, #Content #TableRaceResults a:visited, #TableRaceResults a:active {
               text-decoration:underline;             
}

#Content #TableRaceResults a:hover {
               color: white;
               text-decoration:underline;             
}

/* Calendrier */
.trCalendar {
    background-color: #000e77;
}

.tdCalendrier {
    text-align : left;
}

/* Classement et Resultat de Course*/
.tdNo {
      text-align: center;
}

.tdNom {
       text-align: left;
}

.tdPoints {
          text-align: right;
}

/* Statistiques  */

.tdFirst {
         background-color: #ffd700;
         color: black;
}

.tdSecond {
          background-color: #c0c0c0;
          color: black;
}

.tdThird {
         background-color: #b8860b;
         color: black;
}

.rowHeader {
    border: 1px solid white;
    color: white;
    background: #c50001;
    font-size: medium; 
}

/* Collapsing tr section*/

.trVisibility {
	display:none;
}

#Content table tr.trFormat {
    background: #000e77; 
    border-left:none; 
    border-right:none;
}

#Content table tr td .tableCollapse {
    margin: 0 auto;
    padding: 0;
    border: 1px solid white; 
    width: 600px;
 }
 
.tableCollapse tr {
   background: #000e77;
}

/* Buttons */

/* Pilotes */
#Content div a.buttonPilote:link, #Content div a.buttonPilote:visited, #Content div a.buttonPilote:active {
         display: block;
         background: url('../images/buttonPilotes.png') no-repeat;
         width: 130px;
         height: 60px;
}

#Content div a.buttonPilote:hover {
         display: block;
         background: url('../images/buttonPilotesHover.png') no-repeat;                  
}

/* Progress */
#Content div a.buttonProgress:link, #Content div a.buttonProgress:visited, #Content div a.buttonProgress:active {
         display: block;
         background: url('../images/buttonProgress.png') no-repeat;
         width: 130px;
         height: 60px;
}

#Content div a.buttonProgress:hover {
         display: block;
         background: url('../images/buttonProgressHover.png') no-repeat;                  
}

/* English */
#Content div a.buttonEnglish:link, #Content div a.buttonEnglish:visited, #Content div a.buttonEnglish:active {
         display: block;
         background: url('../images/buttonEnglish.png') no-repeat;
         width: 130px;
         height: 60px;
}

#Content div a.buttonEnglish:hover {
         display: block;
         background: url('../images/buttonEnglishHover.png') no-repeat;                  
}

/* Francais */
 #Content div a.buttonFrancais:link, #Content div a.buttonFrancais:visited, #Content div a.buttonFrancais:active {
         display: block;
         background: url('../images/buttonFrancais.png') no-repeat;
         width: 130px;
         height: 60px;
}

#Content div a.buttonFrancais:hover {
         display: block;
         background: url('../images/buttonFrancaisHover.png') no-repeat;                  
}