@charset "UTF-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
}

body {
/*font-family: "Courier New", Courier, mono;*/
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
font-size: 14px;
background: url(../images/bg.gif);
/*background: #999999;*/
}
img {
border: 0 none;
margin-right: 1em;
}

a {
color: black;
}

a:hover {
text-decoration:none;
color:#333333;
}

#conteneur {
position:absolute;
width:800px;
height:600px;
top:50%;
left:50%; 
margin-top:-300px;
margin-left:-400px;
background:url(../images/accueil.jpg);
}

#principal {
position:absolute;
width:670px;
top:100px;
left: 300px;
text-align:justify;
/*background: url(../images/bg_texte.gif);*/
background:#CEBDA5;
margin-bottom: 40px;
padding: 1em;
}

#img_centre {
position: relative;
left:50%;
margin-left: -250px;
margin-bottom: 2em;
display:block;
}

h1 {
font-size: 20px;
font-weight: bold;
}

h2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 2em;
}
h3 {
font-size: 14px;
font-weight: bold;
margin-bottom: 1em;
}
h4 {
font-size: 14px;
color: #FF3300;
display:inline;
}
#separe {
border-top: 1px inset #666666;}

ul {
list-style: square;
}
li {
margin-top:1.5em;
}
#legal {
position:absolute;
bottom:0;
left:0;
font-size:10px;}

#home {
display: block;
position: absolute;
width: 126px;
height: 95px;
top: 0px;
left: 80px;
background: url(../images/logo.gif) no-repeat 0 0;
}
#logo_home {
display: block;
position: absolute;
width: 225px;
height: 180px;
top: 0px;
left: 0px;
background: url(../images/logo_home.jpg) no-repeat 0 0;
}

#menu {
position:absolute;
width:182px;
height:193px;
top:200px;
left:80px; 
background:url(../images/menu_accueil.gif);
}

#alain {
display: block;
position: absolute;
width: 182px;
height: 34px;
top: 0;
left: 0;
background: url(../images/menu_accueil.gif) no-repeat 0 0;
}

#alain:hover {
background-position: -182px 0;
}

#pain {
display: block;
position: absolute;
width: 182px;
height: 34px;
top: 34px;
left: 0;
background: url(../images/menu_accueil.gif) no-repeat 0 0;
background-position: 0 -34px;
}

#pain:hover {
background-position: -182px -34px;
}

#disco {
display: block;
position: absolute;
width: 182px;
height: 34px;
top: 66px;
left: 0;
background: url(../images/menu_accueil.gif) no-repeat 0 0;
background-position: 0 -66px;
}

#disco:hover {
background-position: -182px -66px;
}

#concerts {
display: block;
position: absolute;
width: 182px;
height: 34px;
top: 96px;
left: 0;
background: url(../images/menu_accueil.gif) no-repeat 0 0;
background-position: 0 -96px;
}

#concerts:hover {
background-position: -182px -96px;
}

#contact {
display: block;
position: absolute;
width: 182px;
height: 34px;
top: 126px;
left: 0;
background: url(../images/menu_accueil.gif) no-repeat 0 0;
background-position: 0 -126px;
}

#contact:hover {
background-position: -182px -126px;
}

#liens {
display: block;
position: absolute;
width: 182px;
height: 34px;
top: 156px;
left: 0;
background: url(../images/menu_accueil.gif) no-repeat 0 0;
background-position: 0 -156px;
}

#liens:hover {
background-position: -182px -156px;
}