#container{background-color:#222;}

.Collage {padding: 2px;}
.Collage2 {padding: 0px;}

#page-nav{
color:grey;}

.Collage img{
	border:7px solid #ddd;
	-moz-border-radius: 3px;
border-radius: 3px;
}

.Collage2 img{

}

#header #event-title-con{
top:44px;
}

	/* titre/image */
	
.rollover2,.rollover3 {

	pointer-events: none;
	
	position: absolute;
	font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	height: 100%;
	width: 100%;
	background: url(img/50p.png);
	text-align: center;
	transition: opacity .33s ease-in-out;
	-moz-transition: opacity .33s ease-in-out;
	-webkit-transition: opacity .33s ease-in-out; }

	.rollover2{opacity: .8;}
	.rollover3{opacity: 0;}
.rollover3{	-moz-border-radius: 3px;
border-radius: 3px;
}
	
	@media only screen and (max-width: 700px) {
	/*.rollover2 {font-size: 15px;}*/
	}
	
	/* titre/image */
.rollover2 span {
	display: block;
	position: absolute;
	top: 40%;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	opacity: .8; }

	/* titre/image */
.Image_Wrapper:hover .rollover2 {
	opacity: .2;
	transition: opacity .33s ease-in-out;
	-moz-transition: opacity .33s ease-in-out;
	-webkit-transition: opacity .33s ease-in-out; }
.Image_Wrapper:hover .rollover3 {
	opacity: .4;
	transition: opacity .33s ease-in-out;
	-moz-transition: opacity .33s ease-in-out;
	-webkit-transition: opacity .33s ease-in-out; }
	
@media only screen and (max-width: 1200px) {
	.fancybox-infobar, .fancybox-toolbar{
	zoom: 150%;
	}
}