html {
background-color:#000;
font-family:century gothic, Verdana, Arial, sans-serif;
background-position:top center;
background-repeat:no-repeat;
background-attachment:fixed;
background-image:url(../image/mecanique_style/fond.jpg);
color:#FFF;
font-size:12px;
}

#menu {
position:absolute;
top:10px;
left:50%;
margin-left:-430px;
text-align:left;
width:180px;
}

html>body #menu {
position:fixed;
}

#menu h1.dionysos {
background-image:url(../image/mecanique_style/haut_menu_dionysos.png);
background-repeat:no-repeat;
height:120px;
margin:0;
padding:0;
}

#menu h1.basmenu {
background-image:url(../image/mecanique_style/bas_menu_dionysos.png);
background-repeat:no-repeat;
height:75px;
margin:0;
padding:0;
}

#menu h1.basmenu_photo {
background-image:url(../image/mecanique_style/bas_menu_photo.png);
background-repeat:no-repeat;
height:159px;
margin:0;
padding:0;
}

#navigation {
width:180px;
list-style:none;
margin:0;
padding:0;
}

#navigation li {
color:#fff;
border:0;
margin:0;
padding:0;
}

#navigation li a {
display:block;
background-repeat:repeat-y;
background-image:url(../image/mecanique_style/li_menu.png);
color:#fff;
font:bold 13px Arial,sans-serif;
line-height:1em;
text-align:center;
text-decoration:none;
padding:4px 0;
}

#navigation li a.actif {
font:bold 17px Arial,sans-serif;
/*background:#CCC;*/
background:#FFF;
color:#000;
}

#navigation li a.actifsous {
/*background:#CCC;*/
font:bold 11px Arial,sans-serif;
background:#FFF;
color:#000;
}

#navigation li a.sous {
font:normal 10px Arial,sans-serif;
/*background:#CCC;*/
background:#FFF;
color:#000;
}

#navigation li a:hover,#navigation li a:focus,#navigation li a:active {
/*background:#CCC;*/
background:#FFF;
color:#000;
text-decoration:none;
}

#bloccontenu {
position:absolute;
top:10px;
left:50%;
margin-left:-230px;
text-align:left;
width:515px;
}

#bloccontenu h1.mecanique {
background-image:url(../image/mecanique_style/bandeau_mecanique.png);
background-repeat:no-repeat;
height:120px;
margin:0;
padding:0;
}

#contenu {
background-image:url(../image/mecanique_style/etoile_fond.jpg);
background-position:bottom center;
background-repeat:no-repeat;
background-attachment:fixed;
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
margin:0;
padding:0;
}

#contenu h2 {
font:bold 17px Arial,sans-serif;
border-bottom:2px solid #FFF;
width:490px;
color:#FFF;
margin:0 0 0 10px;
padding:10px 0 0;
}

#contenu h3,#contenu a.lienh3, #contenu h3 a, #contenu h3 a:hover, #contenu h3 a:visited, #contenu h3 a:link {
font:bold 14px Arial,sans-serif;
width:490px;
color:#FFF;
text-align:center;
margin:0;
padding:10px 0;
text-decoration:none;
}

#contenu h4 {
font:bold 12px Arial,sans-serif;
width:490px;
color:#FFF;
text-align:center;
margin:0;
padding:10px 0;
}

#contenu h4.left {
font:bold 12px Arial,sans-serif;
color:#FFF;
text-align:left;
margin:0;
padding:10px 0;
}

.news {
margin:0;
padding:5px;
}

.biographie,.liens,.surprises,.contactez,.listeconcert {
text-align:justify;
color:#FFF;
font:normal 11px Verdana, Arial,sans-serif;
margin:0;
padding:10px;
}

.videonysoslien,.videonysosvideo,.merchandising,.disco_pochette,.discographielien,.anciennes_actualites,.ancien_passage {
text-align:center;
color:#FFF;
font:normal 11px Verdana, Arial,sans-serif;
margin:0;
padding:10px;
}

.pasdeconcert {
text-align:justify;
color:#FFF;
font:normal 11px Verdana, Arial,sans-serif;
height:210px;
margin:0;
padding:10px;
}

.concertinfo {
width:450px;
text-align:left;
color:#FFF;
font:normal 11px Verdana, Arial,sans-serif;
margin:0 auto;
padding:0;
}

.disco_liste {
width:400px;
text-align:left;
color:#FFF;
font:normal 11px Verdana, Arial,sans-serif;
margin:0 auto;
padding:0;
}

.disco_liste span {
font:italic 10px Verdana, Arial,sans-serif;
}

.contactez a {
text-decoration:none;
font:bold 11px Verdana, Arial,sans-serif;
color:#FFF;
}

.verte {
font:normal 11px Verdana, Arial,sans-serif;
width:100%;
text-align:justify;
color:#FFF;
}

.align_droite {
text-align:right;
font:normal 10px Verdana, Arial,sans-serif;
color:#FFF;
}

.jaune {
float:left;
width:100px;
text-align:center;
color:#FFF;
margin:0;
}

div.journal_vide {
text-align:justify;
color:#FFF;
font:normal 11px Verdana, Arial,sans-serif;
height:280px;
margin:0;
padding:10px;
}

.liens ul,.listeconcert ul {
list-style-type:square;
}

.liens li,.listeconcert li {
font:normal 10px Verdana, Arial,sans-serif;
line-height:25px;
margin:0;
padding:0;
}

.videonysoslien a,.liens a,.listeconcert a,.discographielien a,.align_droite a {
text-decoration:none;
font:bold 12px Verdana, Arial,sans-serif;
color:#FFF;
}

.jaune a,a.liens_normal,.verte a,.ancien_passage a {
font:bold 11px Verdana, Arial,sans-serif;
text-decoration:none;
color:#FFF;
}

.float_sur {
color:#FFF;
text-align:center;
float:left;
width:230px;
}

div.listedisque {
float:left;
width:230px;
text-align:center;
height:200px;
margin:0;
padding:0;
}

div.listedisque a {
text-decoration:none;
color:#FFF;
}

div.listedisque img {
border:0;
}

div.spacer {
clear:both;
}

.photo {
text-align:center;
float:left;
width:240px;
color:#FFF;
font:normal 11px Verdana, Arial,sans-serif;
margin:0 10px 0 0;
padding:0;
}

.photo_texte {
text-align:center;
float:left;
width:100%;
color:#FFF;
font:normal 11px Verdana, Arial,sans-serif;
margin:0;
padding:0;
}

.photo img {
border:3px solid #fff;
margin:0 auto;
}

.lien_photo,.lien_photo:link,.lien_photo:visited {
text-decoration:none;
color:#FFF;
font-weight:bold;
font-size:10px;
}

.lien_photo:hover {
text-decoration:underline;
}

.img_mer {
border:0 solid #fff;
}

#blocdroite {
position:absolute;
right:50%;
margin-right:-430px;
text-align:left;
width:180px;
background-color:#000;
}

#menu h1.dionysos span,#menu h1.basmenu span,#menu h1.basmenu_photo span,#bloccontenu h1.mecanique span {
display:none;
}