/*
   CSS Styles pour horaire en listing
*/

BODY {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color:#FFFFFF;
}

p {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height: normal;
   font-weight: normal;
   color: #666666;
   vertical-align: top;
}


a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height: normal;
   font-weight: bold;
   color: #666666;
   text-decoration: none;
}

a:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height: normal;
   font-weight: bold;
   color: #CC0000;
   list-style-position: outside;
   list-style-image: none;
   text-decoration: none;
}

h1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: normal;
   font-weight: bold;
   color: #525252;
   font-style: normal;
   font-variant: normal;
   text-transform: uppercase;
   list-style-position: outside;
   list-style-type: square;
   white-space: normal;
}
/*
   style pour les titres comme : COURS POUR ADULTE, COURS POUR ADOS, COURS POUR ENFANT
*/
.TitreHoraire {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:20px;
   line-height: normal;
   color: #63554C;
   font-variant: normal;
   text-transform: uppercase;
   font-style: normal;
}
.TitrePartie1{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:18px;
   line-height: normal;
   color:#63554C;
}

.TitrePartie2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:18px;
   line-height: normal;
   color:#D02300;
}

.SousTitre {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height: normal;
   color:#63554C;
   font-weight: bold;
}

.SousTitreRouge {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height: normal;
   color:#D02300;
   font-weight: bold;
   TEXT-DECORATION:underline;
}
.Categorie{
   BACKGROUND-IMAGE:url(../images/RectangleVert330x40.gif);
   background-repeat: no-repeat;
   width:339;
   height:40;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align:center;
   vertical-align:middle;
   font-size:18px;
   line-height:40px;
   color: #63554C;
}

.BoiteProchaineSession{
   background-color:#D5E0A3;
   BORDER: #51443C 1px solid;
   text-align:right;
   width:300px;
   float:right;
   padding:5px;
}

.info {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color:#E9ECE3;
   BORDER: #E9ECE3 1px solid;
   font-size: 10px;
   padding:10px;
   line-height: normal;
   font-weight: bold;
   color: #E0583A;
   text-transform: none;
   font-style: normal;
}

h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height: normal;
   font-weight: bold;
   color: #000000;
   font-style: normal;
   font-variant: normal;
   text-transform: uppercase;
   list-style-position: outside;
   list-style-type: square;
   white-space: normal;
}

h4 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height: normal;
   font-weight: bold;
   color: #868E76;
   text-transform: none;
   font-style: normal;
} 


h5 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height: normal;
   font-weight: bold;
   color: #CC3300;
   text-transform: none;
   font-style: normal;
   text-decoration: line-through;
} 

td {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height: normal;
   font-weight: normal;
   color: #666666;
   vertical-align: top;
}

th {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color:#63554C;
   font-size: 10px;
   line-height: normal;
   font-weight: bold;
   color: #FFFFFF;
   text-transform: none;
   font-style: normal;
}
.CoinGauche {
   BACKGROUND-IMAGE:url(../images/ThCoinGauche.gif);
}
.CoinDroit {
   BACKGROUND-IMAGE:url(../images/ThCoinDroit.gif);
   background-position: top right;

   color:#ACBB6E;
}
.CoinBasGauche {
   BACKGROUND-IMAGE:url(../images/ThCoinBasGauche.gif);
   background-position: bottom left;
}
.CoinBasDroit {
   BACKGROUND-IMAGE:url(../images/ThCoinBasDroit.gif);
   background-position: bottom right;
}
.orange {
   text-align:center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color:#DC4803;
   BORDER-right: #FFFFFF 1px solid;
   font-size: 10px;
   font-weight: bold;
   color: #FFFFFF;
}
.message {
   text-align:center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color:#E9ECE3;
   BORDER: #63554C 1px solid;
   font-size: 10px;
   font-weight: bold;
   color: #63554C;
   padding:5px;
}
.titre {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   width:100%;
   background-color:#63554C;
   font-size: 14px;
   line-height: normal;
   font-weight: bold;
   color: #FFFFFF;
   text-align:center;
}
.Etape {
   BACKGROUND-IMAGE: url(images/Etape1.jpg);
   background-repeat: no-repeat;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   width:100%;
   HEIGHT: 74px;
   font-size: 14px;
   line-height: normal;
   font-weight: bold;
   color: #FFFFFF;
}
.Clair {
   BORDER: #7F8278 1px solid;
   background-color:#E6E7E3;
}