/**
 * Inovia Portal - General CSS
 * @copyright Inovia
 */   
html{
  overflow:scroll;
}
body{
  background:#FFFFFF; 
  margin:0;
  padding:O;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}
div#mainBox{
  position:relative;
  width:100%;
  height:100%;
}
div#centeredBox{
  position:relative;
  width:801px;
  margin:0 auto;
  height:100%;
}
#conteneur {
	width:801px;
	_width:771px;
	float:left;
  margin:0;
	background-image: url('../images/repeat.jpg');
}
#header {
	width:801px;
	_width:771px;
	height:216px;
}
#footer {
	width:801px;
	_width:771px;
	height:46px;
}
#copyright{
  position:relative;
	width:801px;
	_width:771px;
	height:10px;
	top:14px;
	_top:-30px;
	font-size:10px;
	color:#888;
	text-align:center;
}
#contenu {
  position:relative;
  left:32px;
	width:737px;
	_width:707px;
	float:left;
  background-color:white;
}
#menu {
  list-style-type: none;
  margin:0;
  margin-top:50px;
  padding:0;
  float:left;
}

#menu li.menuLink a{
  display: block;
  width: 137px;
  padding-top: 3px;
  padding-left: 3px;
  height: 26px;
  text-decoration: none;
  color: #333;
  font-size:11px;
  background:url('../images/button.jpg') -140px 0 no-repeat;
  line-height:17px;
  font-weight:normal;
}

#menu li.menuLink a.active, #menu li.menuLink a:hover {
  font-weight:bold;
  background:url('../images/button.jpg') 0 0 no-repeat;
}
#page{
  float:left;
  width:575px;
  padding:10px;
}
.box h1{
  position:relative;
  z-index:30;
  top:10px;
}
.box p{
  position:relative;
  top:-20px;
  z-index:40;
  padding-top:7px;
  padding-left:25px;
}
.box{
  position:relative;
  padding-left:15px;
}
a{
  color:#5ec0db;
  text-decoration:none;
  font-weight:bold;
}


#references img{
  border:0px;
}
#references h1{
  font-size:18px;
  font-weight:bold;
  color:#5ec0db;
  margin-bottom:6px;
  margin-top:0px;
}
#login{
  position:relative;
  display:block;
  width:397px;
  height:254px;
  left:80px;
  background:url('../images/box.png') 0 0 no-repeat;
  text-align:center;
  padding-top:30px;
}
#tablogin{
  position:relative;
  left:80px;
  top:50px;
}
#tablogin .button2{
  position:relative;
  display:block;
  width:133px;
  height:26px;
  background:url('../images/button2.png') 0 0 no-repeat;
  text-align:center;
  font-weight:bold;
  padding:0px;
  margin:0px;
  border:0px;
  left:50px;;
  top:5px;
}
#tablogin input{
  border:solid 1px;
  border-color:#AAA;
}
#tablogin .button2:hover{
  background:url('../images/button2.png') -133px 0 no-repeat;
}
#player1-legend{
  display:block;
  width:170px;
}
#player1{
  position:relative;
  width:300px;
  left:200px;
  top:-155px;
}

.formError{
  color:#5ec0db;
  font-weight:bold;
}
.important{
  color:#5ec0db;
  font-weight:bold;
}