/***	grid ***/

.bloc-1-1, .bloc-2-1, .bloc-1-2, .bloc-2-2, .bloc-3-2, .bloc-x-3, .bloc-3-x { float: left; margin: 2px }
#hp2 .bloc-1-1,#hp2  .bloc-2-1,#hp2  .bloc-1-2,#hp2  .bloc-2-2 { position: absolute; }


.bloc-1-1 {
	width: 233px;
	height: 210px; 

}
.valign-like, .bloc-1-1 .valign {
	
	width: 177px;
	height: 154px; 
}


.bloc-1-2
{
	width: 233px;
	height: 424px;
	
}
 .bloc-1-2 .valign{
	width: 177px;
	height: 368px;
 }


.bloc-2-1
{
	width: 470px;
	height: 210px;
	
}
.bloc-2-1 .valign
{

	width: 414px;
	height: 154px; 
	
}

.bloc-2-2 {
	width: 470px;
	height: 424px;
}
 .bloc-2-2 .valign {

	width: 414px;
	height: 368px;
 }

 .coverflow { width: 100%;
 	height: 100%;}
.push-0-1
{
	left: 237px;
}


.push-0-2
{
	left: 474px;
}


.push-0-3
{
	left: 711px;
}


.push-1-0
{
	top: 214px;
}



.push-2-0
{
	top: 428px;
}

.valign {
	vertical-align:middle;
  display:table-cell;
  line-height:1.2;
}
.valign {
	height: 154px;
}
.bloc-1-2 .valign{
	height: 368px;
}
.bloc_white.bloc-1-1, .bloc_pink.bloc-1-1 {

	line-height: 150px;
	height: 210px;
}
.bloc_white, .bloc_pink {
	display:table-cell; vertical-align:middle;
	position: absolute;
	padding-left:  28px;
	padding-right:  28px;
	font-weight: bold;
}
.nova.bloc_white, .nova.bloc_pink {
	/* display: block; */
	line-height: 1;
}



.bloc_white {

	background: rgba(255,255,255,0.8);
	color: #5f1844;
	font-weight: bold;
	padding: 28px;
}

.bloc_link, .bloc_sound, .bloc_pink {
	background: rgba(164, 79, 132, 0.56);;


	color: white;	font-weight: bold;

	padding: 28px;

}

.bloc_link .color, .bloc_sound .color, .bloc_pink .color {
color: #5f1844;	
}



@media only screen and (max-width: 930px) {
	body #hp, body #hp2 {
		width: 474px;
	}	
}


.background {
	-webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}


.bloc-x-3 {
	height: 638px;
}


.bloc-3-x{
	width: 707px	
}