body {
 margin: 0;
 background: #000000;
 color: #FFFFFF;
 text-align: center;
 padding: 0;
}

#outer-2col {
 text-align:center;
 width: 984px;
 background: url("./design/page/background-2col.gif") repeat-y center top;
 margin: auto;
}

#outer-1col {
 text-align:center;
 width: 984px;
 background: url("./design/page/background-1col.gif") repeat-y center top;
 margin: auto;
}

#nav-2col {
 color: #FFFFFF;
 background: url("./design/page/background_nav-2col.gif") no-repeat center top;
 width: 984px;
 height: 115px;
 text-align: left;
}

#nav-1col {
 color: #FFFFFF;
 background: url("./design/page/background_nav-1col.gif") no-repeat center top;
 width: 984px;
 height: 115px;
 text-align: left;
}

#hdr {
 height: 185px;
 background: url("./design/page/banniere.gif") no-repeat center top;
 color: #FFFFFF;
 font-size: 0;
 margin: auto;
 text-align: left;
}

#bodyblock-2col {
 color: #FFFFFF;
 width: 884px;
 margin: auto;
}

#bodyblock-1col {
 color: #FFFFFF;
 width: 884px;
 margin: auto;
}
 
#l-col {
 float: left;
 width: 250px;
 color: #FFFFFF;
}

#r-col {
 width: 605px;
 color: #FFFFFF;
 text-align: left;
}

#cont {
 width: 875px;
 color: #FFFFFF;
 text-align: left;
}

 
#ftr-2col {
 height:90px;
 background: url("./design/page/footer-2col.gif") no-repeat center top;
 color: #000000;
 font-size: 14px;
 font-family: Arial, Helvetica, Tahoma;
}

#ftr-1col {
 height:90px;
 background: url("./design/page/footer-1col.gif") no-repeat center top;
 color: #000000;
 font-size: 14px;
 font-family: Arial, Helvetica, Tahoma;
}

											 /* MENU LAYOUT */

.link-accueil {
 float: left;
 width: 360px;
 height: 120px;
 padding: 21px 0 0 71px;

}

.link-orion-cup {
 float: left;
 width: 120px;
 height: 120px;
 /*padding: 21px 0 0 500px;*/
}

.link-logo-photo {
 float: right;
 width: 313px;
 height: 185px;
}

dl, dd {
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
}

ul, li {
 margin: 3px 10px 0 0;
 padding: 0;
}


#navigation {
 width: 810px;
 height: 80px;
 text-align: center;
 margin: auto;
 
}

#navigation dl {
 float: left;
 margin: auto;
}

#navigation dt {
 width: 90px;
 height: 45px;
 text-align: center;
}

#navigation br {
 font-size: 10px;
}

#navigation a{
 color: #000000;
 font-weight: bold;
 font-family: Arial, Helvetica, Tahoma;
 text-decoration: none;
}

#navigation li {
 display: inline;
 color: #000000;
}

#accueil {
 background: url("./design/menu/accueil.gif") no-repeat center top;
}
#accueil a, #club a, #pistes a, #courses a, #membres a, #photos a, #contacts a, #forum a, #liens a{
 font-size: 16px;
 display: block;
 padding: 11px 0 0 0;
}

#accueil a:hover, #club a:hover, #pistes a:hover, #courses a:hover, #membres a:hover, #photos a:hover, #contacts a:hover, #forum a:hover, #liens a:hover {
 text-decoration: underline;
}

#club {
 background: url("./design/menu/club.gif") no-repeat center top;
}

#pistes {
 background: url("./design/menu/pistes.gif") no-repeat center top;
}

#courses {
 background: url("./design/menu/courses.gif") no-repeat center top;
}

#membres {
 background: url("./design/menu/membres.gif") no-repeat center top;
}

#photos {
 background: url("./design/menu/photos.gif") no-repeat center top;
}

#contacts {
 background: url("./design/menu/contacts.gif") no-repeat center top;
}

#forum {
 background: url("./design/menu/forum.gif") no-repeat center top;
}

#liens {
 background: url("./design/menu/liens.gif") no-repeat center top;
}

#smenu1 {
 position: absolute;
 background: url("./design/menu/accueil_sub.gif") no-repeat center bottom;
 width: 810px;
 height: 34px;
}

#smenu2 {
 position: absolute;
 background: url("./design/menu/club_sub.gif") no-repeat center bottom;
 width: 810px;
 height: 34px;
}

#smenu3 {
 position: absolute;
 background: url("./design/menu/pistes_sub.gif") no-repeat center bottom;
 width: 810px;
 height: 34px;
}

#smenu4 {
 position: absolute;
 background: url("./design/menu/courses_sub.gif") no-repeat center bottom;
 width: 810px;
 height: 34px;
}

#smenu5 {
 position: absolute;
 background: url("./design/menu/membres_sub.gif") no-repeat center bottom;
 width: 810px;
 height: 34px;
}

#smenu6 {
 position: absolute;
 background: url("./design/menu/photos_sub.gif") no-repeat center bottom;
 width: 810px;
 height: 34px;
}

#smenu7 {
 position: absolute;
 background: url("./design/menu/contacts_sub.gif") no-repeat center bottom;
 width: 810px;
 height: 34px;
}

#smenu8 {
 position: absolute;
 background: url("./design/menu/forum_sub.gif") no-repeat center bottom;
 width: 810px;
 height: 34px;
}

#smenu9 {
 position: absolute;
 background: url("./design/menu/liens_sub.gif") no-repeat center bottom;
 width: 810px;
 height: 34px;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a, #smenu9 a {
 font-size: 15px;
 font-weight: normal;
}

#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover, #smenu5 a:hover, #smenu6 a:hover, #smenu7 a:hover, #smenu8 a:hover, #smenu9 a:hover {
 text-decoration: underline;
}

											 /* IMAGE   */

span.icon-r-col-left {
float: left;
padding: 40px 30px 15px 15px;
}

span.icon-r-col-right {
float: right;
padding: 40px 30px 15px 15px;
}

span.icon-l-col-left {
float: left;
padding: 40px 30px 15px 15px;
}

span.icon-l-col-right {
float: right;
padding: 40px 30px 15px 15px;
}

span.icon-cont-left {
float: left;
padding: 40px 30px 15px 15px;
}

span.icon-cont-right {
float: right;
padding: 40px 30px 15px 15px;
}

div.meteo {
 width: 160px;
 height: 194px;
 background: url("./design/divers/cadre_meteo.gif") no-repeat center top;
 text-align: center;
}

										/* CALENDRIER MEMBRE */
										
.tableau-membre {
 border: 4px solid #CCCCCC;
 background: #333333;
 border-collapse: collapse;
 width: 80%;
}

.tableau-membre-icon {
 border: 2px solid #CCCCCC;
 background: #333333;
 padding: 5px;
 text-align: center;
 width: 10%;
}

.tableau-membre-date {
 border: 2px solid #CCCCCC;
 background: #333333;
 text-align: center;
 font-weight: bold;
 width: 20%;
}

.tableau-membre-description {
 border: 2px solid #CCCCCC;
 padding: 0 10px 0 10px;
 text-align: center;
 background: #333333;
 width: 60%;
}

.tableau-membre-annexe {
 border-collapse: collapse;
 width: 80%;
}

.tableau-membre-annexe-cellule {
 border: 2px solid #CCCCCC;
 background: #333333;
 text-align: center;
 width: 33%;
}

										/* TABLEAU COMITE */
										
.tableau-comite {
 border: 4px solid #CCCCCC;
 border-collapse: collapse;
 width: 80%;
}

.tableau-comite-cellule {
 border: 2px solid #CCCCCC;
 background: #333333;
 padding: 15px;
 text-align: center;
 width: 50%;
}

										/* TABLEAU LIEN */

.tableau-lien  {
 border-collapse: collapse;
 width: 100%;
}

.tableau-lien-cellule-image {
 text-align: center;
 width: 20%;
}

.tableau-lien-cellule-texte {
 text-align: left;
 width: 80%;
}

										/* TABLEAU PHOTOS */

.tableau-photo {
 border-collapse: collapse;
 width: 100%;
}

.tableau-photo-cellule {
 padding: 5px;
 text-align: center;
 font-size: 14px;
 width: 20%;
}

										/* TABLEAU TARIFS */

.tableau-tarifs {
 border: 4px solid #CCCCCC;
 border-collapse: collapse;
 width: 60%;
}

.tableau-tarifs-cellule {
 border: 2px solid #CCCCCC;
 background: #333333;
 text-align: center;
 font-size: 18px;
 width: 50%;
 height: 40px;
}

										/* TABLEAU MESSAGES COURSES */

.guestb {
 border: 2px dashed #CCCCCC;
 border-collapse: collapse;
 width: 100%;
}

.guestb-infos {
 border-top: 2px dashed #CCCCCC;
 color: #FF9933;
 text-align: left;
 }

.guestb-msg {
 border-top: 1px dashed #CCCCCC;
 text-align: left;
}

										/* CALENDRIER*/
										
.calendar {
 border: 1px solid #999999;
 background: #000000;
 border-collapse: collapse;
 text-align: center;
 width: 80%;
}

.calendar-day td {
 border: 1px solid #999999;
 background: #33FF00;
 color: #000000;
 font-weight: bold;
 text-align: center;
}

.calendar-cell {
 border: 1px solid #999999;
 background: #FFFFFF;
 text-align: center;
 color: #000000;
}

.calendar-cell-empty {
 border: 1px solid #999999;
 background: #CCCCCC;
}

.calendar-cell-actuel {
 border: 1px solid #999999;
 background: #FFFF33;
 text-align: center;
 font-weight: bold;
 color: #000000;
}

.calendar-event-rose {
 border: 1px solid #999999;
 background: #FF99FF;
 text-align: center;
 font-weight: bold;
 color: #FFFFFF;
}

.calendar-event-bleu {
 border: 1px solid #999999;
 background: #3399FF;
 text-align: center;
 font-weight: bold;
 color: #FFFFFF;
}

.calendar-event-vert {
 border: 1px solid #999999;
 background: #009900;
 text-align: center;
 font-weight: bold;
 color: #FFFFFF;
}


										/* COURSES*/

.tableau-course {
 border: 4px solid #CCCCCC;
 border-collapse: collapse;
 width: 550px;
}

.tableau-course-depart {
 height: 87px;
 background: url("./design/page/tableau_course_depart.gif") no-repeat center top;
}

.tableau-course-ligne-gauche {
 height: 78px;
 width: 220px;
 background: url("./design/page/tableau_course_ligne_gauche.gif") no-repeat left top;
 font-weight: bold;
 font-size: 20px;
 text-align: center;
 vertical-align: top;
}

.tableau-course-ligne-droite {
 height: 78px;
 width: 220px;
 background: url("./design/page/tableau_course_ligne_droite.gif") no-repeat right top;
 font-weight: bold;
 font-size: 20px;
 text-align: center;
 vertical-align: top;
}

.tableau-course-ligne-droite-cf {
 height: 78px;
 width: 220px;
 background: url("./design/page/tableau_course_ligne_droite.gif") no-repeat right top;
 font-weight: bold;
 font-size: 20px;
 text-align: center;
 vertical-align: top;
 color: #FFFF00;
}


.tableau-course-ligne-lien {
 text-align: center;
 height: 67px;
 vertical-align: top;
 background: url("./design/page/tableau_course_lien.gif") repeat-y center top;
}

.tableau-course-ligne-lien-cf {
 text-align: center;
 height: 67px;
 vertical-align: top;
 background: url("./design/page/tableau_course_lien.gif")repeat-y center top;
 color: #FFFF00;
}


.tableau-course-separateur {
 background: url("./design/page/tableau_course_lien.gif") repeat-y center top;
}

.info-frequence {
 background: #FFCCCC;
 border: 5px solid #FF0000;
 font-size: 18px;
 font-weight: bold;
 color: #FF0000;
 text-align: center;
}

										/* RESULTATS*/

.tableau-resultats {
 border: 3px solid #CCCCCC;
 background: #333333;
 border-collapse: collapse;
 width: 90%;
 font-size: 14px;
}

.tableau-resultats td {
 border: 2px solid #CCCCCC;
 background: #333333;
 text-align: center;
 padding: 5px 0 5px 0;
}

.tableau-resultats th {
 border: 2px solid #CCCCCC;
 background: #333333;
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 padding: 5px 0 5px 0;
}

										/* TABLEAU inscription */
										
.tableau-inscription {
 border: 4px solid #CCCCCC;
 border-collapse: collapse;
 width: 90%;
}

.tableau-inscription-titre {
 border: 2px solid #CCCCCC;
 background: #333333;
 padding: 5px;
 font-weight: bold;
 text-align: center;
 }

.tableau-inscription-30 {
 border: 2px solid #CCCCCC;
 background: #333333;
 padding: 5px;
 text-align: left;
 font-weight: bold;
 width: 30%;
}

.tableau-inscription-10 {
 border: 2px solid #CCCCCC;
 background: #333333;
 padding: 5px;
 text-align: center;
 width: 10%;
}

										/* PERMANENCES*/

.tab-permanence {
 border: 3px solid #CCCCCC;
 background: #333333;
 border-collapse: collapse;
 width: 90%;
 font-size: 14px;
}

.tab-permanence td {
 border: 2px solid #CCCCCC;
 background: #333333;
 text-align: center;
 font-weight: bold;
}

.tab-permanence-me{
 border: 2px solid #CCCCCC;
 background: #333333;
 text-align: center;
 font-weight: bold;
 color: #FF0000;
}

.tab-permanence th {
 border: 2px solid #CCCCCC;
 background: #333333;
 text-align: center;
 font-size: 16px;
 font-weight: bold;
}