/* Polices */

 @font-face {
    font-family: titre;
    src: url("fonts/Erasdemi.TTF");
}

:not(input) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

a:active, a:focus {
	outline: none;
}


* {
	font-family: Arial, Helvetica, sans-serif;
	cursor : pointer;
}


html, body {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height:100%;
	background-color:white;
	overflow: hidden;
}


#global {
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
}




/* Carousel */

.kc-legende {
	position:absolute;
	padding:3%;
	
}

#carousel_icones {
	position:absolute;
	right:0px;
	bottom:0px;
	margin: 10px 20px;
}


#carousel_icones img {
	width:80px;
	margin:0px;
	opacity: 0.2;
}





/* Prettyphoto */

.pp_close {
	width:90px !important;
	height:90px !important;
	top:25px !important;
	right:-90px !important;
	background-image:url('im/fermer_blanc.png') !important;
	background-size: 90px 90px !important;
	opacity: 0.8 !important;
}




/* Toutes les scènes */

#retour {
	display:block;
	position:absolute;
	left:20px;
	top:20px;
	opacity:0.7;
	z-index:100;
}

#retour img {
	width:100px;
}

#titre_scene {
	position:absolute;
	left:170px;
	top:18px;
	font-family: titre, Arial, Helvetica, sans-serif;
	font-size: 42px;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 1), 0px 0px 1px rgba(0, 0, 0, 1);
	text-align:left;
	color:white;
	opacity:0.8;
	z-index:100;
}






/* Scenes 01 */


#chrono {
position: absolute;
right: 60px;
bottom: 70px;
}


#marqueurs div {
position: absolute;
bottom:182px;
height:210px;
/* border: 1px solid red; */
background-image:url('01/marqueur_tige.png'); 
background-repeat:no-repeat;
background-position:center bottom;
z-index:10;
}

#marqueurs div:nth-child(odd) {
height:370px;
}

#marqueurs div img {
width:120px;
border-radius:7px;
border: 2px solid black;
box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .5);
/* filter: saturate(1); */
}

#marqueur_actif {
position: absolute;
left: -100px;
bottom: 176px;
width:40px;
height:40px;
border-radius:40px;
z-index:30;
background-color:white;
border: 3px solid black;
box-shadow: 0px 0px 3px 7px rgba(255, 255, 255, 1);
}


#evenements a {
position: absolute;
display:block;
top: 160px;
width:800px;
padding:40px;
border: 1px solid black;
border-radius:7px;
box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .5);
text-decoration:none;
background-color: white;
background-size: 90px 90px;
background-repeat:no-repeat ;
background-position: 770px 30px;
background-image : url('im/poi_blanc.png');
z-index:100;
display:none; 
}

#evenements .img_pref {
border-radius:7px;
border: 1px solid black;
float:left;
}

#evenements h1, #evenements h2, #evenements p {
margin: 0 0 0px 230px;
padding: 0;
}

#evenements h1 {
font-size: 50px;
line-height: 50px;
color:#b37f4e;
}

#evenements h2 {
	font-family: titre, Arial, Helvetica, sans-serif;
	font-size: 34px;
	color:#4f4e4e;
}

#evenements p {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 26px;
	font-size: 24px;
	color:#4f4e4e;
	opacity:0.8;
}




/* Scenes 02 */

#boutons_3d {
position: absolute;
right: 20px;
top: 0px;
z-index:100;
}

#boutons_3d img {
display:block;
margin : 40px 0 0 0;
border: 1px solid white;
border-radius:15px;
opacity:0.6;
}

#boutons_3d img:nth-child(1) {
opacity:1;
box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 1);
}

#fond_3d_plan, #fond_3d_ecorche, #fond_3d_exterieur {
position:absolute;
top:40px;
z-index:50;
}

#fond_3d_ecorche, #fond_3d_exterieur {
display:none; 
}



/* Scenes 03 */


#scene {
	width:100%;
	height:100%;
	overflow:hidden;
}



/* .lhp_giv_hotspot  {
background-color:red !important;
} */

.poi{
	display:block;
	width:90px;
	height:90px;
	background-size: 60px 60px;
	background-repeat:no-repeat ;
	background-position: center;
	background-image : url('im/poi_blanc.png');
/* 	background-color:red; */
}

.poi_loupe{
	background-image : url('im/poi_loupe_blanc.png');
}

.poi_zoom {
	position:absolute;
}



#zoom_masque {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:110;
 	background-color:white;
	opacity:0.7;
	display:none; 
}

#zoom_gauche, #zoom_droite {
	position:absolute;
	height:980px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9);
	border: 3px solid white;
	border-radius:10px;
	z-index:120;
 	transform: perspective( 4000px ) rotateY( 77deg ) scale(0.42);
 	display:none; 
}

#zoom_gauche img, #zoom_droite img {
	border-radius:10px;
}

#zoom_gauche {
	left:-20px;
	top:280px;
 	transform: perspective( 4000px ) rotateY( 77deg ) scale(0.42);
}

#zoom_droite {
	left:1050px;
	top:280px;
 	transform: perspective( 4000px ) rotateY( -77deg ) scale(0.42);
}

#bouton_fermer_zoom_gauche, #bouton_fermer_zoom_droite{
	position:absolute;
	right:20px;
	top:20px;
}


.lhp_giv_map_wrapp_hol  {
border-color:white !important;
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.8);
}

.zoom, .unzoom, .ui-icon, .fitToViewport, .fullSize {
	background-repeat:no-repeat !important;
	background-color: initial !important;
	background-image : none !important;
	background-size: 100px 100px !important;
	border:none !important;
	margin:10px;
}


.zoom {
	background-image:url('im/gigaviewer_zoomin.png') !important;
}
.unzoom {
	background-image:url('im/gigaviewer_zoomout.png') !important;
}
.fitToViewport {
	background-image:url('im/gigaviewer_zoommax.png') !important;
}
.fullSize {
	background-image:url('im/gigaviewer_zoomall.png') !important;
}



/* Scenes 04 */

#boutons_restaurations {
	display:block;
	position:absolute;
	right:30px;
	top:15px;
	z-index:100;
}

#boutons_restaurations img {
padding : 5px;
margin : 10px;
border: 1px solid white;
border-radius:15px;
opacity:1;
/* background-color:red; */
}

/* #boutons_restaurations img:nth-child(1) {
opacity:1;
box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 1);
} */

#mosaic {
	width:100%;
	height:1050px;
	position:absolute;
	top:150px;
	overflow:hidden;
	-webkit-columns: 6;
	-moz-columns: 6;
	columns: 6;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
/* 	background-color:red; */
}

#mosaic a {
	margin: 0 0 -5px 0;
	padding:0;
	display:block;
	border: 2px solid white;
}

#mosaic a img {
	width:100%;
	border: 1px solid black;
/* 	border: 1px solid black; */
}



#mosaic_chrono {
	position:absolute;
	width:1320px;
	height:850px;
	top:150px;
	left:300px;
	background-color:white;
/* 	display:none; */
}



#mosaic_chrono a {
	display:block;
	height:200px;
	text-decoration : none;
	margin: 0px 150px 30px 0px;
	clear:both;
}

#mosaic_chrono a img {
	float : left;
	width:190px;
	height:190px;
	border: 1px solid black;
}

#mosaic_chrono a div {
	height:150px;
	margin : 0 0 0 210px;
	padding : 20px 140px 20px 30px;
	background-size: 90px 90px;
	background-repeat:no-repeat ;
	background-position: 850px 20px;
	background-image : url('im/poi_blanc.png');
	border-radius:7px;
	border: 1px solid black;
	box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .5);
}

#mosaic_chrono a div h1, #mosaic_chrono a div h2 {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	margin : 0;
	padding : 0;
/* 	background-color:red; */
}

#mosaic_chrono h1 {
	font-size: 45px;
	font-weight: bold;
	color:#b37f4e;
}

#mosaic_chrono h2{
	font-family: titre, Arial, Helvetica, sans-serif;
	font-size: 35px;
	font-weight: bold;
	color:#686767;
}





/* Scenes 05 */

#intro_restau_portail {
	position:absolute;
	left:795px;
	top:18px;
	width: 1100px;
	font-size: 28px;
	line-height: 36px;
	text-align:justify;
	color:#686767;
	z-index:100;
}


#boutons_restau_portail {
position: absolute;
width : 350px;
right: 25px;
top: 140px;
z-index:100;
}

#boutons_restau_portail p {
}

#boutons_restau_portail div {
height :90px;
line-height :90px;
margin : 0 0 20px 0;
padding : 10px 15px;
font-weight: bold;
color:#b37f4e;
border: 1px solid black;
border-radius:7px;
opacity:0.8;
}

#boutons_restau_portail div span {
	vertical-align:middle;
	display:inline-block;
	font-size: 30px;
	line-height :30px;
	}

#images_restau_portail {
position:absolute;
width:1520px;
height:940px;
top:140px;
border: 1px solid black;
z-index:50;
}

#images_restau_portail a {
position:absolute;
display:none; 
}

#images_restau_portail a:nth-child(1) {
display:initial; 
}





/* Scenes 06 */

#boutons_lapidaire {
position: absolute;
width : 350px;
right: 25px;
top: 140px;
z-index:100;
}

#boutons_lapidaire p {
}

#boutons_lapidaire div {
height :90px;
line-height :90px;
margin : 0 0 20px 0;
padding : 10px 15px;
font-weight: bold;
color:#b37f4e;
border: 1px solid black;
border-radius:7px;
opacity:0.8;
}

#boutons_lapidaire div span {
	vertical-align:middle;
	display:inline-block;
	font-size: 30px;
	line-height :30px;
	}

#images_lapidaire {
position:absolute;
width:1520px;
height:940px;
top:140px;
border: 1px solid black;
z-index:50;
}

#images_lapidaire a {
position:absolute;
display:none; 
}

#images_lapidaire a:nth-child(1) {
display:initial; 
}