@charset "utf-8";
/* CSS Document */


#montage{
	border: medium double #F93;
	position: relative;
	height: 300px;
	background-image: url(../images/imagesbackground/background1.jpg);
	padding: 5px;
	margin: 2px;
}
#montage img.img1 {
	position: absolute;
	right: 40%;
	top: 46%;
	height: 75px;
	width: 100px;
	z-index: 10;
}
#montage img.img2 {
	position: absolute;
	right: 52%;
	top: 22%;
	height: 75px;
	width: 100px;
	z-index: 2;
}
#montage img.img3 {
	position: absolute;
	right: 40%;
	top: 15%;
	height: 75px;
	width: 100px;
	z-index: 3;
}
#montage img.img4 {
	position: absolute;
	right: 28%;
	top: 22%;
	height: 75px;
	width: 100px;
	z-index: 4;
}
#montage img.img5 {
	position: absolute;
	right: 62%;
	top: 36%;
	height: 75px;
	width: 100px;
	z-index: 5;
}
#montage img.img6 {
	position: absolute;
	right: 18%;
	top: 36%;
	height: 75px;
	width: 100px;
	z-index: 6;
}
#montage img.img7 {
	position: absolute;
	right: 62%;
	height: 75px;
	width: 100px;
	bottom: 18%;
	z-index: 7;
}
#montage img.img8 {
	position: absolute;
	right: 18%;
	height: 75px;
	width: 100px;
	bottom: 18%;
	z-index: 8;
}
#montage img.img9 {
	position: absolute;
	right: 47%;
	height: 75px;
	width: 100px;
	margin-bottom: 2px;
	bottom: 5%;
	z-index: 9;
}
#montage img.img10 {
	position: absolute;
	right: 33%;
	height: 75px;
	width: 100px;
	margin-bottom: 2px;
	bottom: 5%;
	z-index: 1;
}

#montage img:hover{
	position: absolute;
	margin-bottom: 3px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	background-color: #FFC;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
		
}

#montage a {
	text-decoration: none;

}
#montage a img {
	border: none;
	padding: 0px;
	background: #fff;
	border: 1px solid #ddd;
	width: 100px;
}

#montage a:hover {
	cursor: pointer;
}

#montage a:hover .desc{
	display: block;
	font-size: 1.2em;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #FF9;
	position: absolute;/*Absolute required to work in IE*/
	padding: 10px;
	margin: 0;
	width: 250px;
	border-top: 1px solid #999;
	font-weight: bold;
	width: 300px;
	z-index: 1000; /*Index required to work in IE*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}
#montage a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.2em;
	text-align: center;
	color: #393;
}
#montage a .desc {	display: none; }