div#reference {
	position:relative;
	overflow:hidden;
	/*max-width:1480px;*/
	margin:25px auto 0 auto;/***********28/11/14**************/
}


div#portfoliolist {display:grid; grid-template-columns:repeat(4, 1fr);}


.ref_cadre {
	grid-column:span 1; padding:10px;
	max-width:438px;
	margin:0 auto;
}

/*
.ref_cadre  {
	position:relative;
	width:18%;
	max-width:478px;
	max-height:478px;	
	min-width:280px;
	min-height:280px;
	margin: 0 0 0.7% 0.7%;
	padding:10px 10px 0 0;
	float:left;
	overflow:hidden;
}
*/
.ref_cadre_content {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	margin:100% 0 0 0;
}
.ref_new {
	position:relative;
	width:100px;
	height:100px;
	left:calc(100% - 89px);
	top:-10px;
	z-index:99;
	background:url(../img/public/new_ref.png) top right no-repeat;	
}
.ref_cadre a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

.ref_content, .ref_hover {
	position:relative;
	width:434px;
	height:434px;
	max-width:434px;
	max-height:434px;
	margin:-95.5% 4.6% 4.6% 4.6%;
}

.ref_content {
	z-index:1;
}
.ref_cadre:hover .ref_hover{
	margin:-95.3% 4.6% 4.6% 4.6%;
	z-index:20;
	/*background:url(../img/public/ref_hover.png) repeat;*/	
	
}
#portfoliolist .portfolio {
	padding:10px 0 0 0;
}

.label-text {
	/*padding:35% 0 0 0;*/
	font-weight:400;
	/*testfab*/
	height:100%;
	top:0;
}
.label-text p {
	margin:0 auto 12px auto;
	padding:0;
	text-align:center;
}
.label-text p.ligne1 {display:none; font-size:1.4em;font-weight:600;text-transform:uppercase;padding:35% 0 0 0;}
.label-text p.ligne2 {padding:35% 0 0 0; font-size:1.5em; color:#000 !important;font-weight:600;text-transform:uppercase;}
.label-text p.ligne3 { font-size:0.9em;max-width:80%;margin:0 auto; min-width:200px;text-transform:uppercase;}


.citation_content {
	position:absolute;
	padding:10% 22%;
	font-size:1.2em;
	font-weight:400;
}
.citation_content h2 { font-weight:300;margin:0;padding:0}
.citation_content h2.citation_auteur {
	margin:5% 0 0 0;
	text-align:right;
	font-size:1em;
	font-weight:600;
}