
html {margin:0; font-size: 100%;
}





Body {

background-image: url("logo/background.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #0a0a0a;
background-position-x: center;
margin: 0;
padding: 0px;
overflow-y: auto;
overflow-x: hidden;
font-family: 'Anaheim', sans-serif;
text-decoration: none;
font-size:12pt;




}

#body {		

background-color: #000000;
position:relative;

margin: 0;
padding: 0;
text-decoration: none;

}



#contenu {


background-image: url("");
background-repeat: no-repeat;

width: auto;
height: 100%;
margin: 0% 6%;
border: 0px solid red;



}


#header {


background-image: url("");
background-repeat: no-repeat;
background-position: top;
margin-top: 15px;
width: 1000px;
height: 220px;
background: url(trans.png) left top; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
border: 0px solid green;


}

#titleheader {


width: auto;
height: auto;
font-size: 28px;
border: 0px solid green;


}





#site {

background-image: url("");
background-repeat: no-repeat;
background-position: top;
margin-top: 30px;
margin-left: 25px;
margin-right: 25px;
height: auto;

border: 0px solid green;

}


#menu {


height: auto;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 10px;
padding: 10px;

margin-top: 10px;
float: center;

overflow:auto;
border: 0px solid red;



}


#cadrecentral {


margin-top: 5px;

bottom: 0px;
float: center;
overflow: auto;


border: 0px solid green;


}


#contenugauche {

width: auto;
height: auto;
margin-top: 0px;
margin-left : 5px;
bottom: 0px;

float: right;

border: 0px solid red;


}



#news {

background-color: rgba(0, 0, 0, 0.6);
border-radius: 10px;

width: auto;
margin-top: 5px;
margin-left : 0px;
padding: 15px;
bottom: 0px;
border: 0px solid blue;
text-align: left;

}

#discography {

background-color: rgba(0, 0, 0, 0.6);
border-radius: 10px;

width: auto;
margin-top: 5px;
margin-left : 0px;
padding: 15px;
bottom: 0px;
border: 0px solid blue;


}

#article_accueil {

padding: 20px;
width: auto;
min-height: 150px;
border-radius: 10px;
margin-top: 10px;
margin-left : 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.6);

border: 0px solid blue;


}



#bottom {


text-align: center;
width: auto;
height: auto;
padding-left: 40px;
padding-right: 40px;
text-align : center;
border: 0px solid red;

}

#label {

height: auto;
width: 170px;
float: left;

}

#artist {

height: auto;
width: 170px;
float: left;
margin-left: 6px;

}

#website {

height: auto;
width: 170px;
float: left;
margin-left: 6px;
}


p { 
   margin: 0.5em 0; 
}

.b {
    color: #FFF;
}

.text1 {

color: #ffd802;
text-align : left;
font-size: 1rem;
font-weight: bold;

}


.text2 {


color: #fdfdfd;
text-align : left;
text-align: justify; 
font-size:1rem;



}



.text3 {


color: #ffd802;
text-align: left; 


}

.text4 {


color: #C40000;


}


.text5 {


color: #fdfdfd;
text-align : right;
font-style:italic;
transition: all 5s ease


}



.text6 {


color: #ffd802;
text-align : center;


}

.jaquette {

    float: left; 
    margin: 0 10px 10px 0; 
    width:80px;
    height:80px;
    transition: all 2s ease;
    border-radius: 50%;




}

.jaquette:hover {

    
    width:80px;
    height:80px;
    border-radius: 50%;

    transition: all 5s ease;
    transform: rotate(1080deg);



}

.jaquettebio {

    float: left; 
    margin: 0 10px 10px 0; 
    width:120px;
    height:120px;
    transition: all 0.4s ease


}

.jaquettebio:hover {

    float: left; 
    margin: 0 10px 10px 0; 
    width:120px;
    height:120px;
    transition: all 0.4s ease;

    border-radius: 50%;


}



.releaseright {

    margin: 0 6px 6px 0; 
    width:120px;
    height:120px;


}

.socialnetwork {

	display: flex;
    margin: 0 6px 6px 0;
    transition: all 3s ease;
    width:30x;
    height:30px;

}
.socialnetwork:hover {

	display: flex;
    margin: 0 6px 6px 0;
    transition: all 3s ease;
    width:30x;
    height:30px;
    transform: rotate(1080deg);


}



.signature {font-size: 1.25rem ;color: #fdd90cb1; text-align : right;    transition: all 0.4s ease;
} 
.signature:hover {font-size: 1.3rem ;color: #fd0c0c84; text-align : right; 
    transition: all 0.4s ease;
} 

.boutonlien {

background: transparent;
border: 0px;
cursor: pointer;
text-decoration: underline;

}

.th {

font-size: 14px ;
color: #C40000;


}







/* Liens */ 
a { 
    text-decoration: none;
    color: #ffd802;


} 

a {

    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;

}

a:hover, a:focus, a:active { 

  text-decoration: none;
  color: #C71716;


} 
/* Pas de bordure pointill�e ou halo lors du clic sur un lien */ 
a:focus, a:active { 
  outline: none; 
  color: #C71716;
} 






/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
  vertical-align: bottom;
} 






f4 {

font-size: 1rem ;
color: #C40000;

}

f5 {


font-size: 1rem ;
color: #000000;
text-align : right;
font-style:italic;

}

td { 
   vertical-align: top;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  
  li {
    float: right;
    margin-right: 20px;

  }
  
  .box {
 
    border: 1px solid #fff;
    color: #ffd802;
    border-radius: 15px;
    font-size: 0.9rem;
  }