/* CSS Document */

body
{
margin:auto;
width:1009px;
padding-top:10px;
padding-bottom:10px;
background-color:#000000;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#intro{
width:1009px;
height:690px;
background-color:#000000;
border:grey solid 1px;
}

#wermutnews{
width:1009px;
height:170px;
background-image:url(../img/title-news.jpg);
}

#wermutbio{
width:1009px;
height:170px;
background-image:url(../img/title-bio.jpg);
}

#wermutconcerts{
width:1009px;
height:170px;
background-image:url(../img/title-concerts.jpg);
}

#wermutgallery{
width:1009px;
height:170px;
background-image:url(../img/title-gallery.jpg);
}

#wermutdisco{
width:1009px;
height:170px;
background-image:url(../img/title-disco.jpg);
}

#wermutside{
width:1009px;
height:170px;
background-image:url(../img/title-side.jpg);
}

#wermutlinks{
width:1009px;
height:170px;
background-image:url(../img/title-links.jpg);
}

#wermutcontact{
width:1009px;
height:170px;
background-image:url(../img/title-contact.jpg);
}

#wermutside{
width:1009px;
height:170px;
background-image:url(../img/title-side.jpg);
}

#bandeau{
position:inherit;
width:1009px;
height:99px;
background-image:url(../img/testbandeau.jpg);
background-repeat:no-repeat;
text-align:center;
}

#fond{
width:1009px;
background-image:url(../img/testbackground.jpg);
background-repeat:repeat-y;
border:grey solid 1px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding-top:5px;
padding-bottom:10px;
background-attachment:fixed;

}

#text{
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
padding-top:20px;
text-align:justify;
}

#itw{
background-color:white;
color:#000000;
border:thin white solid;
padding:5px;
opacity:0.3;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

img{
border:white solid 1px;
}

ul {
 padding:0;
 margin:1;
 list-style-type:none;
 }
 
li {
 float:left; /*pour IE*/
 border-left:1px solid black;
 }
 
ul li a {
 display:block;
 float:left;   
 width:100px;
 line-height:25px; /*hauteur de l'image de fond*/
 background:url(../img/menu1.png) repeat-x;
 color:white;
 text-decoration:none;
 text-align:center;
 }
 
ul li a:hover {
 background:url(../img/menu2.png) repeat-x;
 color:black;
 font-weight:bold;
 }  
 
#menu{
float:inherit;
margin-left:10px;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

a{
color:#FFFFFF;
}

a:hover{
color:#FFFFFF;
text-decoration:overline;
}

a:visited{
color:#BC955A;
text-decoration:none;
}

.image{
float: left;
margin: 0 6px 6px 0;
}

div.hr {
  height: 15px;
  width:797px;
  background: url(../img/hr.png) scroll center;
}
div.hr hr {
  display: none;
}
