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

.a, .a:visited {color:#000;}
#container {
	position:relative;
	width:455px;
	height:588px;
	margin:10px auto;
	background-color: #FFFFFF;
}
#container b {
	font-weight:normal;
	width:455px;
	text-align:center;
	position:absolute;
	bottom:80px;
	left:1px;
	color:#666666;
	font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
	letter-spacing:1px;
	line-height:1.7em;
	z-index:1;
}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 7px; position:relative; cursor:default;}

a.slidea {
	background-image: url(chambres-dhotes-var/chambres-hotes-var-m.jpg);
}
a.slideb {background:url(chambres-dhotes-var/piscine-maison-hotes-m.jpg);}
a.slidec {background:url(chambres-dhotes-var/oliviers-de-la-garrigue-m.jpg);}
a.slided {background:url(chambres-dhotes-var/ambiance-provence-nature-m.jpg);}
a.slidee {background:url(chambres-dhotes-var/cigale-de-la-garrigue-m.jpg);}
a.slidef {background:url(chambres-dhotes-var/maison-d-hotes-var-m.jpg);}
a.slideg {background:url(chambres-dhotes-var/chambre-d-hotes-nature-m.jpg);}
a.slideh {background:url(chambres-dhotes-var/table-hotes-la-garrig-var-m.jpg);}
a.slidei {background:url(chambres-dhotes-var/vigne-vins-var-m.jpg);}
a.slidej {background:url(chambres-dhotes-var/tavernes-var-provence-m.jpg);}


a.gallery span {
	visibility:hidden;
	display:block;
	position:absolute;
	width:438px;
	height:400px;
	top:189px;
	left:9px;
	color:#000;
	background:#e4e4e4;
	text-align:center;
	border:1px solid #fff;
	font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
	letter-spacing:1px;
	cursor:default;
}
a.slidea span {
	top:180px;
	left: -0px;
}
a.slideb span {
	left:-90px;
	top:180px;
}
a.slidec span {
	left:-182px;
	top:180px;
}
a.slided span {
	left:-273px;
	top:180px;
}
a.slidee span {
	left:-364px;
	top:180px;
}
a.slidef span {
	left:0px;
	top:89px;
}
a.slideg span {
	left:-90px;
	top:89px;
}
a.slideh span {
	left:-182px;
	top:89px;
}
a.slidei span {
	left:-273px;
	top:89px;
}
a.slidej span {
	left:-364px;
	top:89px;
}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}