/* CONTENT
   ================================================== */
*{
margin:0;
padding:0;	
}



body {
    background-image: url('../img/background-bw2.jpg');
    background-repeat: repeat;
}

img{
border:none;	
}

@font-face {
	font-family: 'AvantGardeDemi';
	src: url(../fonts/ITCAvantGardeStd-Demi.eot),
	     url(../fonts/ITCAvantGardeStd-Demi.otf),
	     url(../fonts/ITCAvantGardeStd-Demi.svg),
	     url(../fonts/itcavantgardestddemi.ttf); 
}

@font-face {
	font-family: 'AvantGardeXL';
	src: url(../fonts/ITCAvantGardeStd-XLt.eot),
	     url(../fonts/ITCAvantGardeStd-XLt.otf),
	     url(../fonts/ITCAvantGardeStd-XLt.svg),
	     url(../fonts/itcavantgardestdxlt.ttf); 
}


.content{
margin:0 auto;
width:860px;	
}

.text{
margin-top:40%;
font-family:'AvantGardeDemi';
font-size:50px;
width: 750px;
text-align:center;
line-height:50px;
color:#fff;

}

.logo{
margin-left:auto;
margin-right:auto;

width:300px;
height:108px;
margin-top:50px;	
}

/* BILLY JOE */

#billy {
margin-top:40px;
width:851px;
height:315px;
margin-left:4px;
background-image:url(../img/billy-joe-lpmdlt.jpg);
}

#billy a{
  opacity:0;
transition: opacity 0.5s;
}

#billy a:hover{
 opacity:0.2;
transition: opacity 0.5s;}

/* SETH BARLOU */

#seth {
margin-top:40px;
width:851px;
height:315px;
margin-left:4px;
background-image:url(../img/seth-gueko_barlou.jpg);
}

#seth a{
  opacity:0;
transition: opacity 0.5s;
}

#seth a:hover{
 opacity:0.2;
transition: opacity 0.5s;}

/* WEST */

#west {
margin-top:40px;
width:851px;
height:315px;
margin-left:4px;
background-image:url(../img/overdose-west.jpg);
}

#west a{
  opacity:0;
transition: opacity 0.5s;
}

#west a:hover{
 opacity:0.2;
transition: opacity 0.5s;}

/* NAPO */

#napo {
margin-top:40px;
width:851px;
height:315px;
margin-left:4px;
background-image:url(../img/napo.jpg);
}

#napo a{
  opacity:0;
transition: opacity 0.5s;
}

#napo a:hover{
 opacity:0.2;
transition: opacity 0.5s;}

/* NAPO */

#napo2 {
margin-top:40px;
width:851px;
height:315px;
margin-left:4px;
background-image:url(../img/napo2.jpg);
}

#napo2 a{
  opacity:0;
transition: opacity 0.5s;
}

#napo2 a:hover{
 opacity:0.2;
transition: opacity 0.5s;}

/* ERIAH */

#eriah {
margin-top:40px;
width:851px;
height:315px;
margin-left:4px;
background-image:url(../img/Eriah-carnal.jpg);
}

#eriah a{
  opacity:0;
transition: opacity 0.5s;
}

#eriah a:hover{
 opacity:0.2;
transition: opacity 0.5s;}

/* microbes */

#microbes{
margin-top:20px;
width:851px;
height:315px;
margin-left:4px;
background-image:url(../img/microbes.jpg);
}

#microbes a{
  opacity:0;
transition: opacity 0.5s;
}

#microbes a:hover{
 opacity:0.2;
transition: opacity 0.5s;}

/* tgv2 */

#tgv2{
margin-top:20px;
width:851px;
height:315px;
margin-left:4px;
background-image:url(../img/tgv2.jpg);
}

#tgv2 a{
  opacity:0;
transition: opacity 0.5s;
}

#tgv2 a:hover{
 opacity:0.2;
transition: opacity 0.5s;}


/* JOE LUCAZZ */

#joe-lucazz{
margin-top:20px;
width:851px;
height:315px;
margin-left:4px;
background-image:url(../img/joe-lucazz.jpg);
}

#joe-lucazz a{
  opacity:0;
transition: opacity 0.5s;
}

#joe-lucazz a:hover{
 opacity:0.2;
transition: opacity 0.5s;}

/* JOE LUCAZZ 2 */

#joe2{
margin-top:40px;
width:851px;
height:315px;
margin-left:4px;
background-image:url(../img/Joe2.jpg);
}

#joe2 a{
  opacity:0;
transition: opacity 0.5s;
}

#joe2 a:hover{
 opacity:0.2;
transition: opacity 0.5s;}

/* GUEZESS */

#guezess{
margin-top:20px;
width:851px;
height:315px;
margin-left:4px;
background-image:url(../img/guezess.jpg);
}

#guezess a{
  opacity:0;
transition: opacity 0.5s;
}

#guezess a:hover{
 opacity:0.2;
transition: opacity 0.5s;}

/* ALK */

#alk{
margin-top:20px;
width:851px;
height:315px;
margin-left:4px;
background-image:url(../img/ALK-orgasmixtape.jpg);
}

#alk a{
  opacity:0;
transition: opacity 0.5s;
}

#alk a:hover{
 opacity:0.2;
transition: opacity 0.5s;}

/* TG */

#tirs-groupes{
margin-top:20px;
width:851px;
height:315px;
margin-left:4px;
background-image:url(../img/tirs-groupes.jpg);
}

#tirs-groupes a{
  opacity:0;
transition: opacity 0.5s;
}

#tirs-groupes a:hover{
 opacity:0.2;
transition: opacity 0.5s;}

#sortie{
margin-top:30px;
width:851px;
height:40px;
background-color:#FFF;
color:#000;
font-family:arial;
font-size:24px;
text-align:center;
font-weight:600;
text-transform:uppercase;
letter-spacing:	7px;
padding-top:10px;
}

#social{
margin-top:40px;
margin-left:100px;
width:700px;
height:50px;
padding-top:15px;
padding-bottom:50px;
}

#video-star{
margin-top:30px;
width:851px;
}

#facebook-icon{
margin-left:100px;	
float:left;
padding-right:186px;
}

#twitter-icon{
float:left;
padding-right:186px;
}

#youtube-icon{
float:left;
}


#facebook-icon a{
  opacity:1;
transition: opacity 0.5s;
}

#twitter-icon a{
  opacity:1;
transition: opacity 0.5s;
}

#youtube-icon a{
  opacity:1;
transition: opacity 0.5s;
}


#facebook-icon a:hover{
 opacity:0.6;
transition: opacity 0.5s;}

#twitter-icon a:hover{
 opacity:0.6;
transition: opacity 0.5s;
}

#youtube-icon a:hover{
 opacity:0.6;
transition: opacity 0.5s;
}