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

*{
margin:0px;
padding:0px;
}

body, html{
font-size:62.5%;
}

body{
font-size:1.2em;
background:url(images/background.jpg) top left no-repeat #000;
font-family:"Trebuchet MS", "Arial";
color:#FFFFFF;
text-align:justify;
}

p{
margin:8px 0 8px 0;
}

a, .orange{
color:#ffab41;
text-decoration:none;
}

a:focus
{
outline:0;
} 

a:hover{
text-decoration:underline;
}


#conteneur{
width:465px;
margin-left:523px;
}

h1{
width:467px;
height:139px;
background:url(images/logo_bluemiss.jpg) left top no-repeat;
margin-top:31px;
}

#menu{margin:74px 0 40px 0; float:left;}

#menu ul {
display:inline;
}

#menu li{
display:block;
list-style:none;
float:left;
}

#menu li a#bio{
display:block;
width:133px;
height:36px;
background:url(images/bio.jpg) left top no-repeat;
}

#menu li a:hover#bio, #menu li a.activee#bio{
background:url(images/bioHover.jpg) left top no-repeat;
}

#menu li a#musique{
display:block;
width:100px;
height:36px;
background:url(images/musique.jpg) left top no-repeat;
}

#menu li a:hover#musique, #menu li a.activee#musique{
background:url(images/musiqueHover.jpg) left top no-repeat;
}

#menu li a#telecharger{
display:block;
width:119px;
height:36px;
background:url(images/telecharger.jpg) left top no-repeat;
}

#menu li a:hover#telecharger, #menu li a.activee#telecharger{
background:url(images/telechargerHover.jpg) left top no-repeat;
}

#menu li a#telecharger{
display:block;
width:119px;
height:36px;
background:url(images/telecharger.jpg) left top no-repeat;
}

#menu li a:hover#telecharger, #menu li a.activee#telecharger{
background:url(images/telechargerHover.jpg) left top no-repeat;
}

#menu li a#contact{
display:block;
width:113px;
height:36px;
background:url(images/contact.jpg) left top no-repeat;
}

#menu li a:hover#contact, #menu li a.activee#contact{
background:url(images/contactHover.jpg) left top no-repeat;
}

#contenus{
width:465px;
margin-top:40px;
border-top:1px solid #454545;
border-bottom:1px solid #454545;
padding:55px 0 55px 0;
float:left;
}

h2{font-weight:normal; text-transform:uppercase;}

.bloc{
margin:25px 0 25px 0;
float:left;
}

.image{
float:left;
}

.description{
float:left;
width:350px;
margin-left:16px;
}

.youtube{
margin:20px 0 10px 0;
}

#pied{
padding-top:25px;
width:465px;
float:left;
text-align:center;
font-size:0.9em;
}

#pied a{
color:#fff;
}

.invisible{
visibility:hidden;
display:none;
}