@charset "utf-8";
/* CSS Document */

body {
	margin-top:10px;
	background:#FEF2BE url('http://fun-trades.com/espmembres/background.png') repeat 0px 0px;
	font-family: "VERDANA", "ARIAL","HELVETICA"; 
	color: #000000; 
	font-size: 12px; 
	font-weight: normal; 
	text-decoration:none;
}
#wrapper {
	width:900px;
	background-color:#FEF2BE;
	border:3px solid #4488ff;
	padding:15px;
	margin: 10px auto;
}

.contenu{
	width:730px;
	margin: 0px 0px 0px 150px;
}



fieldset {
  border-color:black;
  border-style:dotted;
  border-width:1px;
  width:90%;
  height:100%;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
}
legend {
  top:-0.8em;
  border-color:black;
  border-style:solid;
  border-width:1px;
  color:#ccbb66;
  background-color:#333333;
  font-size:9pt;
  font-weight:bold;
  position:relative;
  padding:0.1em;
}
a.infobu 
{
position: relative;
text-decoration: none;
color:#ccbb66;
}

a.infobu:hover
{
z-index:25; 
background: none;
}
a.infobu span
{
display: none
}
a.infobu:hover span
{ 
display: block;
position: absolute;
top: 2em;
left: 1em;
width:20em;
text-decoration : none;
border:2px solid #6699cc;
background-color:#eeeeee;
color:#6699cc;
text-align: center;
padding: 2px;
}

a:link {color: #4488FF; text-decoration: none; font-weight: normal;}
a:visited {color: #4488FF; text-decoration: none; font-weight: normal;}
a:active {color: #66bbff; text-decoration: none; font-weight: normal;}
a:hover {color: #66bbff; text-decoration: none; font-weight: normal;}
h1 {margin:0px;font-size:24px;}
h2 {margin:0px;font-size:18px;}
img {border:0px;}

/* Cases */
.info1 {height:14px;float:left;color:#ccbb66;margin-bottom:1px;margin-right:1px;background-color:#111111;padding:0px 3px 0px 3px;}
.info2 {height:14px;float:left;color:#ccbb66;margin-bottom:1px;margin-right:1px;background-color:#222222;padding:0px 3px 0px 3px;}
a.info1:hover {height:14px;float:left;color:#ccbb66;margin-bottom:1px;margin-right:1px;background-color:#555555;padding:0px 3px 0px 3px;}
a.info2:hover {height:14px;float:left;color:#ccbb66;margin-bottom:1px;margin-right:1px;background-color:#555555;padding:0px 3px 0px 3px;}

/* Tableau des informations du compte */
.en-tete {
	width:900px;
	height:132px;
	float:left;
	position:relative;
	color:#ccbb66;
	background-image:url('http://fun-trades.com/espmembres/fun-trades.png');
}
.vip {
	width:468px;
	height:60px;
	margin:0;
	text-align:center;
	font-size:12px;
	position:absolute;
	top:10px;
	right:20px;
}
.trader {
	width:200px;
	height:60px;
	margin:6px;
	position:absolute;
	text-align:center;font-size:12px;
	color:#000000;
	top:20px;right:489px;
}
.echanges {
	width:884px;
	height:15px;
	position:absolute;
	text-align:left;font-size:12px;
	top:98px;left:5px;
	border:1px solid #000000;
	background-color:#111111;
}
.infotop {
	width:722px;
	height:15px;
	position:absolute;
	margin-bottom: 5px;
	text-align:left;font-size:12px;
	padding-left:3px;
	top:123px;left:167px;
	border:1px solid #008080;
	color:#000000;
	background-color:red;
	cursor:pointer;
}


/* Navigation gauche */
.menu {
	width:164px;
	float:left;
	color:#ccbb66;
}
.ecranwrap {
	width:150px;
	padding:0px 9px 0px 5px;
	background-image:url('http://fun-trades.com/espmembres/navi.png');
}
.ecranmenu {
	width:149px;
	padding-top:1px;padding-left:1px;
}
.menudivision {
	width:164px;
	height:17px;
	background-image:url('http://fun-trades.com/espmembres/menudivision.png');
}
.menufin {
	width:164px;
	height:5px;
	background-image:url('http://fun-trades.com/espmembres/menufin.png');
}

/* Tableau 600*/
.tableauhaut{
	width:700px;
	height:9px;
	background-image:url('http://fun-trades.com/espmembres/courshaut.png');
}
.tableaubas{
	width:700px;
	height:5px;
	background-image:url('http://fun-trades.com/espmembres/coursbas.png');
}
.tableaucontenu{
	width:686px;
	padding:0px 9px 0px 5px;
	font-size:12px;
	color:#ccbb66;
	background-image:url('http://fun-trades.com/espmembres/cours.png');
}
.sortable{
	width:686px;
	background-color:#000000;
}

/* Lignes du tableau des cours*/
.infocours{
	width:684px;
	text-align:center;
	background-color:#333333;
	font-weight:bold;
}
.courspos{
	width:684px;
	color:#44ff66;
	text-align:left;
	background-color:#222222;
}
.coursneutre{
	width:684px;
	color:#ccbb44;
	text-align:left;
	background-color:#222222;
}
.coursneg{
	width:684px;
	color:#ff4455;
	text-align:left;
	background-color:#222222;
}
.sortable img {margin:1px 0px 0px 1px;vertical-align:text-top;}

.titre{width:160px;vertical-align:middle;}
.cours{width:87px;vertical-align:middle;}
.spread{width:87px;vertical-align:middle;}
.cump{width:87px;vertical-align:middle;}
.var{width:82px;vertical-align:middle;}
.ouv{width:52px;vertical-align:middle;}
.haut{width:52px;vertical-align:middle;}
.bas{width:52px;vertical-align:middle;}