* {
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
  }

body
  {
  background-color: #001;
  color: #eef;
  margin: 0;
  padding: 0 2px;
  }

#principal
  {
  width: 762px;
  border: none;
  margin: auto;
  padding: 0;
  }

h1
  {
  border: solid 2px #8BBDD6;
  border-left: solid 2px #55779A;
  border-top: solid 2px #55779A;
  width: 600px;
  height: 80px;!
  height: 1px;
  text-align: center;
  margin: auto;
  padding: 0;
  }

h1 img
  {
  margin: 0;!
  margin-bottom: -7px;
  padding: 0;
  }

img
  {
  border: none;
  padding: 0;
  margin: 0;
  }

.left
  {
  float: left;
  margin: 10px;
  }

/* metal */
.metal
  {
  float: left;
  margin : 0;
  padding: 38px;
  width: 302px;
  height: 161px;
  background-color : transparent;
  background-image : url('../images/interface/metal/fond.jpg');
  background-repeat : no-repeat;
  }

.metalh2
  {
  background-image : url('../images/interface/metal/2xfond.jpg');
  height: 398px;
  margin: auto;
  }

.metalw2
  {
  background-image : url('../images/interface/metal/fondx2.jpg');
  width: 682px;
  height: 90px;
  }

.metalmenu
  {
  background-image: url('../images/interface/metal/fond-2.jpg');
  width : 107px;
  height: 390px;
  padding: 42px;
  }

.metal h2, .metal h3, .metal h4
  {
  background-image : url('../images/interface/metal/fond-titre.jpg');
  background-repeat : no-repeat;
  margin: 0;
  margin-bottom: 2px;
  padding: 8px 10px;
  font-weight: normal;
  font-size: 0.78em;
  width: 284px;
  height: 17px;
  }

.metal h2
  {
  text-align: center;
  background-image : url('../images/interface/metal/fond-titreh2.jpg');
  padding: 30px 0;
  margin: 5px 110px;
  font-size: 1em;
  width: 452px;
  height: 20px;
  }

.metal h3
  {
  margin-top: -3px;
  }

.metal h3 span.page
  {
  float: right;
  }

.metal a
  {
  color: #bbe;
  text-decoration: none;
  }

.metal p, .metal ul, .metal form
  {
  text-align: justify;
  margin: 10px 0;
  padding: 10px;
  font-size: 0.78em;
  background-color: #445;
  border: solid 2px #8BBDD6;
  border-left: solid 2px #55779A;
  border-top: solid 2px #55779A;
  }

.metal ul.spaced
  {
  margin-top: 10px;
  }

.metal p.text
  {
  clear: both;
  margin-top: 55px;
  }

.metal form
  {
  margin:0;
  margin-top: 5px;
  font-size: 1em;
  }

.metal ul
  {
  background-color: transparent;
  border: none;
  float: left;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  font-size: 0.75em;
  text-align: right;
  width: 298px;
  }

.metal ul.caracsmalllist, .metal ul.caracsmalllist li
  {
  width: 131px;
  }

.metal li
  {
  float: none;
  text-align: left;
  list-style-type: none;
  padding : 0;
  margin: 0;
  background-color: #445;
  border: solid 2px #8BBDD6;
  border-left: solid 2px #55779A;
  border-top: solid 2px #55779A;
  width: 100%;
  min-height: 20px;
  }

.metal li.last
  {
  margin-bottom: 5px;
  }

.metal .icone
  {
  margin: 0;
  padding: 0;
  float: left;
  text-align: left;
  border-right: solid 2px #8BBDD6;
  background-image : url('../images/interface/metal/fond-icone.jpg');
  background-repeat : no-repeat;
  background-position : top right;
  width: 25px;
  height: 20px;!
  height: 17px;
  }

.metal .icone img
  {
  margin: 0;!
  margin-bottom: -3px;
  }

.metal .carac, .metal .value, .metal label
  {
  padding-top: 3px;
  padding-right: 3px;
  text-align: right;
  }

.metal .carac, .metal label
  {
  font-weight: bold;
  }

.metal .carac, .metal .name, .metal .date, .metal .time, .metal .short, .metal .short2, .metal .long, .metal .mp_nb
  {
  padding-top: 2px;
  padding-right: 2px;
  display: -moz-inline-box;!
  display: inline-block;
  float: left;
  text-align: right;
  border-right: solid 2px #8BBDD6;
  width: 90px;
  height: 20px;!
  height: 17px;
  }

.metal .date, .metal .time, .metal .short, .metal .short2, .metal .long, .metal .mp_nb
  {
  width: 50px;
  }

.metal .mp_nb
  {
  width: 44px;
  }


.metal .short2
  {
  width: 65px;
  }

.metal .long
  {
  width: 119px;
  }

.metal form ul.ulform
  {
  margin:0;
  float: none;
  clear: both;
  width: 302px;!
  width: 100%;
  }

.metal form ul.ulform li
  {
  background-color: transparent;
  float: left;
  border: none;
  }

.metal input, .metal label
  {
  margin: 0;!
  paddin:0;
  float: left;
  border: solid 2px #8BBDD6;
  border-left: solid 2px #55779A;
  border-top: solid 2px #55779A;
  }

.metal label
  {
  display: -moz-inline-box;!
  display: inline-block;
  background-color: #445;
  padding-left: 4px;
  width: 113px;
  min-width: 118px;
  height: 19px;
  text-align: left;
  vertical-align: top;
  }

.metal input
  {
  width: 149px;!
  width: 147px;
  height: 20px;
  }

.metal .buton
  {
  font-size: 0.8em;
  font-weight: bold;
  float: none;
  clear: both;
  margin: 0;
  margin-left: 129px;!
  margin-left: 125px;
  width: 104px;
  }

.metal textarea
  {
  width: 275px;!
  width: 271px;
  height: 205px;
  }

.metal .caracsmalllist .carac
  {
  display: none;
  }

.metalh2 .carac
  {
  display: block;
  }

.metal .image, .metal .image2, .metal .image3
  {
  float: right;
  height: 50px;
  margin-top: 20px;
  border: solid 2px #8BBDD6;
  border-left: solid 2px #55779A;
  border-top: solid 2px #55779A;
  }

.metal .image a
  {
  margin: 0;
  padding: 0;
  }

.metalh2 .image
  {
  float: left;
  margin: 10px 0 0;
  padding: 0;
  height: 150px;
  }

.metalh2 .image2
  {
  float: none;
  margin: auto;
  height: 300px;
  width: 150px;
  }

.metalh2 .image3
  {
  float: none;
  margin: auto;
  height: 143px;!
  height:0px;
  width: 300px;
  }

.metal img
  {
  margin: 0;!
  margin-bottom: -10px;
  }

.metalh2 .image3 img
  {
  margin: 0 -4px -3px 0;
  padding: 0;
  }


.metal p img.icones
  {
  display: block;
  float: left;
  margin: 3px 5px 5px 0;
  border: none;
  height: 20px;
  }

/* / metal */
/* menu */
.menu
  {
  float: left;
  background-image: url('../images/interface/metal/fond-2.jpg');
  background-repeat: no-repeat;
  border: none;
  width : 103px;
  height: 386px;
  padding: 44px;
  margin: 0;
  }

.menu2
  {
  float: right;
  }

.menu ul
  {
  background-color : transparent;
  list-style-type: none;
  padding: 0;
  padding-bottom: 0;
  margin: 0;
  margin-bottom: 20px;
  width: 100px;
  }

.menu li
  {
  background-color : transparent;
  border : none;
  margin: 0;
  padding: 0;
  }

.menu a
  {
  background-image: url('../images/interface/metal/boutons/bouton1.jpg');
  background-repeat: no-repeat;
  border: none;
  display: block;
  color: #001;
  font-weight: bold;
  font-size: 0.7em;
  text-decoration: none;
  text-align: left;
  height: 15px;
  width: 90px;
  margin: 0;
  padding: 5px;
  }

.menu a:hover
  {
  background-image: url('../images/interface/metal/boutons/bouton2.jpg');
  }

#accueil #li-accueil a,
#presentation #li-presentation a,
#regles #li-regles a,
#palmares #li-palmares a,
#inscription #li-inscription a,
#garage #li-garage a,
#magasin #li-magasin a,
#briefing #li-briefing a,
#courses #li-courses a,
#poste #li-poste a,
#new-mp #li-new-mp a,
#federation #li-federation a,
#cockpit #li-cockpit a,
#reactor #li-reactor a,
#calculator #li-calculator a,
#navigation #li-navigation a,
#power #li-power a,
#comfort #li-comfort a,
#stable #li-stable a,
#player #li-player a,
#playerstable #li-stable a,
#playerstable #li-player a,
#rider #li-rider a,
#vehicule #li-vehicule a,
#send #li-send a,
#received #li-received a,
#mp0 #li-mp0 a,
#mp1 #li-mp1 a,
#mp2 #li-mp2 a,
#mp3 #li-mp3 a,
#mp4 #li-mp4 a,
#tokens #li-tokens a,
#massage #li-massage a,
#coffee #li-coffee a,
#jackpot #li-jackpot a
  {
  background-image: url('../images/interface/metal/boutons/bouton3.jpg');
  }

.menu form
  {
  border: none;
  padding: 0;
  margin: 0;
  }

.menu input
  {
  border: solid 2px #8BBDD6;
  border-left: solid 2px #55779A;
  border-top: solid 2px #55779A;
  padding: 0;
  margin: 0 0 2px 0;
  width: 97px;
  font-size: 0.9em;
  }

.menu input .buton
  {
  font-weight: bold;
  font-size: 0.7em;
  width: 100px;
  }

.menu label
  {
  border: solid 2px #8BBDD6;
  border-left: solid 2px #55779A;
  border-top: solid 2px #55779A;
  background-color: #ccc;
  display: block;
  color: #001;
  width: 92px;
  font-weight: bold;
  font-size: 0.7em;
  padding: 2px;
  }

/* /menu */
pre
  {
  display: block;
  border: solid 1px red;
  float: left;
  }