/******************************************
Portfolio.php

Vignettes :
width:210px;
margin-cote:82px;
******************************************/

h4 {
	margin:25px;
}
#lienPortfolioPdf {
	color:#4EADEA;
	font-size:1.4em;
	position:absolute;
	top:34px;
	right:33px;
	display:block;
	background:url(../img/picto-dl-red.png) no-repeat scroll 0 0;
	padding-left:20px;
	height:16px;
	text-decoration:none;
}
#lienPortfolioPdf:hover {
	text-decoration:underline;
}
#filtrePortfolio {
	width:100%;
	font-size:1.2em;
	height:20px;
	margin:40px 26px 10px;
}
#filtrePortfolio li {
	float:left;
	margin-right:10px;
	font-size:1.2em;
	color:#4D483C;
}
#filtrePortfolio li.current a {
	text-decoration:none;
	font-weight:800;
}
#filtrePortfolio li a {
	color:#4D483C;
}
#filtrePortfolio li a:hover {
	text-decoration:none;
}
#contenuPortfolio li {
	width:210px;
	height:155px;
	position:relative;
	margin:0 21px 25px;
	float:left;
	border:5px solid #E3D9C4;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	overflow:hidden;
}
#contenuPortfolio li:hover {
	//border:5px solid #4EADEA;
	border:5px solid #9ac622;
}
.portfolioLabel {
	width:210px;
	//background:#A79C84;
	background:#4EADEA;
	position:absolute;
	top:125px;
	padding:10px;
	opacity:0.9;
	filter : alpha(opacity=90);
	font-size:1.1em;
	color:#fff;
}
.portfolioLabelHover {
	//background:#4EADEA !important;
	background:#9ac622 !important;
}
.portfolioLabelTitre {
	display:block;
	height:20px;
	color:#fff;
	font-size:1.3em !important;
	font-weight:800 !important;
}
.portfolioLabel a, .portfolioLabel span {
	color:#fff;
	font-size:1.1em;
	text-decoration:none;
	font-weight:400;
}
.portfolioLabel a:hover {
	text-decoration:underline;
}
#contenuPortfolio li.hidden {
	visibility:hidden;
}