@charset "utf-8";
/* Général */
* {margin:0px;padding:0px;}
a {text-decoration:none;outline-style:none;}
img {border:0px;}
dl, dt, dd, ul, li {margin:0;padding:0;list-style-type:none;}
/* Site fond */
 html, body, #boday {
  width: 100%;
  height: 100%;
 }
body{
background: #303030 url(../img/fd.jpg) repeat-x top center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
}
#site{

width:960px;
margin:0 auto;
position:relative;
padding-top:30px;
}
#header {
background:transparent url(../img/fd_menu.gif) no-repeat center center;
width:777px;
height:161px;
}
#header h1 {
position:absolute;
text-indent:-9999px;
display:block;
background:url(../img/logo.gif);
width:237px;
height:56px;
margin:12px 0 0 82px;
}
#header ul{
padding:0 0 0 81px
}
#header li {
float:left;
}
#header li a{
display:block;
width:153px;
height:80px;
background:#444;
color:#999999;
margin: 0 1px 1px 0 ;
text-indent:-9999px;
}
#header li a.mn1{background:#575757 url(../img/mn1.gif) no-repeat left 69px;margin-left:308px;}
#header li a.mn1:hover{background:#ffe243 url(../img/mn1.gif) no-repeat center 69px;}
#header li a.mn1on{background:#ff8942 url(../img/mn1.gif) no-repeat right 69px;margin-left:308px;}
#header li a.mn2{background:#575757 url(../img/mn2.gif) no-repeat left 69px;}
#header li a.mn2:hover{background:#ffe243 url(../img/mn2.gif) no-repeat center 69px;}
#header li a.mn2on{background:#ff8942 url(../img/mn2.gif) no-repeat right 69px;}
#header li a.mn3{background:#575757 url(../img/mn3.gif) no-repeat left 69px;}
#header li a.mn3:hover{background:#ffe243 url(../img/mn3.gif) no-repeat center 69px;}
#header li a.mn3on{background:#ff8942 url(../img/mn3.gif) no-repeat right 69px;}
#header li a.mn4{background:#575757 url(../img/mn4.gif) no-repeat left 69px;}
#header li a.mn4:hover{background:#ffe243 url(../img/mn4.gif) no-repeat center 69px;}
#header li a.mn4on{background:#ff8942 url(../img/mn4.gif) no-repeat right 69px;}
#header li a.mn5{background:#575757 url(../img/mn5.gif) no-repeat left 69px;}
#header li a.mn5:hover{background:#ffe243 url(../img/mn5.gif) no-repeat center 69px;}
#header li a.mn5on{background:#ff8942 url(../img/mn5.gif) no-repeat right 69px;}
#header li a.mn6{background:#575757 url(../img/mn6.gif) no-repeat left 69px;}
#header li a.mn6:hover{background:#ffe243 url(../img/mn6.gif) no-repeat center 69px;}
#header li a.mn6on{background:#ff8942 url(../img/mn6.gif) no-repeat right 69px;}
#contenu{
background:url(../img/col-left.gif) repeat-y top left;
padding-top:1px;
width:696px;
padding-bottom:1px;
}
#content{
width:615px;
margin-left:80px;
border-left:solid 1px #303030;
background:#FFF url(../img/fd_content.gif) no-repeat bottom left;
min-height:404px;
}
#footer{
width:777px;
background:url(../img/fd_footer.gif) no-repeat top left;
height:90px;
}
#copy{
width:616px;
margin:0px 0px 10px 80px;
height:80px;
background:url(../img/col-bottom.gif) no-repeat top right;
}
#copy span{
padding-top:85px;
display:block;
width:616px;}
#copy a.mentions {
display:block;
height:4px;
margin-left:255px;
width:261px;
font-size:0.6em;
color:#FFFFFF;
text-transform:uppercase;
}
#copy a.mentions:hover {
color:#FFCC00;
}

#copy a.copyms{
text-indent:-9999px;
font-size:0;
display:block;
height:7px;
margin-left:354px;
width:261px;
background:url(../img/copy.gif) no-repeat top right;
}
#copy a.copyms:hover{
background:url(../img/copy.gif) no-repeat bottom right;
}

#flc1{
position:absolute;
top:208px;
left:822px;
display:block;
background:url(../img/flc1.gif);
width:80px;height:80px;
z-index:5;
cursor:move;
}
#flc2{
position:absolute;
top:344px;
left:770px;
display:block;
background:url(../img/flc2.gif);
width:80px;height:80px;
z-index:5;
cursor:move;
}
#flc3{
position:absolute;
top:521px;
left:850px;
display:block;
background:url(../img/flc3.gif);
width:109px;height:55px;
z-index:5;
cursor:move;
}
#flc4{
position:absolute;
top:550px;
left:797px;
display:block;
background:url(../img/flc4.gif);
width:30px;height:30px;
z-index:5;
cursor:move;
}
#flc5{
position:absolute;
top:320px;
left:890px;
display:block;
background:url(../img/flc5.gif);
width:30px;height:30px;
z-index:5;
cursor:move;
}
#flc6{
position:absolute;
top:230px;
left:784px;
display:block;
background:url(../img/flc5.gif);
width:30px;height:30px;
z-index:5;
cursor:move;
}
h2.lastnews{
position:absolute;
background:url(../img/h2-lastnews.gif);
display:block;
text-indent:-9999px;
margin: 80px 0 0 100px;
width:67px;
height:9px;
font-size:0;
}
h2.contactme{
position:absolute;
background:url(../img/h2-contactme.gif);
display:block;
text-indent:-9999px;
margin: 80px 0 0 100px;
width:80px;
height:9px;
font-size:0;
}
h2.lastmix{
position:absolute;
background:url(../img/h2-lastmix.gif);
display:block;
text-indent:-9999px;
margin: 80px 0 0 100px;
width:62px;
height:9px;
font-size:0;
}
h2.whoami{
position:absolute;
background:url(../img/h2-whoami.gif);
display:block;
text-indent:-9999px;
margin: 80px 0 0 100px;
width:66px;
height:9px;
font-size:0;
}
h2.disco{
position:absolute;
background:url(../img/h2-discographie.gif);
display:block;
text-indent:-9999px;
margin: 80px 0 0 100px;
width:94px;
height:9px;
font-size:0;
}
h2.links{
position:absolute;
background:url(../img/h2-links.gif);
display:block;
text-indent:-9999px;
margin: 80px 0 0 100px;
width:42px;
height:9px;
font-size:0;
}
#content.news {

}
#content.news h3 {
padding:10px 30px 0px 250px;
color:#f77e34;
font-weight:normal;
font-size:1.05em;
text-align:right;}
#content.news h3 strong{
padding-left:15px;
background:url(../img/h3news.gif) no-repeat center left;
}
#content.news p {
padding:0px 30px 3px 250px;
text-align:right;
font-size:0.75em;
color:#555;
}
#content.news span.date {
padding:0px 30px 0px 250px;
text-align:right;
display:block;
text-transform:uppercase;
font-weight:bold;
font-size:0.7em;
color:#222;
}
.pagination {
display:block;
padding:0px 30px 0px 450px;
text-align:right;
height:1.5em;
}
.pagination a {
color:#333333;
background:#CCCCCC;
width:15px;
height:15px;
text-align:center;
font-size:0.65em;
font-weight:bold;
display:block;
float:left;
margin:1px;
padding:1px;
}
.pagination a.activ {
color:#ccc;
background:#333;
}
.pagination a.activ:hover, .pagination a:hover {
color:#333;
background:#ffe243;
}
/* Contact */
table#formu {
margin-left:250px;
}
table#formu td{

margin:0px;

}
table#formu td.left {
color:#333333;
font-size:0.6em;
text-transform:uppercase;
text-align:right;
padding-right:5px;
background:transparent;
}
table#formu textarea, table#formu input {
width:270px;
padding:1px;
border:1px solid #ccc;
color:#444;
font-family:"Trebuchet MS",Arial;
font-size:0.75em;
}
table#formu input.submit {
margin:2px 0;
float:right;
width:100px;
padding-right:30px;
background:url(../img/btn-submit.gif) no-repeat center bottom;
font-size:0;
text-indent:-9999px;
padding:0px;
border:0px;
height:20px;
}
table#formu input.submit:hover {
background:url(../img/btn-submit.gif) no-repeat center top;
}
table#formu input.submit:active {
background:url(../img/btn-submit.gif) no-repeat center center;
}
span.red{
color:red;
}
/* Links */
ul.liens {
margin-left:240px;
font-size:0.7em;
padding-bottom:30px;
}
ul.liens li {
margin-bottom:10px;
}
ul.liens li a {
display:block;
width:400px;
}
ul.liens li a {
color:#333333;
background:#e8e8e8 url(../img/link-off.gif) no-repeat 8px center;
width:330px;
padding:0px 3px 0 25px;
display:block;
margin-bottom:1px;
}
ul.liens li a:hover {
color:#333333;
background:#ffe243 url(../img/link-hover.gif) no-repeat 8px center;
width:330px;
padding:0px 3px 0 25px;
display:block;
margin-bottom:1px;
}
ul.liens li span{
margin:0px 0px 0px 10px;
color:#666666;
}
ul.liens li a em{
font-size:0.7em;
text-transform:uppercase;
color:#e8e8e8;
font-style:normal;
letter-spacing:1px;
}
ul.liens li a:hover em{
color:#777;
}
/*Last Mix*/
ul.lastmix {
margin-left:240px;
font-size:0.7em;
padding-bottom:30px;
}
ul.lastmix li a {
display:block;
width:400px;
}
ul.lastmix li span {
background:#fff url(../img/listmix_fddate.gif) no-repeat top left;
color:#ffe243;
padding:0px 25px 0px 15px;
}
ul.lastmix li a strong {
color:#333333;
background:#e8e8e8 url(../img/spk-off.gif) no-repeat 8px center;
width:330px;
padding:0px 3px 0 25px;
display:block;
margin-bottom:1px;
}
 ul.lastmix li a.played strong, ul.lastmix li a.played:hover strong {
color:#333333;
background:#ff8942 url(../img/spk-on.gif) no-repeat 8px center;
width:330px;
padding:0px 3px 0 25px;
display:block;
margin-bottom:1px;
}
ul.lastmix li a:hover strong {
color:#333333;
background:#ffe243 url(../img/spk-hover.gif) no-repeat 8px center;
width:330px;
padding:0px 3px 0 25px;
display:block;
margin-bottom:1px;
}
/* Player */
#player {
display:block;
position:absolute;
background:url(../img/fdplayer.gif) no-repeat center center;
width:210px;
height:67px;
top:210px;
left:97px;
cursor:move;
z-index:15;
}
#player span{
font-size:0.75em;
padding:1px 3px;
display:block;
width:170px;
color:#FFF;
margin-left:34px;
height:16px;
overflow:hidden;
font-weight:bold;
}
#player .swf {
display:block;

width:176px;
height:14px;
margin:1px 0 0 34px;
cursor:pointer;
}
#player a.play, #player a.pause, #player a.stop,#player a.playon, #player a.pauseon, #player a.stopon {
display:block;
background:url(../img/player-btn-play.gif) no-repeat center top;
width:14px;
height:14px;
text-indent:-9999px;
float:left;
margin-right:1px;
font-size:0em;
}
#player a.play:hover {
background:url(../img/player-btn-play.gif) no-repeat center center;
}
#player a.playon {
background:url(../img/player-btn-play.gif) no-repeat center bottom;
}
#player a.pause {
background:url(../img/player-btn-pause.gif) no-repeat center top;
}
#player a.pause:hover {
background:url(../img/player-btn-pause.gif) no-repeat center center;
}
#player a.pauseon {
background:url(../img/player-btn-pause.gif) no-repeat center bottom;
}
#player a.stop {
background:url(../img/player-btn-stop.gif) no-repeat center top;
}
#player a.stop:hover {
background:url(../img/player-btn-stop.gif) no-repeat center center;
}
#player a.stopon {
background:url(../img/player-btn-stop.gif) no-repeat center bottom;
}
.barre_fd{
background:#a1a1a1;
display:block;
float:left;
width:131px;
height:14px;
font-size:0em;
}
.barre_played{
background:url(../img/barre_played.gif) repeat-y;
height:14px;
width:0px;
font-size:0em;
}
.preload{
background:#CCCCCC;
height:14px;
width:0px;
font-size:0em;
}