@charset "utf-8";

#ensembleimg {
	position:relative;
	width:auto;
	height:500px;
	border:2px dotted #FFFFFF;
	margin-right: auto;
	margin-left: 5px;
	background-color: #DCD8C9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
}

#ensembleimg a.pics {
	float:left;
	padding:4px 2px;
	display:inline;
	text-decoration:none;
	width:75px;
	height:75px;
}
#ensembleimg a.pics img.thumb {
	display:block;
	border:1px solid #FFFFFF;
	cursor: default;
}

#ensembleimg a.pics span {
	display:none;
	border:0;
	width:535px;
	border:1px solid #999999;
	text-align:center;
	background-color: #c0c0c0;
	margin-left: 5px;
	color: #000000;
}
#ensembleimg a.pics span img {
	border:1px solid #FFFFFF;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#ensembleimg a.pics:hover {white-space:normal;}
#ensembleimg a.pics:hover img.thumb {
	border:1px solid #DB3F82;
}
#ensembleimg a.pics:hover span {
	display:block;
	position:absolute;
	left:9px;
	top:175px;
	z-index:10;
	height:320px;
}

#ensembleimg a.pics:active img.thumb {
	border:1px solid #FFFFFF;
} 
#ensembleimg a.pics:active span {
	display:block;
	position:absolute;
	left:9px;
	top:175px;
	z-index:5;
	height:320px;
}

#ensembleimg a.pics:focus {outline:0;}
#ensembleimg a.pics:focus img.thumb {
	border:1px solid #FFFFFF
}
#ensembleimg a.pics:focus span {
	display:block;
	position:absolute;
	left:9px;
	top:175px;
	z-index:5;
	height:320px;
}

#ensembleimg span.info {
	display:block;
	text-align:center;
	text-align:center;
	color:#FFFFFF;
	z-index:auto;
	background-image: url(../images/fond-visuel-tableau.jpg);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 250px;
	right: 50px;
	width: 500px;
	height: 135px;
}
#ensembleimg span.info a {
	color:#FFFFFF;
	font-weight: bolder;
}
#ensembleimg span.info a:hover {text-decoration:none;}