@charset "utf-8";
.dummyMap{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width: 100%;
}

#map_main {
	background: #ffffff;
}


.mapArea01 {
	background:url(../img/img_map_depaquit.jpg) no-repeat;
	position:relative;
	overflow:hidden;
	height: 448px;
	/*margin-top: 25px;*/
}

.mapArea02 {
	background:url(../img/img_map_frantin01.jpg) no-repeat left top;
	position:relative;
	overflow:hidden;
	/*display: block;*/
	height: 448px;
	margin-top: 25px;
}

.mapArea03 {
	background:url(../img/img_map_gris01.jpg) no-repeat left top;
	position:relative;
	overflow:hidden;
	/*height: 448px;*/
}

.mapArea04 {
	background:url(../img/img_map_pavillon01.jpg) no-repeat left top;
	position:relative;
	overflow:hidden;
	height: 448px;
	margin-top: 25px;
}

.mapArea05 {
	background:url(../img/img_map_adelie01.jpg) no-repeat left top;
	position:relative;
	overflow:hidden;
	/*height: 448px;*/
}

.mapArea06 {
	background:url(../img/img_map_rochegres01.jpg) no-repeat left top;
	position:relative;
	overflow:hidden;
}

.map_sub {
	/*margin:-5px 0 9px 7px;*/
	margin-top: 9px;
}


/** TOP Slider **/

#slide-container {
	position: relative;
	/*width: 950px;*/
	width: 100%;
	/*background-color: #fff;*/

	overflow: hidden;
	/*margin:0 auto 5px;*/
	background-color:#000;
}
#js-fade img {
	width: 100%;
	vertical-align: bottom;
}

.item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.item a {
	display: block;
	/*width: 960px;*/
	/*height: 540px;*/
	cursor: default;
}
.item .background img {
	max-width: 960px; /* to avoid max-width: 100% of Twitter Bootstrap */
}
.foreground {
	position: absolute;
}

/*.foreground .element {
	position: relative;
	left: 50px;
	width: 500px;
	color: #fff;
	text-shadow: 1px 1px 2px #000000;
}*/
.foreground .element.icon {
	top: 340px;
	left: 60px;
	width: 114px;
	height: 114px;
	background-position: 0 0;
}
.background {
	position: absolute;
	overflow: hidden;
}
.background .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(80%, rgba(0, 0, 0, 0.8)));
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
	background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
	background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
	background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
	background: linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
}
.foreground .element.title {
	top: 260px;
	left: 30px;
	font-size: 40px;
	text-transform: uppercase;
}
.foreground .element.subtitle {
	top: 265px;
	left: 34px;
	font-size: 17px;
}
.ui-loader {
	display: none;
}