/* layout */
.panorama, .panorama-view {	width: 100%;	height: 100%;	overflow: hidden;}
.panorama, .panorama-container {	position: relative; float:left;}
.panorama-container img {	height: 100%;	position: absolute;	top: 0;}
.panorama .info, .panorama-view .area {	position: absolute;	display: block;}

/* style */
.panorama-view {/*	cursor: url(../images/openhand.cur), default;*/}
.panorama-view.grab {/*	cursor: url(../images/closedhand.cur), default;*/}
.panorama .info {padding: 6px;opacity: 0.4;	filter: alpha(opacity=40);	background-color: #000;	color: #fff;font: bold 11px Arial, sans-serif;	text-decoration: none;}
.panorama .info:hover {	opacity: 0.6;	filter: alpha(opacity=60);}
.panorama-view .area {
	/**background: url("../images/bgTransparent.png");**/
	background-image:url(../images/flache.gif);	background-repeat: no-repeat;	background-size:30px auto;	background-position:7px 15px;	cursor: pointer;
	overflow: hidden;	min-width:40px;	min-height:80px;}
.panorama-view .area:hover {}
.panorama-view a, .panorama-view a:link, .panorama-view a:visited {	color: white;	text-decoration: none;	word-wrap: break-word;	padding-top: 7px;	padding-left: 7px;}
.panorama-view a:hover {	color: white;}
.panorama-view img {	-o-user-select: none;	-moz-user-select: none;	-webkit-user-select: none;	user-select: none;}
/*artd some css changes*/
.panorama .topCaption {	top: 10px;}
.panorama .rightCaption {	right: 10px;}
.panorama .bottomCaption {	bottom: 10px;}
.panorama .leftCaption {	left: 10px;}

.mod_jquery_reel_clear {	clear: both;}
a.circle {	padding: 0;	display: block;	position: absolute;	width: 12px;	height: 12px;}
.description_layer {	display: block;	position: absolute;	padding: 10px;	left: 120px;	top: 192px;	background: yellow;}
.description_layer a:hover  {	background: none !important;}
a.circle:hover, a.circle:active, a.circle:focus {	background-color: transparent !important;}
.textcarousel{width:360px;  min-height:400px;}
/** style site/**/

.round {	-moz-border-radius: 6px;	-webkit-border-radius: 6px;	border-radius: 6px;	-moz-background-clip: padding;	-webkit-background-clip: padding-box;	background-clip: padding-box;}
.hide{display:none;}
.diaporama{position:relative; width:619px; height:413px;background:#545454; }
.visite_container{position:relative;}
.visite_container .loading{ width:330px; height:243px;margin:0 auto 0; padding:170px 0 0 287px; background:#565656; float:left; }
.diaporama{float:left;}

.textcarousel div.item_visite{font-size:15px;border:solid 1px;text-align:center; padding:7px 7px ;  margin-left:170px; margin-bottom:7px; cursor:pointer; width:150px; color:#D6D6D6; transition-delay: 100ms;transition-duration: 300ms;transition-property: background; transition-timing-function: linear, ease-in; }
.group_btn{display:block; clear:both; margin:5px auto;}
.textcarousel .group_btn div.item_visite{border:solid 1px;}
.textcarousel div.item_visite.active,.textcarousel div.item_visite:hover{color:#fff;}
.textcarousel div.item_visite#impressiondigitale{ padding:11px 7px ;}
.panorama-view:hover{cursor:move;}
.leftButton{ background:url(next.png) center no-repeat; width:44px ; height:54px; }
.pauseButton{ background:url(btnnext.png) no-repeat; width:22px ; height:22px; background-position:0px 0;}
.rightButton{ background:url(prev.png) center no-repeat; width:44px ; height:54px; }
.panorama-control {bottom:0px; left:0;position:absolute;	padding: 8px 0 0;	margin: -30px 0 0;	width: 100px;	height: 30px;	background: black;	filter: alpha(opacity=50);	opacity: .5;	text-align: left;	z-index:9999;}
.pauseButton,.rightButton, .leftButton {position:absolute;float: left;	padding: 0;	margin: 0 5px;	color:transparent;	text-decoration: none;	font-size: 0;	line-height: 30px;	z-index:9999;}
.pauseButton{left:50px; bottom:0}
.leftButton{ left:10px ; top:180px;}
.rightButton{left:660px; top:180px;}
.rightButton:hover, .leftButton:hover {	cursor: pointer;}
.back{position:absolute; top:5px; left:370px; height:28px; width:40px; background:url(../images/back_red.gif) no-repeat;	z-index:9999;}
#mod_jquery_reel_ID_reel{position:relative;}

@media screen and (max-width : 1000px) {
	.textcarousel{position:relative;  min-height:inherit; background:none; width:100%}
	.content_textcarousel{background:none; }
	.panorama{float:none; margin:0 auto 20px;}
	.textcarousel div.item_visite{float:left; margin:7px; font-size:13px; width:auto;}
	#mod_jquery_reel_ID_reel{ width:100%}
	.textcarousel div.item_visite#impressiondigitale{padding:7px;}
	.rightButton{left:inherit; right:10px;}
	
}
@media screen and (max-width : 680px) {
	.textcarousel div.item_visite{width:calc(50% - 30px); min-width:130px;}
	.panorama{max-width:100%;}
	.mod_visite_virtuel{padding:10px 2px;}
}
