body { 
width: 100%;  
margin-left: auto;
margin-right: auto;
text-align: left;
font-family: "Trebuchet MS", "Verdana", "Helvetica" , "Arial", sans-serif;
font-weight: lighter;
font-size: 12px;
color: black;

    }
    
    
.spacer {
clear: both;
}

a {
color: black;
text-decoration:none;
} 

a:hover {
color: #696969;
}

/*-----page ACCUEIL------*/

.accueil {
margin-top: -117px;
margin-left: auto;
margin-right: auto;
width: 100%;
font-size: 15px;
text-align: center;
background-image: url("https://www.kythibong.org/kythibong2/pics/misc/KTB2405.gif");
background-size: cover;
background-repeat: no-repeat;
height: 958px;

}




    


.bandeau {
width: 960px;
height: 97px;
margin-top: 20px;
padding: 0px 0px 0px 20px;
}


.menu {
width: 960px;
height: 30px;
text-align: right;

}

.menu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
position: absolute; 
}

.menu li {
margin: 0px 10px 0px 10px;
float: left;
font-size: 16px;
text-align: left;

}

.content {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 990px;
font-size: 15px;
background-color: white;
text-align: center;

}

.infos {
width: 280px;
height: 100%;
float: right;
display: block;
text-align: left;
}

.infos h6  {

text-transform: uppercase;
font-size: 20px;
letter-spacing: 8px;
margin-left: 8px;
font-weight: lighter;
text-align: center;
}

.infos h5 {

line-height: 100%;
text-transform: uppercase;
font-size: 12px;
font-weight: lighter;
text-align: center;
 
}

.infos p  {
font-size: 10px;
font-weight: lighter;
text-align: center;
}


/* bio */

h1 {
text-align: center;
width: 990px;
margin-top: 40px;
line-height: 40px;
color: white;
background: black;
font-size: 30px;
font-weight: lighter;
text-transform: uppercase;
letter-spacing: 7px;
}



.bio { 
background: WhiteSmoke;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
width: 990px;
font-size: 15px;
height: 100%;

}


.sticker-bio {
float: right;
padding: 15px 20px 15px 20px;

}

.img-bio {



}

.txt-bio {
text-align: left;
font-size: 13px;
padding: 4px 15px 4px 10px;
}




/* discography */


.discography {
float: left;
padding: 15px 15px 15px 15px;
width: 960px;
margin-top:30px;
margin-bottom: 20px;
text-align: center;
background: WhiteSmoke;
display:block;
}

.discography h3 {

line-height: 100%;
text-transform: uppercase;
font-size: 20px;
font-weight: lighter;
text-align: center;
letter-spacing: 20px;
margin-left: 20px;
}

.disque h6 {

line-height: 100%;
text-transform: uppercase;
font-size: 15px;
font-weight: lighter;
text-align: center;
letter-spacing: 4px;

}

.disque h5 {

line-height: 100%;
text-transform: uppercase;
font-size: 12px;
font-weight: lighter;
text-align: center;
letter-spacing: 4px;
margin-left: 10px;
font-style: italic;
 
}

.disque h4 {
text-decoration-line: line-through;
line-height: 100%;
text-transform: uppercase;
font-size: 12px;
font-weight: lighter;
text-align: center;
letter-spacing: 4px;
margin-left: 10px;
font-style: italic;
 
}


.disque {
width: 960px;
text-align: left;
/*padding: 0px 15px 20px 15px;*/

}

.imgcover {
margin: 0px 10px 20px 0px;
float: left;
}

.imgvid {
margin: 0px 0px 0px 0px;
width: 9px;

}

.disque p {
font-size: 10px;

}

/*footer*/
.footer {
float: bottom;
text-align: center
width: 990px;
}


/*/////// PAGE CATALOGUE ////////*/

.catalogue {
margin-top: 50px;
margin-left: auto;
margin-right: auto;
width: 990px;
font-size: 15px;
height: 100%;
}



.release a:link {color:black;
text-decoration:none;
}

.release a:visited {
color: gray;
}

.release {
text-align: center;
width: 314px;
margin: 8px 8px 8px 8px;
float: left;
line-height: 17px;
height: 360px;
}

.release p {
margin: 0px 10px 0px 12px;
}




/*/////// PAGE bands ////////*/

.bands {
margin-top: 80px;
margin-left: auto;
margin-right: auto;
width: 990px;
font-size: 15px;
height: 100%;

}

.band {
text-align: center;
width: 322px;
margin: 2px 2px 2px 2px;
float: left;
line-height: 7px;
height: 560px;


}

.band a:link {color:black;
text-decoration:none;
}

.band a:hover {
color: #696969;

}

.band a:visited {
color: grey;
}