/* OVERLAY FACEBOOK */
#overlay {
	position: fixed;
	z-index:5000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);	
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}
#overlay #overlay-content {
	text-align: center;
	position: relative;
	top:30%;
	width:400px;
	height:300px;
	margin:auto;
}
#overlay-content #overlay-fb {
	width:400px;
	height:290px;
	overflow:hidden;
}
#overlay-content #overlay-fb a:hover img {
	opacity:1;
	filter:alpha(opacity=100);
}
#overlay.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#overlay.open #overlay-content #overlay-fb {
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

#overlay-close {	
	position: absolute;
	z-index:10;
	right:4px;
	top:4px;
	width:30px;
	height:30px;
	overflow: hidden;
	border: none;
	background: url(../img/overlayfb_close.jpg) no-repeat center center;
	outline: none;
	cursor:pointer;
}

/* =============================================================================
   MEDIAQUERIES POUR MOBILE
   ========================================================================== */
@media only screen and (max-width: 480px) {	
	#overlay #overlay-content {
		top:10%;
		width:300px;
		height:350px;
	}
	#overlay-content #overlay-fb {
		width:300px;
		height:310px;
	}
}