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

/**General**/
.index {
	background-image:url(../images/enter_site_mcdahate.png);
	background-repeat:repeat-y;
}

h1, h2, h3, h4 {
  text-align:center;
  color:#D5D5D5;
  font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;	
}
p{
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	color:#D5D5D5;
	font-size:18px;	
}
html{
	background-image:url(../images/bgSite_XL.png);
	background-repeat:repeat;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
}
.finfloat {
	clear : both;	
}
.floatR{
	float:right;	
}
.center{
	text-align:center;	
	align-content:center;
}
/**Screen**/
.larg960{
	max-width : 960px;
	align-content:center;
	margin:auto;
}
.larg1200{
	max-width : 1200px;
	align-content:center;
	margin:auto;	
}

/**Navigation **/
nav{
	margin:auto;
	align-content:center;	
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
}
ul{
	
}
li{
	align-content:center;
	margin:auto;
	display:inline-block;
	width:130px;
	line-height:2.5em;
	font-size:30px;
	color:#000000;
	background-image:url(../images/bouton.png);	
}
li:hover{
	background-image:url(../images/bouton_hover.png);
	color:#F1FF0E;
}

/**About page**/
.marg15{
	margin: 15px 0;	
}
/**Footer**/

	
#tdinf{
	text-decoration:none;
	font-size:12px;
	text-align:center;
	color:#000000;	
}
/**Contact**/
#contact_div{
	margin-top:45px	;
}
/**Albums**/
.baner {
	margin-top:25px;
	height: 250px;
	width: 960px;
	background-image: url(../images/punk_suisse_music_electro_breaks.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position:center;
	margin: auto;
}
.twitter{
	margin-top:145px;	
}
.socialMedia{
	
}
#homeBaner { 	
	background-image:url(../images/enter_site_mcdahate.png);
	background-position: center;
	width : 150px; 
	height : 75px; 
}
.footer_site_960 {
	margin:auto;
	margin-top: 5px;
	text-align: center;
	width:960px;
	padding-bottom: 10px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 12px;
	color:#C3C3C3;
}
@media  all and (max-width: 430px) { /** tout ce qui est plus petit que 480**/
.socialMedia{
	text-align:center;	
	align-content:center;	
}

html{
	background-image:url(../images/bgSite_XL.png);
	max-width:430px;
	background-repeat:repeat-y;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
}
.baner {
	background-image: url(../images/punk_suisse_music_electro_breaksXS_01_.png);
	width : 430px; 
	height : 90px;
}
.index {
	background-image:url(../images/enter_site_mcdahate.png);
	max-width : 430px;
}
}