/** Dionysos Eats Music **/

/** General **/
html, body {height: 100%;  }
body { height:100%; margin:0; padding:0; font: normal 12px Arial, Helvetica, sans-serif; color:#000000; }
input{ outline:none; }
.clearBoth { clear:both; height:1px; font-size:1px; }
.txt-invisible {display:none; }
/** Titres **/
h1, h2, h3, h4, h5 { color:#000000; margin:0; padding:0; }

/** Liens **/
a { color: #000000;text-decoration: none; }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover, a:focus, a:active { color: #000000; outline:none; }

body a img { border: none; }
a.lienh3 {font : bold 18px Arial, Helvetica, sans-serif; color: #000000;text-decoration: none;}

/** Image de fond **/
#background_image { position:absolute;top:0;	left:0;	width:100%;	height:100%; min-width:970px;/*min-height:600px;*/overflow:hidden;z-index:0; }
#background_image img{ position:fixed;min-width:600px; }

#main {width:960px; margin: 0 auto; padding: 40px 0 0 0;}

/** entête **/
#main  #header {position:relative; z-index:100; width:960px; height:141px;}
#main  #header a.accueil span {display:none;}
#main  #header #menu {width:960px;background:#000000 repeat-y scroll left top;  margin:0; padding:0;}
#main  #header #menu ul {width:906px; margin:0 auto; padding:0; list-style-type: none; background-color:#000000; }
#main  #header #menu ul li { padding:0 4px; margin:0; float:left; background-color:#000000;}
#main  #header #menu ul li.actif {background-color:#FFFFFF;}
#main  #header #menu ul li a { color:#FFFFFF; text-decoration:none; font : bold 15px Arial, Helvetica, sans-serif;}
#main  #header #menu ul li.actif a { color:#000000;}

/** contenu **/
#main  #contenu {position:relative; z-index:100; width:960px; background:url(../image/eats/fond-contenu.gif) repeat-y top left; padding:30px 30px 10px 30px;}
#main  #contenu #col_gauche{margin:0 20px; float:left;}
#main  #contenu #col_gauche #sous_menu{width:230px; }
#main  #contenu #col_gauche #sous_menu h2{font : bold 24px Arial, Helvetica, sans-serif;}
#main  #contenu #col_gauche #sous_menu ul {margin:0 auto; padding:0; list-style-type: none; }
#main  #contenu #col_gauche #sous_menu ul li {padding:0; margin:7px 0; }
#main  #contenu #col_gauche #sous_menu ul li.actif {padding:0 0 0 5px; background-color:#000000;  }
#main  #contenu #col_gauche #sous_menu ul li a {color:#000000; text-decoration:none; font : bold 14px Arial, Helvetica, sans-serif;}
#main  #contenu #col_gauche #sous_menu ul li.actif a {color:#FFFFFF;}
#main  #contenu #col_gauche #dessin {margin:40px 0; }

#main  #contenu #col_droite { width :600px; float:left;}
#main  #contenu #col_droite #fil_ariane{font : bold 12px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
#main  #contenu #col_droite #fil_ariane a{ font : bold 12px Arial, Helvetica, sans-serif;  margin: 0 0 0 5px;}
#main  #contenu #col_droite h3{font : bold 22px Arial, Helvetica, sans-serif; border-bottom:1px solid #000000; margin: 0 0 10px 0;}
#main  #contenu #col_droite h4{font : bold 18px Arial, Helvetica, sans-serif; margin: 0 0 5px 0;}
#main  #contenu #col_droite li{list-style-type:square; margin:2px 0;}
#main  #contenu #col_droite a{font: bold 12px Arial, Helvetica, sans-serif; }
#main  #contenu #col_droite .news{margin: 0 0 20px 0;}
#main  #contenu #col_droite .poste{text-align:left; font : normal 10px Arial, Helvetica, sans-serif; margin: 0 0 5px 0;}
#main  #contenu #col_droite .anciennes_actualites{text-align:right;}
#main  #contenu #col_droite .news .anciennes_actualites{text-align:center;}
#main  #contenu #col_droite .center{text-align:center;}
#main  #contenu #col_droite .liens_utiles {text-align:right; margin:20px 0 0 0;}
#main  #contenu #col_droite .liens_utiles a{font : bold 14px Arial, Helvetica, sans-serif; color:#000000; }

/** discographie **/
#main  #contenu #col_droite .listedisque {float:left; height:200px; margin:0; padding:0; text-align:center; width:300px; }
#main  #contenu #col_droite .disco_pochette {width:100%; text-align:center; font:normal 11px Arial, Verdana, sans-serif; margin:0; padding:10px 0;}
#main  #contenu #col_droite .disco_liste { width:400px; text-align:left; font:normal 11px Arial, Verdana, sans-serif; margin:0 auto; padding:10px 0; }
#main  #contenu #col_droite .disco_liste span { font:italic 10px Verdana, Arial,sans-serif; }

/** videonysos video **/
#main  #contenu #col_droite .videonysosvideo { text-align:center; margin: 10px 0 25px 0; }

/** photos **/
#main  #contenu #col_droite .photo {float:left; text-align:center; width:300px; margin: 10px 0 25px 0; }
#main  #contenu #col_droite .photo_index {float:left; text-align:center; width:300px; margin: 10px 0; }
#main  #contenu #col_droite .photo_texte {text-align:center; width:600px; margin: 5px 0; }
#main  #contenu #col_droite .photo a img.photos {/*border: 2px solid #OOOOOO; */}

/** surprises **/
#main  #contenu #col_droite .surprises { text-align:left; margin: 10px 0 25px 0; }
#main  #contenu #col_droite .surprises .float_sur {float:left; text-align:center; width:300px;}

/** footer **/
#main  #footer {position:relative; z-index:100; width:900px; height :30px; background:url(../image/eats/fond-footer.gif) no-repeat bottom left; padding:0 30px; font : bold 13px Arial, Helvetica, sans-serif; text-align:center;}
#main  #footer #txt{padding:6px 0 0 0; font : bold 13px Arial, Helvetica, sans-serif; color:#FFFFFF;}
#main  #footer a {font:bold 13px Arial, Helvetica, sans-serif; color:#FFFFFF; }
