/* HOMEPAGE */
#colonne1{
position: relative;
margin: 17px 16px 0 16px;
padding: 0;
width: 360px;
float: left;
}
#colonne2{
position: relative;
margin: 17px 16px 0 0;
padding: 0;
width: 265px;
float: left;
}
#colonne3{
position: relative;
margin: 17px 0 0 0;
padding: 0;
width: 300px;
float: left;
}
div#alaune_list {
width: 644px;
height: 248px;
margin:0 16px 0 12px;
overflow: hidden;
position: relative;
border:1px solid #e4e4e4;
}
div#alaune_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}
ul#output {
left: 0;
width: 463px;
height: 248px;
position: relative;
}
ul#output li {
position: absolute;
width: 644px;
height: 248px;
}
ul#tabs {
right: 0;
z-index: 2;
width: 202px;
}
ul#tabs li {
left: 463px;
font-family:Arial;
font-size:11px;
}
ul#tabs li a {
text-decoration: none;
display: block;
padding:0 0 0 32px;
height: 83px;
outline: none;
color:#414141;
background:  url('../style/box/slide1.png') repeat-x bottom;
}
ul#tabs li a:hover {
text-decoration: none;
color:#FFF;
}
ul#tabs li a.current {
background:  url('../style/box/slide2.png') repeat-x bottom;
color:#FFF;
}
ul#tabs li a.current:hover {
background:  url('../style/box/slide2.png') repeat-x bottom;
}
ul#tabs li a span.unetitle {
font-family:Arial;
font-weight:bold;
font-size:18px;
letter-spacing:-1px;
display:block;
padding: 7px 0 5px 0;
margin:0;
}
#futurhit{
position: relative;
width: 264px;
height: 109px;
margin: 0;
padding: 0;
background: url(../style/box/futurhit.gif) no-repeat;
}
#futurhit #content{
position: relative;
margin: 0;
padding: 18px 18px 0 18px;
width: 228px;
}
#sondage{
position: relative;
width: 300px;
height: 109px;
margin-top: -4px;
padding: 0;
background: url(../style/box/sondage.gif) no-repeat;
}
#sondage #content{
position: relative;
margin: 0;
padding: 16px 16px 0 16px;
width: 268px;
}
.sondoui{
border:none;
font-size:0px;
color:#414141;
background: transparent url('../style/icone/oui-off.gif') no-repeat top left;
width:36px;
height:25px;
cursor:pointer;
text-indent:-300px;
padding-top:15px;
}
.sondnon{
border:none;
font-size:0px;
color:#414141;
background: transparent url('../style/icone/non-off.gif') no-repeat top left;
width:36px;
height:25px;
cursor:pointer;
text-indent:-300px;
padding-top:15px;
}
.progressBar{
width:208px;
height:12px;
left:10px;
position:relative;
}
.progressBar span{
position:absolute;
display:block;
width:200px;
height:12px;
background:url(../style/bg/progress.gif) no-repeat 0 0;
overflow:hidden;
text-indent:-300px;
}
.progressBar em{
position:absolute;
display:block;
width:200px;
height:12px;
background:url(../style/bg/progress_cover.gif) repeat-x 0 0;
}

#content-head ul {
position: relative;
width: 265px;
height: 32px;
margin: 0;
padding: 0;
bottom: 0;
background: url(../style/box/tab-pix.gif) bottom repeat-x;
}
#content-head li {
height: 32px;
margin: 0;
padding: 0;
list-style: none;
float: left;
background: url(../style/box/tab-divider.gif) top left no-repeat;
}
#content-head li a {
height: 23px;
padding: 9px 10px 0 10px;
font: bold 11px Arial;
color: #414141;
float: left;
background: url(../style/box/tab-bg2.gif) bottom;
display: inline;
margin: 0 0 0 2px;
text-decoration:none;
}
#content-head li.first {
background: none;
}
#content-head li.first a {
background-position: bottom left;
border-left: 0;
margin: 0;
}
#content-head li.last a {
background-position: bottom right;
border-right: 0;
}
#content-head li a:hover,
#content-head li a.on {
text-decoration: none;
background-position: top;
color: #FFFFFF;
}
#content-head li.first a.on,
#content-head li.first a:hover {
background-position: top left;
}
#content-head li.last a.on,
#content-head li.last a:hover {
background-position: top right;
}
#content-head li a.off,
#content-head li a:hover.off {
background-position: bottom;
color: #FFFFFF;
cursor: default;
}
#content-head li.first a.off,
#content-head li.first a.off:hover {
background-position: bottom left;
}
#content-head li.last a.off,
#content-head li.last a.off:hover {
background-position: bottom right;
}
.tabbed-content {
display: none;
width: 241px;
height: 174px;
background: url(../style/box/265b.gif) no-repeat left bottom;
padding: 12px;
}
.tabbed-content2 {
width: 241px;
height: 174px;
background: url(../style/box/265b.gif) no-repeat left bottom;
padding: 12px;
}
#charts_2, #charts_3 { display:none; }

.etoile1{
height: 50px;
background: url(../style/icone/etoile1.gif) 100% no-repeat;
}
.etoile2{
height: 50px;
background: url(../style/icone/etoile2.gif) 100% no-repeat;
}
.etoile3{
height: 50px;
background: url(../style/icone/etoile3.gif) 100% no-repeat;
}
.b958t {
width: 958px;
background: url(../style/box/958h.gif) no-repeat left top;
padding-top: 5px;
margin: 0;
font-size: 1px;
}
.b958b {
width: 958px;
height: 0px;
background: url(../style/box/958b.gif) no-repeat left bottom;
padding-bottom: 5px;
margin: 0;
font-size: 1px;
}
.b958 {
width: 936px;
background: #ffffff;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
margin: 0;
padding: 0 10px 0 10px;
}
.b361t {
width: 360px;
height: 0px;
background: url(../style/box/361h.gif) no-repeat left top;
padding-top: 3px;
margin: 0;
font-size: 1px;
}
.b361 {
width: 338px;
background: #f6f6f6 url(../style/box/361b.gif) no-repeat left bottom;
padding: 7px 11px 12px 11px;
margin-bottom: 12px;
}
.b361tb {
width: 360px;
height: 0px;
background: url(../style/box/361hb.gif) no-repeat left top;
padding-top: 3px;
margin: 0;
font-size: 1px;
}
.b361b {
width: 338px;
background: #f0faff url(../style/box/361bb.gif) no-repeat left bottom;
padding: 7px 11px 12px 11px;
margin-bottom: 12px;
}
.b293t {
width: 293px;
height: 0px;
background: url(../style/box/293h.gif) no-repeat left top;
padding-top: 4px;
margin: 0;
font-size: 1px;
}
.b293 {
width: 269px;
background: #f7f7f7 url(../style/box/293b.gif) no-repeat left bottom;
padding: 12px;
}
.b50 {
width: 50px;
}
.orangehp {
font-family: Arial;
color: #FFFFFF;
background-color: #FF5E13;
font-size: 11px;
padding: 0 6px 0 6px;
text-decoration:none;
}
.deroul {
width:100%;
height:160px;
overflow:auto;
}
.vert11 a {
font-family: Arial;
color: #008500;
font-size: 11px;
text-decoration:none;
}
.vert11 a:hover	 {
font-family: Arial;
color: #008500;
font-size: 11px;
text-decoration:underline;
}