@charset "utf-8";
/* CSS Document */


* {
    padding:0;
    margin:0;
    border:0;
    text-decoration:none;
    list-style-type:none;
}

body {
background-image:url(../images/bg.jpg);
margin: 0 auto;
padding: 0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif

}
#conteneur {
width: 739px;
margin: 0 auto;
padding: 0 auto;
margin-top: 30px;
margin-bottom: 30px;
}

#imagetop {
background: url(../images/guitar.jpg);
width: 480px;
height: 362px;
float:left;

}

#menu{
background: url(../images/menubg.jpg);
width: 259px;
height: 362px;
margin-left: 480px;
}

#kainlogo {
text-indent: -2000px;
background:url(../images/logo.jpg);
width: 192px;
height: 59px;
float: left;
}

#barflash {
background:url(../images/barflash.jpg);
width: 534px;
height: 57px;
margin-left: 194px;
padding-left: 10px;
padding-top: 2px;


}


#contenu {
background:url(../images/topcontenu.jpg);
background-repeat: no-repeat;
padding-top: 31px;
}

#centre {
min-height: 100px;
background:url(../images/bgprincipal.jpg);

}

#flashelement {
border: 1px solid #5c2a13;
border-left: 2px solid #5c2a13;
border-right: 2px solid #5c2a13;


}
 #sous_menu {
 width: 250px;
 padding: 10px;
 position: relative;
 float: left;

 
 }

#texte {
min-height: 500px;
margin-left: 280px;
PADDING-BOTTOM: 30PX;
font-size: 12px;
padding-right: 20px;
}

#texte p {
margin-bottom: 10px;
}


#texte h2 {
font-size: 15px;
margin-bottom: 20px;

}
#sous_menu h2{
font-size: 15px;
margin-left: 15px;
margin-top: 10px;
margin-bottom: 20px;

}

#resultats {
padding-top: 50px;

WIDTH: 350PX;
}

#resultats p{
letter-spacing: 0,8px;
line-height: 17px;
}

form p {
background:url(../images/transparency.png);
margin-bottom: 10px;
font-size: 11px;
width: 200px;
margin-left: 30px;
padding: 2px;
padding-left: 5px;
}

textarea {
background-color:transparent;
margin-bottom: 10px;


}

input{
background-color:transparent;

}
#submit {
margin-left: 30px;
margin-top: 10px;
}
#imgbarre2 {

margin-left: 70px;
margin-top: 40px;

}
.com {
margin-bottom: 15px;

}


.com h3 {
font-size: 12px;
color: #845e48;

}

.com h3 a, .com h3 a:visited{
font-size: 12px;
color: #845e48;
text-decoration: none;


}

.com h4 {
font-size: 15px;
color: #845e48;
font-weight: bold;

}

.com p {
font-size: 11px;
padding-top: 10px;
}

.com img {
margin-top: 25px;
margin-bottom: 15px;

}
h3 {

font-size: 15px;
margin-bottom: 40px;
margin-top: 20px;

}


#nouvelles {
width: 350px;
float:left;
padding-left: 20px;
padding-top: 30px;
min-height: 500px;

}

#nouvelles a:link, #nouvelles a:visited {
color: #845e48;

}

#demandepecial {
width: 250px;
margin-left: 430px;
font-size: 11px;

}

#demandepecial p{
font-size: 11px;
text-align: justify;
line-height: 17px;
letter-spacing: 0,8px;

}

#shows {
width: 250px;
margin-left: 430px;
min-height: 320px;
}

.journal h2 {
font-size: 14px;
margin-bottom: 5px;
margin-top: 20px;

}

#shows h2 {
font-size: 14px;
margin-top: 10px;
}

#shows p {
font-size: 11px;
text-align: justify;
line-height: 17px;
letter-spacing: 0,8px;
margin-top: -2px;

}

.journal p {
font-size: 11px;
text-align: justify;
line-height: 17px;
letter-spacing: 0,8px;
}
/*MENU*/

#menu a span { display: none; }

#menu li {
margin-bottom: -12px;
margin-left: 25px;

}

#menu ul {
padding-top: 20px;

}

#baspage {
width: 739px;
height: 50px;
margin: 0 auto;
padding: 0 auto;
background:url(../images/topcontenu.jpg);
background-position: top;
background-repeat: no-repeat;
padding-top: 15px;
margin-top: -20px;
}

#backbas {
width: 739px;
margin: 0 auto;
padding: 0 auto;
background:url(../images/bottomcontenu.jpg);
text-align: center;
background-position:bottom;
padding-bottom: 10px;
font-size: 10px;
}

#imgbarrebio {
margin-top: 50px;

}


#imgbarrebiodeux {
margin-left: 20px;
margin-top: 10px;

}

#menuBio {
margin-top: 20px;
margin-left: 20px;

}

#menuBio li {
margin-bottom: 10px;

}

/* BOUTON ACCUEIL */

#menu a.accueil{
	
	display: block;
    width: 180px;
	height: 55px;
	background: url(../images/accueil.png);
}

#menu a.accueil:hover{
	background: url(../images/accueilOver.png);
}


#menu a.accueilCurrent{
	
	display: block;
  width: 180px;
	height: 55px;
	background-image: url(../images/accueilOver.png);
}


/* BOUTON BIO */

#menu a.biographie{
	
	display: block;
    width: 180px;
	height: 55px;
	background: url(../images/biographie.png);
}

#menu a.biographie:hover{
	background: url(../images/biographieOver.png);
}


#menu a.biographieCurrent{
	
	display: block;
    width: 180px;
	height: 55px;
	background-image: url(../images/biographieOver.png);
}

/* BOUTON Calendrier */

#menu a.calendrier{
	
	display: block;
    width: 180px;
	height: 55px;
	background: url(../images/calendrier.png);
}

#menu a.calendrier:hover{
	background: url(../images/calendrierOver.png);
}


#menu a.calendrierCurrent{
	
	display: block;
    width: 180px;
	height: 55px;
	background-image: url(../images/calendrierOver.png);
}

/* BOUTON Presse */

#menu a.presse{
	
	display: block;
    width: 180px;
	height: 55px;
	background: url(../images/presse.png);
}

#menu a.presse:hover{
	background: url(../images/presseOver.png);
}


#menu a.presseCurrent{
	
	display: block;
    width: 180px;
	height: 55px;
	background-image: url(../images/presseOver.png);
}

/* BOUTON Musiques */

#menu a.musiques{
	
	display: block;
    width: 180px;
	height: 55px;
	background: url(../images/musiques.png);
}

#menu a.musiques:hover{
	background: url(../images/musiquesOver.png);
	
}


#menu a.musiquesCurrent{
	
	display: block;
    width: 180px;
	height: 55px;
	background-image: url(../images/musiquesOver.png);
}


/* BOUTON Video */

#menu a.videos{
	
	display: block;
    width: 180px;
	height: 55px;
	background: url(../images/videos.png);
}

#menu a.videos:hover{
	background: url(../images/videosOver.png);
	
}


#menu a.videosCurrent{
	
	display: block;
    width: 180px;
	height: 55px;
	background-image: url(../images/videosOver.png);
}

/* BOUTON Babillard */

#menu a.babillard{
	
	display: block;
    width: 180px;
	height: 55px;
	background: url(../images/babillard.png);
}

#menu a.babillard:hover{
	background: url(../images/babillardOver.png);
	
}


#menu a.babillardCurrent{
	
	display: block;
    width: 180px;
	height: 55px;
	background-image: url(../images/babillardOver.png);
}



/*   Affichage des commentaires */