body {background: #612406;font: 10px Verdana, Arial, sans-serif;margin: 0;color: #666;/*border-top: 5px #bb2244 solid;*/font-family:'Century Gothic','Lucida Grande','Trebuchet MS',Verdana,Sans-Serif;}
body#music{background: #000000 url(images/interface/fond.png) repeat-x scroll 0 0;}

#general {width: 820px;margin: 120px auto 20px auto;border-top: 5px #bb2244 solid;position: relative;z-index: 10;}
#music #general{margin: 170px auto 20px auto;}

#bandeau {height: 80px;width: 280px;position: absolute;top: -120px;margin-left:270px;background:url('/img/bandeau.gif') bottom left no-repeat;cursor:pointer;z-index: 10;}
#music #bandeau{margin-left:35px;height: 149px;width: 743px;top: -170px;background:url('/img/header.png') bottom left no-repeat;}

#titreMusic{display: none;}
#music #titreMusic{display: block;position: absolute;color: white;height:100px;width: 400px;top: -170px;left:40px;cursor:pointer;z-index: 600;font-size: 300%;font-weight: bold;font-family:"Trebuchet MS",Verdana,Sans-Serif;}

#navigation {margin: 20px ;position: absolute;top: -45px;left: 20px;width: 780px;z-index: 10;}
#navigation_ico{position: absolute;top: -28px;z-index: 10;}

#contenus {width: 820px;background-color: #FFF8F8;border-bottom: 5px #bb2244 solid;position: relative;top:0px;z-index: 11;}

#contexte1 {width: 160px;float: left;padding: 20px 16px 20px 10px;overflow: hidden;}

#chemin {padding: 0 0 16px 0;font-size: 9px;margin:10px;}
#chemin a {color: #666;}

#corps {width: 620px;overflow: hidden;min-height:500px;height:auto;}

#footer {color: #fff;margin-top: 20px;font-size:10px;text-align:center;}
#footer a {text-decoration:none;color: #BA8177;}
#footer a:hover, #footer a:focus {color: #f00;}

#masque {
  background-color:#000000;
  display:none;
  height:900px;
  opacity:0.8;
  position:absolute;
  width:880px;
  z-index:999;
  top:-125px;
  left: -30px;
}
#showmax{padding:25px;font-weight: bold;position:absolute;display:none;font-size: 70px;color: #FFF;background: #000000;border: 3px solid #CCC;top:120px;left:20%;z-index:1000;-moz-border-radius: 14px;-webkit-border-radius: 14px;margin: auto;}
#showmax img.close{position: absolute;top:-10px;right: -10px;cursor: pointer;}

#fenetre {border:1px solid #000000;background-color: #FFFFFF;display:none;min-height:50px;height:auto !important;height:50px;left:50%;margin-left:-200px;margin-right:auto;margin-top:-175px;position:absolute;top:35%;width:400px;z-index:1000;-moz-border-radius: 7px;-webkit-border-radius: 7px;}

#barre_member{color:#FFFFFF;font-weight:bold;margin:0px;padding:0 5px 3px;background-color:#BB2244;height:17px;-moz-border-radius-bottomleft:9px;-moz-border-radius-bottomright:9px;-webkit-border-radius-bottomright:9px;-webkit-border-radius-bottomleft:9px;}
#barre_member span.edit{position:absolute;left:180px;}
#barre_member span.menu{position:absolute;right:5px;}
#barre_member a.info {position: relative;color: white;text-decoration: none;}
#barre_member .info span {display: none; /* on masque l'infobulle */}
#barre_member .info:hover {background: none; /* correction d'un bug IE */z-index: 500; /* on définit une valeur pour l'ordre d'affichage */cursor:pointer; /* on change le curseur par défaut en curseur d'aide */}
#barre_member .info:hover span {display: inline; /* on affiche l'infobulle */position: absolute;white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */top: 18px; /* on positionne notre infobulle */left: -15px;background: white;color: #BB2244;padding: 3px;border: 1px solid #BB2244;text-decoration: none;}
#barre_member .info:hover span a{color: black;font-size:10px;text-decoration: none;margin-left: 5px;}
#barre_member input.search{color:#666666;border:none;position:absolute;right:6px;top:-2px;-moz-border-radius:3px;-webkit-border-radius:3px;padding-left: 3px;}