* {
  margin:0;
  padding:0;
}
body {
  background-color:#000;
  color:#FFF;
  font:12px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Bandeau */
#page {
  width:795px;
  margin:10px auto 0 auto;	
}
.accueil #page {
  background:url(images/bandeau_accueil.jpg) no-repeat;
}
.riders #page {
  background:url(images/bandeau_riders.jpg) no-repeat;
}
.webcam #page {
  background:url(images/bandeau_accueil.jpg) no-repeat;
}
.spot #page {
  background:url(images/bandeau_spot.jpg) no-repeat;
}
.events #page {
  background:url(images/bandeau_events.jpg) no-repeat;
}
.medias #page {
  background:url(images/bandeau_medias.jpg) no-repeat;
}
.shop #page {
  background:url(images/bandeau_shop.jpg) no-repeat;
}
.liens #page {
  background:url(images/bandeau_liens.jpg) no-repeat;
}
.contact #page {
  background:url(images/bandeau_contact.jpg) no-repeat;
}
#logo {
  margin:0;
  padding:135px 0 0 60px;
  display:block;
}

/* Bloc de contenu */
#content {
  margin:20px 3px 0 15px;
  clear:both;
}

/* Classes Générales */
.clear {
  clear:both;
}
.flr {
  float:right;
}
.fll {
  float:left;
}
.marge0 {
  margin:0 !important;
}
.orange {
  color:#D69127;
}
.white {
  color:#FFF !important;
}
.negindent {
  text-indent:-9999px;
}
.center {
  text-align:center;
}
.erreur {
  color:red;
}
.sup {
  color:#000 !important;
  font-weight:bold;
  padding:0 3px;
  background-color:red;
}
.sup:hover {
  color:red !important;
  background-color:#000;
}
fieldset {
  border:none;
}
object {
  display:block;
}
.frmauth {
  text-align:center;
}
.frmauth fieldset {
  border:1px solid #808080;
}
.frmauth p {
  margin:10px 0;
}
a { 
  outline:none;
}

/* Menu */
#menu {
  margin:12px 0 0 60px;
  padding:0;
  height:30px;
  list-style:none;
}
#menu li {
  margin:0 20px 0 0;
  padding:0;
  text-indent:-9999px;
  float:left;
}
#menu li a {
  height:17px;
  display:block;
  outline:none;
}
#menu li a:hover {
  background-position:0 -18px;
}
.on a {
  background-position:0 -18px !important;
}
#accueil a {
  width:43px;
  background:url(images/accueil.gif) no-repeat;
}
#riders a {
  width:42px;
  background:url(images/riders.gif) no-repeat;
}
#spot a {
  width:32px;
  background:url(images/spot.gif) no-repeat;
}
#webcam a {
  width:55px;
  background:url(images/webcam.gif) no-repeat;
}
#events a {
  width:43px;
  background:url(images/events.gif) no-repeat;
}
#medias a {
  width:45px;
  background:url(images/medias.gif) no-repeat;
}
#shop a {
  width:32px;
  background:url(images/shop.gif) no-repeat;
}
#liens a {
  width:36px;
  background:url(images/liens.gif) no-repeat;
}
#forum a {
  width:37px;
  background:url(images/forum.gif) no-repeat;
}
#contact a {
  width:46px;
  background:url(images/contact.gif) no-repeat;
}
#connexion a {
  width:17px;
  background:url(images/connexion.gif) no-repeat;
  margin:0 0 0 70px !important;
}

/* Entetes */
.h1-1 {
  clear:both;
  border:1px solid #808080;
  margin:15px 8px 4px 12px;
  padding:5px 10px;
  color:#D69127;
  font-size:16px;
  font-weight:normal;
}
.h1-1 input {
  background-color:#000;
  color:#D69127;
  width:100%;
  border:none;
  border-bottom:1px dotted #808080;
}
.h1-1 span {
  color:#808080;
  font-size:10px;
}

/* Accueil */
.borderbox {
  margin:0px 8px 0 12px;
  border:1px solid #808080;
  border-bottom:none;
  padding:8px 10px 8px 10px;
  color:#808080;
  line-height:1.1em;
}
.col {
  float:left;
  width:190px;
  margin:0 10px 0 0;
  text-align:justify;
}
#bonne_visite {
  color:#FFF;
  margin-top:50px;
}
#bonne_visite strong {
  color:#D69127;
  font-family:Georgia, "Times New Roman", Times, serif;
}
#img-accueil {
  margin-top:3px;
  width:340px;
}
#footer_accueil {
  clear:both;
  margin-top:-4px;
  height:86px;
  background:url(images/frisebas_accueil.gif) no-repeat;
  text-indent:-9999px;
}
#footer_accueil_simple {
  clear:both;
  margin-top:-4px;
  height:13px;
  background:url(images/frisebas_simple.gif) no-repeat;
}

/* @group Riders */
.riders h1 {
  color:#D69127;
  font-family:"Times New Roman", Georgia, Times, serif;
  font-size:16px;
  font-weight:normal;
}
.riders p {
  color:#808080;
  margin-bottom:10px;
}
.riders img {
  border:none;
}
#p-riders {
  padding-left:30px;
}
#ridercolg {
  float:left;
  width:410px;
  text-align:center;
}
#ridercolg #img {
  border:1px solid #808080;
  height:275px;
  width:410px;
  margin:0;
}
#ridercolg #img img {
  vertical-align:baseline;
}
#frisebas412 {
  background:url(images/frisebas412.gif) no-repeat center top;
  width:412px;
  height:9px;
}
#frisebas347 {
  background:url(images/frisebas410.gif) no-repeat center top;
  width:347px;
  height:9px;
}
#frisebas270 {
  background:url(images/frisebas271.gif) no-repeat center top;
  width:270px;
  height:7px;
}
#ridercolc {
  background:url(images/big-riders.gif) no-repeat 2px center;
  width:92px;
  float:left;
  padding:275px 0 0 0;
  text-align:center;
}
#ridercolc a {
  color:#808080;
  text-decoration:none;
}
#ridercold {
  float:left;
  width:270px;
}
#ridercold img {
  position:absolute;
  border:1px solid #808080;
  margin:0 0 1px 193px;
}
#ridercold h1 {
  color:#D69127;
  border:1px solid #808080;
  padding:10px;
  text-transform:uppercase;
  width:168px;
}
#ridercold h2 {
  color:#000;
  padding:10px 10px 8px 10px;
  width:170px;
  background-color:#808080;
  font-size:14px;
  margin:3px 0 0 0;
  line-height:1.2em;
}
#ridercold #bio {
  color:#000;
  height:60px;
  background-color:#808080;
  padding:0 10px 10px 10px;
  line-height:1.2em;
  overflow:auto;
  
}
#ridercold #texte {
  color:#FFF;
  height:135px;
  margin:3px 0 0 0;
  padding:10px;
  border:1px solid #808080;
  line-height:1.2em;
  overflow:auto;
}

/* Edition */
#ridercold input#nom {
  color:#D69127;
  background-color:#000;
  border:1px solid #808080;
  padding:10px;
  text-transform:uppercase;
  width:168px;
  font:16px "Times New Roman", Georgia, Times, serif;
}
#ridercold textarea#bio {
  color:#000;
  height:60px;
  background-color:#808080;
  margin:0;
  padding:0 0 0 10px;
  font:12px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  border:none;
  width:260px;
  line-height:1.2em;
}
#ridercold textarea#texte {
  color:#FFF;
  height:135px;
  margin:3px 0 0 0;
  padding:10px;
  border:1px solid #808080;
  background-color:#000;
  font:12px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  width:250px;
  line-height:1.2em;
}

.addelement {
  text-align:right;
  margin:0 10px 10px 0;
}
.addelement a {
  color:#D69127;
  text-decoration:none;
}
.addelement a:hover {
  color:#FFF;
}
.frm1 fieldset {
  border:1px solid #808080;
}



/* @end */

/* Spot */
.boxr1 {
  float:right;
  width:190px;
  margin-right:5px;
}
.boxr1 h1 {
  font-size:12px;
  margin:0;
}
.p-1 {
  background-color:#808080;
  color:#000 !important;
  padding:5px 7px;
  margin:5px 0;
  line-height:1.2em;
}
.boxr1 div {
  border:1px solid #808080;
  border-bottom:none;
  background:url(images/frisebas190.gif) no-repeat 0 102%;
  padding-bottom:3px;
}
.boxr1 div p {
  padding:3px 7px;
  margin:5px 0;
  color:#808080;
  line-height:13px;
  word-spacing:0px;
  letter-spacing:-1px;
  text-align:justify;
}
.boxr1 strong {
  color:#FFF;
}
.spot #content img {
  margin-right:1px;
}

/* @group Events */
.wakenroll {
  float:left;
  margin:0 22px 20px 0;
}
.wakenroll img {
  border:1px solid #808080;
}
.wakenroll p {
  background:url(images/frisebas172.gif) no-repeat 0 110%;
  border:1px solid #808080;
  border-bottom:none;
  text-align:center;
  color:#D69127;
  font:bold 14px "Times New Roman", Georgia, Times, serif;
  padding:5px 0 10px 0;
}
.wakenroll a {
  color:#808080;
  text-decoration:none;
}
.wakenroll a:hover {
  color:#D69127;
}

.boxl2 {
  background:url(images/frisebas195.gif) no-repeat 0 101%;
  border:1px solid #808080;
  border-bottom:none;
  float:left;
  padding-bottom:5px;
  margin-right:10px;
  width:195px;
  height:275px;
}
.boxc2 {
  float:left;
  width:185px;
}
.boxc2 h1 {
  border:1px solid #808080;
  padding:8px;
  color:#D69127;
  font:14px "Times New Roman", Georgia, Times, serif;
  margin:0 0 3px 0;
}
.boxc2 #intitule {
  color:#D69127;
  font:14px "Times New Roman", Georgia, Times, serif;
  background-color:#000;
  border:none;
  width:auto;
  border-bottom:1px solid #CCC;
}
.boxc2 #date {
  color:#808080;
  font:14px "Times New Roman", Georgia, Times, serif;
  background-color:#000;
  border:none;
  width:auto;
  border-bottom:1px solid #CCC;
}
.boxc2 #resultat {
  font:10px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:#FFF;
  width:178px;
  background-color:#000;
  border:1px solid #808080;
  border-bottom:none;
  padding:5px 0 0 5px;
  height:215px;
}
.boxr2 #chapeau {
  font:12px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:#FFF;
  background:#000;
  border:1px solid #808080;
  padding:10px;
  margin-bottom:5px;
  width:340px;
  height:85px;
}
.boxr2 #description {
  font:12px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color:#808080;
  color:#000;
  height:144px;
  padding:10px;
  width:340px;
  border:none;
  line-height:1.2em;
}
.boxc2 h1 span {
  color:#808080;
}
.boxc2div {
  border:1px solid #808080;
  border-bottom:none;
  padding:7px 7px 25px 7px;
  height:190px;
  overflow:auto;
  line-height:1.2em;
}
.boxc2div strong {
  color:#FFF;
}

/* Contenu editable */
.boxc2 h2 {
  color:#FFF;
  font-size:12px;
}
.boxc2 p {
  color:#808080;
  font-size:9px;
  margin:7px 0;
}
#frisebas185 {
  background:url(images/frisebas185.gif) no-repeat;
  height:8px;
  width:185px;
}
.boxr2 {
  float:left;
  width:360px;
  margin-left:15px;
}
.boxr2 ul {
  margin:-17px 0 3px 90px;
  position:absolute;
  font-family:"Times New Roman", Georgia, Times, serif;
  list-style:none;
  text-align:center;
}
.boxr2 li {
  display:inline;
  text-align:center;
  padding-right:30px;
}
.boxr2 li a {
  text-decoration:none;
  color:#808080;
}
.boxr2 li a:hover {
  color:#FFF;
}
.boxr2 h3 {
  border:1px solid #808080;
  font-size:12px;
  padding:10px;
  margin-bottom:5px;
  line-height:1.2em;
  height:85px;
}
#boxr2div {
  overflow:auto;
  background-color:#808080;
  color:#000;
  height:148px;
  padding:10px;
  line-height:1.2em;
}
#boxr2div2 {
  text-align:center;
}
#boxr2div2 #intitule {
  background-color:#000;
  border:1px solid #808080;
  color:#D69127;
  margin:5px 0;
}
.img_media {
  width:345px;
  height:245px;
  border:1px solid #808080;
  text-align:center;
}
.img_media img {
  vertical-align:middle;
  display:none;
}
.img_media a {
  display:block;
  width:345px;
  height:245px;
}
.form_media {
  text-align:center;
  margin:10px 5px 5px 0;
}
.form_media fieldset {
  border:1px solid #808080;
}
.navmedia {
  text-indent:-9999px;
  margin:5px auto;
  width:55px;
  height:20px;
}
.flecheg {
  background:url(images/fleche-gauche.gif) no-repeat;
  margin:0 20px 0 0;
  float:left;
  width:17px;
  height:19px;
}
.flecheg:hover {
  background:url(images/fleche-gauche.gif) no-repeat 0 -19px;
}
.fleched {
  background:url(images/fleche-droite.gif) no-repeat;
  float:left;
  width:17px;
  height:19px;
}
.fleched:hover {
  background:url(images/fleche-droite.gif) no-repeat 0 -19px;
}
.mlfleched {
  margin-left:20px;
}
.legend {
  padding:0 0 10px 0;
  color:#D69127;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  text-decoration:underline;
}
.events .swf {
  border:1px solid #808080;
  width:350px;
  margin:0 auto;
}
/* @end */

/* @group Médias */
#ulmedias {
  list-style:none;
  text-indent:-9999px;
  width:774px;
  margin:0;
  background:url(images/fond_medias.gif) no-repeat 0 20px;
}
#ulmedias a {
  display:block;
  width:264px;
  margin:0 auto;
}
#medias-photos {
  background:url(images/medias_photos.gif) no-repeat 0 0;
  height:90px;
}
#medias-videos {
  background:url(images/medias_videos.gif) no-repeat 0 0;
  height:97px;
  margin-top:2px !important;
}

#medias-photos:hover {
  background-position:0 -91px;
}
#medias-videos:hover {
  background-position:0 -97px;
}
.menu_media {
  width:170px;
  float:left;
  list-style:none;
  text-align:right;
  padding:0 55px 0 0;
}
.menu_media a {
  color:#808080;
  text-decoration:none;
}
.menu_media a:hover {
  color:#FFF;
}
#coldmedia {
  float:left;
  text-align:center;
  width:490px;
}
#coldmedia #img {
  border:1px solid #808080;
  height:275px;
  width:410px;
  margin:0 auto;
  background-position:center center;
  background-repeat:no-repeat !important;
}
#coldmedia #img img {
  display:none;
}
#coldmedia #img a {
  display:block;
  height:275px;
  width:410px;
}
#coldmedia #frisebas412 {
  margin:0 auto;
}
.medias .swf {
  border:1px solid #808080;
  width:400px;
  height:300px;
  margin:0 auto;
}

/* @end */


/* Shop */
.divmedia {
  width:138px;
  background:url(images/frisebas138.gif) no-repeat bottom center;
  float:left;
  font-size:12px;
  font-weight:bold;
  color:#808080;
  text-align:center;
  padding-bottom:3px;
  margin-right:20px;
  line-height:1.2em;
}
.divmedia p {
  border:1px solid #808080;
  padding:10px;
  margin-bottom:3px;
}
.divmedia a {
  color:#FFF;
  text-decoration:none;
  font-weight:normal;
  font-size:11px;
}
.divmedia img {
  border:none;
}
.divmediaright {
  float:right;
  width:300px;
  font-size:12px;
  background:url(images/frisebas300.gif) no-repeat bottom center;
  padding-bottom:3px;
  line-height:1.2em;
  margin-right:1px;
}
.p-2 {
  border:1px solid #808080;
  padding:5px;
  color:#D69127;
  margin:0 0 3px 0;
}
.p-3 {
  border:1px solid #808080;
  padding:5px 5px 5px 30px;
  color:#FFF;
  margin:0 0 3px 0;
}
.padmore {
  padding:12px 5px;
}
#portgratuit {
  background-color:#D69127;
  color:#000;
  margin-left:45px;
  padding:0 3px;
}
.p-7 {
  margin:0 0 10px 0;
  font-size:10px;
}
.p-7 a {
  color:#FFF;
  text-decoration:none;
}

/* Liens */
.link {
  margin-top:20px;
  color:#D69127;
  padding:20px 50px;
  line-height:1.4em;
  height:235px;
}
.link p {
  float:left;
  margin-right:125px;
}
.link a {
  color:#808080;
  text-decoration:none;
}
.link a:hover {
  color:#FFF;
}

/* Contact */
.contact #content {
  background:url(images/fond_contact.gif) no-repeat 0 30px;
  line-height:1.2em;
}
.contact #content div {
  width:175px;
  margin:0 auto;
  background:url(images/frisebas175.gif) no-repeat bottom center;
  padding-bottom:10px;
}
.contact #content h1 {
  text-indent:-9999px;
  height:58px;
  background:url(images/barcateam_contact.gif) no-repeat top center;
  margin-bottom:3px;
}
.p-4 {
  background-color:#808080;
  padding:5px;
  color:#000;
}
.p-4 a {
  color:#000;
  text-decoration:none;
}
.p-5 {
  padding:10px 5px;
  border:1px solid #808080;
  margin-bottom:3px;
  background-color:#000;
}
.p-5 a {
  color:#FFF;
  text-decoration:none;
}
.p-6 {
  padding:10px 5px;
  border:1px solid #808080;
  border-bottom:none;
  background-color:#000;
  color:#808080;
}


/* Pied de page */
#footer {
  clear:both;
  height:86px;
  background:url(images/frisebas.gif) no-repeat 0 20px;
  text-indent:-9999px;
}
#credit {
  text-align:center;
  font-size:9px;
  color:#FFFFFF;
  margin-top:15px;
}
#credit a {
  text-decoration:none;
  color:#808080;
  line-height:0.5em;
}