body{
color : white;
font-family : arial;
width: 900px;
margin: auto; 
/* margin-top: 20px; */
/* margin-bottom: 20px; */
/* background-image: url("images/fond.jpg"); */
background-color: #3f3f3f;
}

a img
{
border: none;
}


/* Bannière haut */

#en_tete
{
width: 900px;
height: 226px;
background-repeat: no-repeat;
margin-bottom: 0px;
background-color: black;
}

#en_tete a
{
display:block;
height:226px;
width:900px;
}

#evenement
{
width: 620px;
height: 100px;
background-image: url("design/even.jpg");
margin-left: 12%;
}

#evenement a
{
display:block;
height:100px;
width:620px;
}






/* Menu déroulant */

#menu, #menu ul
{
padding : 0;
margin : 0;
list-style : none;
line-height : 21px;
text-align : center;
}

#menuD
{
font-family : verdana;
font-size : 12px;
width: 900px;
height: 58px;
background-image: url("design/menu2.png");
}


#menu  a
{
display : block;
padding : 0;
background-image: url("design/menu2.png");
color : #fff;
text-decoration : none;
width : 179px;

} 

#menu li
{
float : left;
/* border-right : 1px solid #fff; */
}

html>body #menu li
{
border-right : 1px solid black;
}

#menu li ul
{
position : absolute;
width : 144px;
left : -999em;
}

#menu li ul li
{
/* border-top : 1px solid #fff; */
}

html>body #menu li ul li
{
/* border-top : 1px solid black; */
}

#menu li ul ul
{
margin : -22px 0 0 179px;
border-left : 1px solid black;
}

html>body #menu li ul ul
{
border-left : 1px solid black;
}

#menu a:hover
{
color: white;
background : #343639; /*78827b*/
}

#menu li:hover ul ul, #menu li.sfhover ul ul
{
left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul 
{
left: auto;
min-height: 0;
}



/* Corps du site */

#corps
{
margin-right : 0px;
margin-top : -3px;
margin-left : 0px;
margin-bottom: 0px;
padding: 15px;
font-size : small;
background-image: url("design/fond.png");
min-height: 360px;
text-align: justify;
}


/* Propriétés des liens */

a {color: white; text-decoration:none;}
a :visited {color:white; text-decoration:none;}


/* histoire */

#histoire
{
margin-right : 0px;
margin-top : -3px;
margin-left : 0px;
margin-bottom: 0px;
padding: 15px;
font-size : small;
color: white;
text-align: justify;
background-image: url("design/fond.png");
min-height: 257px;
}


/* interactif */


#interactif
{
background-image:url("design/photo.png");
background-repeat: no-repeat;
width: 191px;
height: 194px;
margin-left: 650px;
margin-top: 15px;
}


#interactif a.galerie
{
display:block;
height:25px;
width:110px;
margin-left: 60px;
margin-top: 5px;
}

#interactif a.galerie:hover
{
display:block;
height:25px;
width:110px;
margin-left: 60px;
margin-top: 5px;
}


#image_accueil
{
margin-left: 16.4px;
margin-top: 12px;
width: 150px;
height: 100px;
}



#intro
{
background-image:url("design/accueil.png");
width: 604px;
height: 194px;
float: left;
margin-left: 0px;
text-align: justify;
}

#txtintro
{
text-align: justify;
padding: 15px;
}



/* news */

#news
{
font-family : arial;
font-size : small;
color : white;
margin-top : 40px;
margin-right : 300px;
width: 599px; /*396*/
height: 268px;
background-image:url("design/news.png");

}

#news a:hover
{
color:#78827b;

}


/* Forum */

#forum
{
font-family : arial;
font-size : small;
color : white;
margin-top : 35px;
margin-right : 300px;
width: 599px;
height: 268px;
background-image:url("design/forum.png");


}


#forum tr:hover a
{
color:#78827b;
}

#forum tr:hover
{
color:#78827b;
}

#infoforum tr:hover
{
color: white;
}

/* Profil/connexion */


#profil
{
font-family : arial;
font-size : small;
color : white;
background-image:url("design/connexion.png");
width : 248px; /*265  296*/
height : 268px;
float : right;
margin-left : 5px;
margin-right: 5px;
margin-top : 40px;
text-align : center;

}

#profil  a:hover
{
color:#78827b;
}


/* Agenda */


#agenda
{
font-family : arial;
font-size : small;
color : black;
background-image:url("design/agenda.png");
width : 248px;
height : 297px;
float : right;
margin-left : 5px;
margin-right: 5px;
margin-top : 15px;

}


/* Pied de page */

#pied_de_page
{
text-align : center;
color : white;
font-size : 10px;
background-image:url("design/piedpage.png");
width: 900px;
height: 56px;
background-repeat: no-repeat;
}

#pied_de_page a:hover
{
text-decoration: underline;
}

#ggmap
{
float: right;
margin-top: 200px;
}

#setlist
{
float:left;
}

#picboot
{

}

#commboot
{
clear: left;
margin-top: 400px;
}

#lineup
{

}



/* Propriétés des class */



h1
{
text-align : center;
}


.lien
{
font-family : arial;
color : white;
}

.lienpage a:hover
{
color:#78827b;
}


.newsA
{

left: 340px;
bottom: 115px;
position: absolute;
}


table.mp 
{
text-decoration: none;
text-align : left;
margin-left: 8px;
margin-top: -18px;
}

.auteur
{
width: 25%;
}

.date
{
width: 25%;
}


.connexion
{
width: 50%;
}

.mp2
{
text-decoration : none;
margin-bottom: 5px;
margin-top: 23px;
color: blue;
}

.noavatar
{
text-decoration : none;
margin-bottom: 5px;
margin-top: 35px;
}

p.avatar
{
margin-top: 22px;
}


.connecte
{
text-align:center;
text-decoration: underline;
}

.cbgb
{
text-align : center;
}

.album
{
text-align : center;
}

.paroles
{
text-align: center;
}

.login
{
color: red;
}

.profil
{
text-align: center;
}

.bloc-profil
{
width: 40%;
border-color: #969696;
}

.bloc-profil a:hover
{
color:#78827b;
}

.background-galerie
{
background-color: #262727;
}

.btconnexion
{
border-style: none;
}

.paroles a:hover
{
text-decoration: underline;
}


.dates
{
text-align: center;
}

.dates a:hover
{
text-decoration: underline;
}

table.dvd
{
margin-left: auto;
margin-right: auto;
}

.livre
{
text-align: center;
}

.agenda
{

}


/* Setlist */

a.info {
   position: relative;

   text-decoration: none;

}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: auto; /* on change le curseur par défaut en curseur d'aide */
}
a.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: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: black;
   padding: 3px;

   border: 1px solid black;
   border-left: 1px solid black;
}