@media screen and (max-width: 620px) {

	/* Basic */

		.text_gui {
			display:none;
			font-size:0px;
		}
}		





.btn{
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;  

    background-color:#252525;
    border-color:#252525;
}
.btn-default{

}


/* POSITION & DIMENSION */
/* POSITION & DIMENSION */
/* POSITION & DIMENSION */

/* block panorama viewer */
#rendu_visite{
	margin:0;
	padding:0;
}
#boutons_rendu_visite{
	z-index:30;
	position: absolute; 	
	bottom:4px;
	left:4px;
	width:300px;
	text-align:left; 	
}
#boutons_rendu_visite div{
	margin-right:1px;	
}
#boutons_rendu_visite .dropdown-menu{
	padding:0 !important;
}
#myDescriptionModal .modal-content{
	padding-right:15px;	
	padding-left:15px;	
}
#helpModal .modal-content{
	padding-right:15px;	
	padding-left:15px;	
}



#myPlanModal .modal-content{
	width:602px;
	height:377px;
}
#div_plan_miniature{
	width:600px;
	height:375px;

	background-repeat:no-repeat;
	background-size: 100% 100%;
}
#div_plan_miniature img{
	width:40px;
	height:40px;
	cursor:pointer;
	box-shadow: 0 5px 15px rgba(0,0,0,0.5);

    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;	

    position: relative;

    border-radius: 50%;	


 	border: 2px solid #222222;

}

#div_plan_miniature img:hover{
   transform-origin: top 0 left 0;
   transform: scale(2.25);

    position: relative;
    z-index: 2000;
}



#myPiecesModal .modal-content{
	background-color: rgba(255, 255, 255, 0.0);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.0);
}
#myPiecesModal .modal-content img{
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	cursor:pointer;
	width:200px;
	height:100px;

    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;	

    position: relative;	
}
#myPiecesModal .modal-content img:hover{
   transform-origin: top 0 left 0;
   transform: scale(1.25);

    position: relative;
    z-index: 1000;


}


#myMapModal .modal-content{
	background:transparent !important;
    box-shadow: 0 0px 90px rgba(0, 0, 0, 0.5) !important;
}
#map-canvas{
	width:100%;
	height:375px;
}



#fullscreenBouton{
	z-index:30;
	position: absolute; 		
	bottom:4px;
	right:4px;

	display:none;

    width: 0px;
    height:	0px;
}

#volumeBouton{
	z-index:30;
	position: absolute; 	
	bottom:4px;
	right:34px;
    width: 26px;
}

#helpBouton{
	z-index:30;
	position: absolute; 	
	bottom:4px;
	right:76px;
}

#vitrineBouton{
	z-index:30;
	position: absolute; 	
	bottom:4px;
	right:62px;
    width: 26px;
}

#rotateBouton{
	z-index:30;
	position: absolute; 	
	bottom:4px;
	left:49%;
    cursor:pointer;
	border-radius:50%;
	width:36px;
	text-align:center;
}
#rotateBouton span{
	font-size:36px;
	color:white;

    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;		

}
#rotateBouton span:hover{
	text-shadow: 2px 2px #333333;

}

#boussole{
	z-index:2;
	position: absolute; 	
	top:38px;
	right:4px;
}

#logo_rendu{
	z-index:30;
	position: absolute; 	
	bottom:36px;
	right:4px;
	color:white;
}

#panorama {
	z-index:1;
	width: 100%;
	position:relative;
	top:0;
	cursor:all-scroll;
}

#demarrerBouton{
	z-index:30;
	position: absolute; 	
	top:40%;
	left:33%;
}


/* STYLE */
/* STYLE */
/* STYLE */
#boutons_rendu_visite #bouton_plan:hover{
  background-color: #090909 !important;
  border-color: #040404 !important;
}
#boutons_rendu_visite #bouton_pieces:hover{
  background-color: #090909 !important;
  border-color: #040404 !important;
}
#lien_guide_pb_webgl:hover{
  background-color: #090909 !important;
  border-color: #040404 !important;
}
#demarrerBouton:hover{
  background-color: #252525 !important;
  border-color: #252525 !important;
}

#vitrineBouton:hover{
  background-color: #090909 !important;
  border-color: #040404 !important;
}








.annotationBouton {
 width: 40px;
 display: block;
 text-align: center;
 color:#252525;
 font:normal 18px 'FontAwesome';
 line-height:40px;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;

    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;	
}
.annotationBouton:before {content: "\f129";}





.deplacementBouton {
 width: 40px;
 display: block;
 text-align: center;
 color:#252525;
 font:normal 36px 'FontAwesome';
 line-height:40px;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;

    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;	




}
.deplacementBouton:hover {  
}
.deplacementBouton:before {content: "\f107";}
 
.bounce_annotation {
 position: absolute;
 bottom: 50%;
 left: 50% ;
 width: 40px;
 height: 40px ;
 margin-left:-20px;
 border: 2px solid #222222;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;



    -webkit-transition: all .55s;
    -moz-transition: all .55s;
    transition: all .55s;	
}
.bounce_annotation:hover {
	background-color: rgba(255, 255, 255, 0.90);
}



.bounce_deplacement {
 position: absolute;
 bottom: 50%;
 left: 50% ;
 width: 40px;
 height: 40px ;
 margin-left:-20px;
 border: 2px solid #222222;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;
 animation: bounce 4s infinite;
 -webkit-animation: bounce 4s infinite;
 -moz-animation: bounce 4s infinite;
 -o-animation: bounce 4s infinite;



    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;	

	z-index:50;


}


.vignette_deplacement{
	border-radius:50%;
	z-index:50;
}



/* 
.bounce_deplacement:hover {
 width: 46px;
 height: 46px;
 margin-left:-24px;
 margin-bottom:-2px;
 animation: bounce 0s infinite;
 -webkit-animation: bounce 0s infinite;
 -moz-animation: bounce 0s infinite;
 -o-animation: bounce 0s infinite;
}
.bounce_deplacement img{
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;	
}
.bounce_deplacement:hover img{
 width: 46px;
 height: 46px;
}
 */


 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: scale(1.00);} 
 40% {-webkit-transform: scale(1.25);}
 60% {-webkit-transform: scale(1.15);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: scale(1.00);}
 40% {-moz-transform: scale(1.25);}
 60% {-moz-transform: scale(1.15);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: scale(1.00);}
 40% {-o-transform: scale(1.25);}
 60% {-o-transform: scale(1.15);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: scale(1.00);}
 40% {transform: scale(1.25);}
 60% {transform: scale(1.15);}
}