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

#picto1 {
	position:absolute;
	top:29%;
	left:34%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto2 {
	position:absolute;
	top:56%;
	left:17%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto3 {
	position:absolute;
	top:73%;
	left:42%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto4 {
	position:absolute;
	top:62%;
	left:59%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto15 {
	position:absolute;
	top:53%;
	left:30%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto6 {
	position:absolute;
	top:65.4%;
	left:38.5%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto7 {
	position:absolute;
	top:55.5%;
	left:40%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto8 {
	position:absolute;
	top:49%;
	left:38%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto9 {
	position:absolute;
	top:59%;
	left:31.4%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto10 {
	position:absolute;
	top:65%;
	left:30%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto11 {
	position:absolute;
	top:58%;
	left:54.5%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto12 {
	position:absolute;
	top:51.6%;
	left:48%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto13 {
	position:absolute;
	top:64.3%;
	left:46.5%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto14 {
	position:absolute;
	top:52%;
	left:49%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto16 {
	position:absolute;
	top:60%;
	left:46.5%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}



#picto14-1 {
	position:absolute;
	top:15%;
	left:67%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}

#picto14-2 {
	position:absolute;
	top:56%;
	left:65%;
	height:40px;
	width:40px;
	background:url(../img/hotspot-gd.png);
	display:block;
}


.picto:hover {
	background:url(../img/hotspot-gd_o.png)!important;
}



.toolt {
	height:40px;
	width:40px;
}

@media (max-width: 980px) {
	
#picto1 {
	top:29%;
	left:34%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto2 {
	top:56%;
	left:17%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto3 {
	top:73%;
	left:42%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto4 {
	top:62%;
	left:59%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto15 {
	top:53%;
	left:30%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto6 {
	top:65.4%;
	left:38.5%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto7 {
	top:55.5%;
	left:40%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto8 {
	top:49%;
	left:38%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto9 {
	top:59%;
	left:31.4%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto10 {
	top:65%;
	left:30%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto11 {
	top:58%;
	left:54.5%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto12 {
	top:51.6%;
	left:48%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto13 {
	top:64.3%;
	left:46.5%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto14 {
	top:52%;
	left:49%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}
	
#picto16 {
	top:60%;
	left:46.5%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

	
#picto14-1 {
	top:15%;
	left:67%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

#picto14-2 {
	top:56%;
	left:65%;
	height:30px;
	width:30px;
	background:url(../img/hotspot-m.png);
}

	.picto:hover {
	background:url(../img/hotspot-m_o.png)!important;
}

.toolt {
	height:30px;
	width:30px;
}

}
	
@media (max-width: 700px) {
#picto1 {
	top:29%;
	left:34%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto2 {
	top:56%;
	left:17%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto3 {
	top:73%;
	left:42%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto4 {
	top:62%;
	left:59%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto15 {
	top:53%;
	left:30%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto6 {
	top:65.4%;
	left:38.5%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto7 {
	top:55.5%;
	left:40%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto8 {
	top:49%;
	left:38%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto9 {
	top:59%;
	left:31.4%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto10 {
	top:65%;
	left:30%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto11 {
	top:58%;
	left:54.5%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto12 {
	top:51.6%;
	left:48%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto13 {
	top:64.3%;
	left:46.5%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto14 {
	top:52%;
	left:49%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}
	
#picto16 {
	top:60%;
	left:46.5%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}
	
#picto14-1 {
	top:15%;
	left:67%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

#picto14-2 {
	top:56%;
	left:65%;
	height:20px;
	width:20px;
	background:url(../img/hotspot.png);
}

.toolt {
	height:20px;
	width:20px;
}

	
	.picto:hover {
	background:url(../img/hotspot_o.png)!important;
}
	
	
	
}

	
@media (max-width: 420px) {
#picto1 {
	top:29%;
	left:34%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto2 {
	top:56%;
	left:17%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto3 {
	top:73%;
	left:42%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto4 {
	top:62%;
	left:59%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto15 {
	top:53%;
	left:30%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto6 {
	top:65.4%;
	left:38.5%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto7 {
	top:55.5%;
	left:40%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto8 {
	top:49%;
	left:38%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto9 {
	top:59%;
	left:31.4%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto10 {
	top:65%;
	left:30%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto11 {
	top:58%;
	left:54.5%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto12 {
	top:51.6%;
	left:48%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto13 {
	top:64.3%;
	left:46.5%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto14 {
	top:52%;
	left:49%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}
	
#picto16 {
	top:60%;
	left:46.5%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}
	
#picto14-1 {
	top:15%;
	left:67%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

#picto14-2 {
	top:56%;
	left:65%;
	height:15px;
	width:15px;
	background:url(../img/hotspot-s.png);
}

.toolt {
	height:15px;
	width:15px;
}
	
	.picto:hover {
	background:url(../img/hotspot-s_o.png)!important;
}
	
}



#previous, #next, .disabletouch {
	-webkit-touch-callout: none;
	-webkit-user-select:none;
}