* { 
margin: 0; padding: 0; line-height: inherit; 
font-family: Arial; font-size: 12px; color: #000; }

BODY { 
  /*text-align: center;*/
  background:   #000;
  padding-top:40px;
}
IMG { border: 0; }
UL { list-style-type: none; }

#top { 
  width: 760px; height: 542px; margin-left: 184px; /*margin: 0px auto 0 auto;*/ text-align: left;
  position: relative;
  background: transparent url("img/top.png") no-repeat left top; 
}

#top #img-moto1 {
        width:  191px; height:  87px;
  position: absolute; z-index: 1; top: 217px; left: -184px;
}

#top #img-moto2 {
        width:  381px; height:  68px;
  position: absolute; z-index: 1; top: 304px; left: -184px;
}

#top #img-moto3 {
        width:  369px; height:  170px;
  position: absolute; z-index: 1; top: 372px; left: -184px;
}

#top #img-moto4 {
        width:  600px; height:  75px;
  position: absolute; z-index: 1; top: 542px; left: -184px;
}

#top #footer {
        width:  672px; height:  24px;
  position: absolute; z-index: 1; top: 617px; left: -184px;
}

#top #logo {
  position: absolute; z-index: 1; top: 30px; left: -160px;
}

#facebook { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C10006; left: 24px; padding: 2px; position: absolute; text-align: center; top: 154px; }

/* ---------------------------- Top menu begin -------------------------------- */
#block-menu {
  position: absolute; top: -40px; left: 0; width:100%;
  height: 40px; overflow: hidden;
}
#block-menu UL {
  position: absolute; bottom: 0;
  list-style-type: none;
  margin-left: 32px;
  background: #DA0010 url("img/menu.gif") no-repeat right top;
  padding-right: 13px;
}
@media all and (min-width: 0px) { /* for opera 7 */
  #block-menu UL { min-width: 500px; }
}
#block-menu UL LI { 
  float: left; background: #DA0010 url("img/menu-child.gif") no-repeat left top;
  padding: 3px 0px 3px 25px; 
  position: relative;
}
#block-menu UL LI.first-child { background-image: url("img/menu-first-child.gif"); padding-left: 15px; }
#block-menu UL LI A { font-size: 11px; color: #FFF; }

/* ---------------------------- Top menu end ---------------------------------- */


/* ---------------------------- Sponsors end ---------------------------------- */

/* ---------------------------- Content begin ------------------------------- */
#block-content { padding-left: 117px; padding-top: 35px; padding-right: 30px; } 

#block-content-inner { height: 330px; overflow:auto; }
#block-content DIV.wide { width: 615px; }
#block-content DIV.medium { width: 450px; }
#block-content DIV.short { width: 360px; }

#block-content H1 {
  color: #FF0204; font-size: 20px; margin-bottom: 15px;
  position: relative; height: 30px; width: 615px; line-height: 30px;
  overflow: hidden; 
}
#block-content H1 SPAN {
  width: 100%; height: 100%; position: absolute; top:0; left:0;
  background: transparent none no-repeat left center; 
}
#block-content H1#h1-accueil SPAN        { background-image: url("img/h1/accueil.png"); }
#block-content H1#h1-boutique SPAN       { background-image: url("img/h1/boutique.png"); }
#block-content H1#h1-competition SPAN    { background-image: url("img/h1/competition.png"); }
#block-content H1#h1-equipe SPAN         { background-image: url("img/h1/equipe.png"); }
#block-content H1#h1-jsr SPAN            { background-image: url("img/h1/jsr.png"); }
#block-content H1#h1-nous-contacter SPAN { background-image: url("img/h1/nous-contacter.png"); }
#block-content H1#h1-rejoignez-nous SPAN { background-image: url("img/h1/rejoignez-nous.png"); }
#block-content H1#h1-sponsors SPAN			 { background-image: url("img/h1/sponsors.png"); }
#block-content H1#h1-videos SPAN				 { background-image: url("img/h1/videos.png"); }
#block-content H1#h1-error SPAN          { background-image: url("img/h1/erreur.png"); }
#block-content H1#h1-admin SPAN          { background-image: url("img/h1/admin.png"); }

#block-content H2 { font-size: 14px; font-weight: bold; margin-bottom: 15px; }
#block-content H4 { font-weight: bold; margin-bottom: 15px; color: #FF0204; }
#block-content P { margin-bottom: 15px; padding-left: 10px; }
#block-content DL { }
#block-content DD { font-weight: bold; padding-left: 15px; margin-bottom: 15px; }
#block-content FORM LABEL { margin-bottom: 5px; display: block; font-size: 1px; }
#block-content FORM LABEL SPAN.caption { display: block; color: #4E4E4E; }
#block-content INPUT.in { border: 1px solid #9E9E9E; color: #333; padding: 2px; }
#block-content INPUT.in-req { border: 1px solid #9E9E9E; color: #333; padding: 2px; }
#block-content INPUT.but { border: 1px solid #666; color: #333; padding: 2px; }


#block-content .date { font-size: 11px; color: #7D7D7D; }
#block-content .name { color: #DA0010; font-weight: bold; }
#block-content P.more { color: #FF0204; font-style: italic; text-align: right; }
#block-content P.more A { color: #FF0204; font-style: italic; text-decoration: none; }
#block-content DIV.empty { height: 100px; }
#block-content DIV.line { height: 1px; background-color: #BFBFBF; overflow:hidden; clear:both; }

TABLE.table-form { border-collapse: collapse; width: 100%; }
TABLE.table-form TD { padding: 5px; }
TABLE.table-form TH { padding: 5px; text-align: right; }

.center { text-align: center!important; }
.left { text-align: left!important; }
.italic { font-style: italic!important; }
.underline { text-decoration: underline!important; }
.bold { font-weight: bold!important; }
.normal { font-weight: normal!important; }
.no-padding { padding: 0!important; }
.important { color: #DA0010!important; font-weight: bold!important; }
.big { color: #303030!important; font-weight: bold!important; font-size: 12px!important; text-transform: uppercase;}
.comment { color: #666!important; font-weight: bold!important; }
.error { color: #DA0010!important; font-weight: bold!important; }
DIV.error { padding: 5px 0; }

.width50  { width: 50px!important; }
.width100 { width: 100px!important; }
.width125 { width: 125px!important; }
.width150 { width: 150px!important; }
.width200 { width: 200px!important; }
.width250 { width: 250px!important; }
.width300 { width: 300px!important; }
.width350 { width: 350px!important; }
.width400 { width: 400px!important; }
.width450 { width: 450px!important; }
.width500 { width: 500px!important; }


#block-content A.email { /* no padding for A in IE5.0 ;( */
  voice-family: "\"}\""; 
  voice-family:inherit;
  padding-left: 15px;
  background:transparent url("img/icons/email-off.gif") no-repeat left center ; }
#block-content A.email:hover {
  voice-family: "\"}\""; 
  voice-family:inherit;
  background-image: url("img/icons/email-on.gif");}



#block-content DIV.member { margin-bottom: 15px; padding-right: 5px; zoom:1; overflow: hidden; }
#block-content DIV.member * { font-size: 11px; }
#block-content DIV.member A { text-decoration: none; }
#block-content DIV.member A:hover { color: #DA0010; }
#block-content DIV.member P { margin-bottom: 0; padding-left: 0; }
#block-content DIV.member P.title {
  float:left; color: #DA0010; font-weight: bold; clear: both; font-size: 12px; }
#block-content DIV.member P.address { float:right; color: #454545; }
#block-content DIV.member P.descr { color: #454545; margin-bottom: 10px; }
#block-content DIV.member TABLE { margin-left: 60px; width: 250px; }
#block-content DIV.member TABLE TH { font-weight: normal; color: #DA0010; text-align: left; }


#ul-menu-jsr {
  position: absolute; right: -16px; top: 28px; z-index: 1;
  width: 200px; height: 420px; overflow: hidden; padding-top:3px;
  background: transparent url("img/ul-menu-jsr.png") no-repeat left top;
}
#ul-menu-jsr LI { padding-left: 15px; }
#ul-menu-jsr LI A { 
  display: block; cursor: pointer; position: relative;
  text-align: center; color: #FF0204; font-size: 20px; font-weight: bold;
}
#ul-menu-jsr LI A SPAN {
  display: block; position: absolute; top: 0; left: 0;
  width: 100%; height: 100%; background: transparent none no-repeat left top;
}
#ul-menu-jsr LI A:hover { border: 0px solid transparent; color: #000; } /* without it bg for span does not work in IE6 */
#ul-menu-jsr LI A:hover SPAN { background-position: left bottom; }

#ul-menu-jsr LI#li-calendar A { width: 171px; height: 99px; }
#ul-menu-jsr LI#li-description A { width: 171px; height: 105px; }
#ul-menu-jsr LI#li-modalites A { width: 171px; height: 105px; }
#ul-menu-jsr LI#li-s-inscrire A { width: 171px; height: 99px; }
#ul-menu-jsr LI#li-calendar A SPAN { background-image: url("img/ul-menu-jsr/calendar.png"); }
#ul-menu-jsr LI#li-description A SPAN { background-image: url("img/ul-menu-jsr/description.png"); }
#ul-menu-jsr LI#li-modalites A SPAN { background-image: url("img/ul-menu-jsr/modalites.png"); }
#ul-menu-jsr LI#li-s-inscrire A SPAN { background-image: url("img/ul-menu-jsr/s-inscrire.png"); }



#block-right {
  position: absolute; right: -17px; top: 29px; z-index: 1;
  width: 292px; /* width: 293px; */ /*padding-left: 10px;*/ padding-right: 1px;
/*  height: 404px; *//* height: 416px; */ padding-top: 5px; padding-bottom: 7px;
  background: transparent url("img/block-right.png") no-repeat left top;
}
#block-right DIV.inner { height: 400px; overflow: auto; margin-left:10px;}

#block-right H3 { position: absolute; width:100%;/*width: 240px; */height: 26px; overflow: hidden; top: -17px; left: 10px; }
#block-right H3 SPAN { 
  position: absolute; top: 0; left: 0;
  display: block; width: 100%; height: 100%;
  background: transparent none no-repeat left top;
}
#block-right H3#h3-news SPAN { background-image: url("img/h3-news.png"); }
#block-right H3#h3-evenements SPAN { background-image: url("img/h3-evenements.png"); }

#block-right DIV.news { clear: left; margin-bottom: 10px; zoom: 1; overflow: hidden; }
#block-right DIV.news P { color: #333; margin-bottom: 5px; font-size: 11px; padding-left: 0; }
#block-right DIV.news P.date { color: #7D7D7D; margin-bottom: 0; padding-top: 1px; }
#block-right DIV.news P.more { margin-bottom: 0; padding-right: 10px; }
#block-right DIV.news P.more A { font-size: 11px; }
#block-right DIV.news H4 { margin-bottom: 5px; font-size: 11px; }
#block-right DIV.news IMG { display: block; width:250px; }

#block-right DIV.equipe { clear: left; padding: 3px 0; zoom: 1; overflow: hidden; border-bottom: 1px solid #B6B6B6; }
#block-right DIV.equipe P { color: #333; margin-bottom: 5px; font-size: 11px; padding-left: 0; }
#block-right DIV.equipe P.more { margin-bottom: 0; padding-right: 10px; }
#block-right DIV.equipe P.more A { font-size: 11px; color: #DA0010; }
#block-right DIV.equipe H4 { margin-bottom: 5px; font-size: 11px; color: #DA0010; }
#block-right DIV.equipe IMG { float: left; margin-right: 3px; }


/* ---------------------------- Content end --------------------------------- */
/* ---------------------------- Footer begin -------------------------------- */
/* ---------------------------- Footer end ---------------------------------- */
/* ---------------------------- Single pages styles begin ------------------- */
/* ---------------------------- Single pages styles end --------------------- */


/* ---------------------------- Sponsors start -------------------------------- */

#block-sponsors { 
/*  position: absolute; bottom: 13px; left: 110px;*/
    position: absolute; bottom: 13px; left: 190px;
  width: 533px; overflow: hidden;
  background:transparent url("img/block-sponsors.png") no-repeat left top;
  font-size: 0; 
}
#block-sponsors IMG {
  margin:21px 3px;
  border:2px solid #808080;
}

div.player {
	display:	block;
	width:	320px;
	margin: 0 auto;
}