@font-face {
	font-family: 'GoboldThin';
	src: url('GoboldThin.eot?#iefix') format('embedded-opentype'),  url('GoboldThin.woff') format('woff'), url('GoboldThin.ttf')  format('truetype'), url('GoboldThin.svg#GoboldThin') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {	
	margin:0;
	padding:0;	
	font-family:arial;
	background-color:rgba(255,255,255,1.0);
	overflow:hidden;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
								  supported by Chrome and Opera */

}

.big-container {
	position:absolute;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,1.0);
}

.container {
	width: 100vw; 
    height: 56.25vw;
	max-height: 100vh;
    max-width: 177.8vh; /* 16/9 = 1.778 */
    margin: auto;
    position: absolute;
    top:0;bottom:0; /* vertical center */
	left:0;right:0; /* horizontal center */
}

#canvas {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	visibility:visible;
	-ms-touch-action:none;	
	touch-action: none;
}

/* .Loader{
	width:100%;
	height:100%;
	margin: auto;
    position: absolute;
    top:0;bottom:0; 
    left:0;right:0; 
	display:block;
	background-color:rgba(255,255,255,0.75);
	overflow:hidden;
}

.loaderCircle {
	position: absolute;	
	margin: auto;
    top:0;bottom:0;
    left:0;right:0;
	width:3.3vw;
	height:3.3vw;
	padding-bottom:6.25vw;
	transform-origin: 1.65vw 1.65vw;
	animation: rotating 1.5s linear 0s infinite; 
}

 @keyframes rotating {
          from { transform: rotate(0deg); }
          to { transform: rotate(-360deg); }
          }

.loaderVisio {
	position: absolute;
    top:0;bottom:0;
	left:0;right:0;
	width:10.42vw;
	height:auto;
	margin:auto;
	padding-top:6.25vw;
} */

#GUI_Haut{
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	pointer-events: none;
}
#GUI_Boussole{
	position:absolute;
	top:10.8%;
	right:10px;
	margin:0;
	padding:0;
	pointer-events: none;
}
#GUI_FondInterface{
	position:absolute;
	bottom:1%;
	left:0;
	margin:0;
	padding:0;
	pointer-events: none;
}
#GUI_Boutons{
	position:absolute;
	bottom:1%;
	left:0;
	margin:0;
	padding:0;
	pointer-events: none;
}
#GUI_Zoom{
	position:absolute;
	bottom:12%;
	left:0;
	margin:0;
	padding:0;
	pointer-events: none;
}


#logo_urbis {
	position:absolute;
	top:10px;
	left:0px;
	margin:0;
	padding:0;
	pointer-events: none;
}

/* #loader {
	position:absolute;
	top:0;
	left:0;	
	right:0;
	bottom:0;
	width:100vw;
	height:100vh;
	visibility:visible;
	z-index:10;
	background-color:rgba(255,255,255,0.0);
} */

#btZoomMoins{
	cursor:pointer;
}

#btZoomPlus{
	cursor:pointer;
}

/* Autre */

.transparent {
	fill: rgba(255,255,255,0);
}

.fondBt{
    fill: #333437;
}

.grisZoom {
    fill: #6f737b;
}

.gris{
	fill: #3E3F44;
}

.blancZoom {
    fill: #ffffff;
}

.barreZoom{
	position:absolute;
	right:0px;
	bottom:0px;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	z-index:555;
}


.btPointer{
	cursor:pointer;
	pointer-events: auto;
}

#loader-canvas {
        display: block;
        position: relative;
        left: 50%;
        top: 50%;
        width: 150px;
        height: 150px;
        margin: -75px 0 0 -75px;
		
        border: 3px solid transparent;		
		border-top-color: #606d75;
		border-radius: 50%;
        z-index: 1500;		
		
		-webkit-animation: spin 1.5s linear infinite;
		animation: spin 1.5s linear infinite;
}

#loader-canvas:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border: 3px solid transparent;
	border-top-color: #c8591e;
	border-radius: 50%;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
#loader-canvas:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 3px solid transparent;
	border-top-color: #1b8159;
	border-radius: 50%;
	
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}

/* include this only once */
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

#loaderView {
	position:absolute;
	display:block;
	left:0%;
	bottom:0%;
	width:100%;
	height:100%;
	overflow:hidden;
	opacity:1.0;
}

#loadingTxt {
	position:absolute;
	display:block;
	color:rgba(69,63,72,1.0);
	left:50%;
	top:50%;
	height:36px;
	width:150px;
	margin: -18px 0 0 -75px;
	color:black;
	font-size:24px;
	font-family:arial;
	text-align:center;
	line-height:36px;
	vertical-align:middle;
}

#btFermer {
	position:absolute;
	display:block;
	top:32px;
	right:5px;
	width:40px;
	height:40px;	
	transform:scale(1);
	transform-origin:top right;
	cursor: pointer;
}

.imgFull{
	display:block;
	position:absolute;
	left:0;
	right:0;
	border:0;
	width:100%;
	height:100%;
}

/* #region Boussole */
.boussole0{
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#EAEBED;
}
.boussole1{
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#333649;
}	
.traitBoussole{
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:none;stroke:#333649;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:10;
}
/* #endregion */

/* #region Colors */
.none { fill: none; }
.transparent { fill: rgba(255,255,255,0); }
.blanc { fill: #fff; }
.blancCrop { fill: #fff; fill-rule: evenodd; }
.fondBt{ fill: #333437; }
.blancZoom { fill: #ffffff; }
.noir { fill: #1e181a; }
.gris { fill: #3E4149; }
.grisClair { fill: #6f737b; }
.vert { fill: #6dd900; }
.rose { fill: #ff3366; }
.bleu { fill: #50d2c2; }
.jaune { fill: #ff9326; }
.fondPuces { fill: #3e3f44; }
.darkcyan { fill: #006666; }
.rouge { fill:#FF0000; }
.colorBtnActive { fill:#51545c; }



.orange {
	fill: #ff9326;
	fill-rule: evenodd;
}


.contourGris { stroke: #5e636c; stroke-width: 2px; }
.contourNoir { stroke: #1e181a; stroke-width: 2px; }
.contourBtnActive { stroke: #51545c; stroke-width: 2px; }

/* #endregion */

/* #region Logo Client */
#GUI-logo {
	position:absolute;
	left:5px;
	top:5px;
	width:10%;
	max-width:150px;
	height:auto;
}
/* #endregion */

/* #region Nouvelle interface */
#GUI_Interface {
	position:absolute;
	left:27.5%;
	top:85.46%;
}
.cls-1, .cls-4 {
	fill: #383838;
  }

  .cls-2 {
	stroke: #fff;
  }

  .cls-14, .cls-2, .cls-3, .cls-5 {
	stroke-miterlimit: 10;
  }

  .cls-14, .cls-3 {
	fill: #fff;
  }

  .cls-3 {
	stroke: #5b5b5b;
  }

  .cls-11, .cls-15, .cls-16, .cls-18, .cls-4 {
	fill-rule: evenodd;
  }

  .cls-17, .cls-5 {
	fill: none;
  }

  .cls-14, .cls-5 {
	stroke: #000;
  }

  .cls-5 {
	stroke-width: 2px;
  }

  .cls-6 {
	font-size: 19px;
	fill: #515151;
	font-family: GoboldThin, 'Gobold Thin';
  }

  .cls-7 {
	letter-spacing: -0.01em;
  }

  .ombre_zoom {
	fill:rgba(81,84,92,0.15);
  }

  .cls-15 {
	fill: #c0c2c1;
  }

  .cls-9 {
	fill: #51545c;
  }

  .cls-10 {
	fill: #6f737b;
  }

  .cls-11, .cls-13 {
	fill: #eaebed;
  }

  .cls-12 {
	fill: #6d727c;
  }

  .cls-14 {
	opacity: 0.2;
  }

  .cls-16 {
	fill: #333649;
  }

  .cls-17 {
	stroke: #333649;
	stroke-linecap: round;
	stroke-linejoin: round;
  }

  .cls-18 {
	fill: red;
  }
/* #endregion */

/* #region Titre */
#titre-residence {
	position:absolute;
	left:40.625%;
	top:1.57%;
}
#adresse-residence {
	position:absolute;
	left:37.91%;
	top:7.96%;
}
.adresse-1 {
	fill: #41484b;
}
.nom-1 {
	fill: #41484b;
}
/* #endregion */

/* #region Fullscreen */
#GUI_Fullscreen {
	position:absolute;
	right:20px;
	top:20px;
}
#GUI_Fullscreen2 {
	position:absolute;
	left:92%;
	top:3.33%;
	z-index:10;
}
.fullscreen-1 {
	fill: #383838;
}
.fullscreen-2 {
	fill: #fff;
}
/* #endregion */

/* #region lightbox */
#lightBox {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border: 0;	
	opacity:0.0;
	display:none;
	background-color: white;
}
#iframe-lightbox {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border: 0;
}
#fermerFrame{
	position:absolute;
	left:95.15%;
	top:3.33%;

    width:2.5%;
    height:4.44%;
	cursor: pointer;
	z-index:10;
}
.affBat{
	position:absolute;
	width:12vw;
	height:3.5vw;
	min-width:120px;
	right:-1vw;
	bottom:0;
	margin:0;
	padding:0;
}
.textAxo{
    font-size: 30px;
    font-family: GoboldThin;	
    fill: #222;
}
#idBat{
    font-size: 30px;
    font-family: GoboldThin;	
    fill: #FFF;
}
/* #endregion */

/* #region swipers */

.pers_content_cat {
    position: absolute;
    left:0; top:0; width:100%; height:100%;
    background-color:#000;
    display:none;
}
.pers_content_cat.active {
    display:block;
}

.galerie_swiper_container {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	top: 2%;
	width: 100%;
	height: 96%;
	overflow: hidden;
	padding: 0;
	z-index: 1;
}
.galerie_swiper_wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
	transform: translate3d(0px, 0, 0);
	z-index: 1;
}
.galerie_swiper_slide {
	position: relative;
	display: flex;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	transition-property: transform;
	transform: translate3d(0px, 0, 0);
}


.galerie-button-prev, .galerie-button-next {
	position: absolute;
	top: 50%;
	width: 4%;
	max-width: 40px;
	height: auto;
	margin: 0;
	z-index: 20;
	cursor: pointer;
	pointer-events: all;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(0, -50%);
}
.galerie-button-prev {
	left: 0px;
}
.galerie-button-next {
	right: 0px;
}
.galerie-button-prev.swiper-button-disabled, .galerie-button-next.swiper-button-disabled {
	opacity: 0;
	cursor: auto;
	pointer-events: none;
}
/* .galerie-button-prev, .galerie-button-next {
	position: absolute;
	top: 0;
	width: 10%;
	height: 100%;
	z-index: 20;
	cursor: pointer;
	pointer-events: all;
    outline-offset: 0;
    outline-color: rgba(0,0,0,0);
    outline-width: 0;
}
.galerie-button-prev {
	left: 0px;
}
.galerie-button-next {
	right: 0px;
}
.galerie-button-prev.swiper-button-disabled, .galerie-button-next.swiper-button-disabled {
	display:none;
	cursor: auto;
	pointer-events: none;
} */
.galerie_slide_img {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	right: 0;
	bottom: 0;
	object-fit: contain;
}


.cartouche_swiper {
	position:absolute;
	right:10px; bottom:calc(2% + 10px);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding:3px 5px;
	background-color:#383838;
	color:#ffffff;
	z-index: 15;
}

/* #endregion */

/* ---------------------------------------------------------------- */
/* #region        Loader                                            */
#GUI-loader-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 1.0);
	background-image: url("../assets/background_trame_abeille.svg");
	background-repeat: repeat;
	background-size: 10%;
	visibility: visible;
	overflow: hidden;
	z-index: 10;
}

#loader-svg {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 180px;
	max-width: 15%;
	transform: translate(-50%, -50%);
}

#path_test {
	stroke: #797e83;
	fill: none;
	stroke-width: 3px;
}

#loaderView {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 1.0);
	visibility: visible;
	overflow: hidden;
}

.loaderCircle {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 3.3vw;
	height: 3.3vw;
	padding-bottom: 6.25vw;
	transform-origin: 1.65vw 1.65vw;
	animation: rotating 1.5s linear 0s infinite;
}

@keyframes rotating {
	from { transform: rotate(0deg); }
	to { transform: rotate(-360deg); }
}

.loaderVisio {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 10.42vw;
	height: auto;
	margin: auto;
	padding-top: 6.25vw;
}

/* #endregion                                                       */
/* ---------------------------------------------------------------- */

/* #region todo : swiper-pagination */
:root {
	/* --swiper-theme-color: #007aff; */
	--swiper-theme-color: #ffffff;
	/*
	--swiper-preloader-color: var(--swiper-theme-color);
	--swiper-wrapper-transition-timing-function: initial;
	*/
  }
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: 300ms opacity;
	transform: translate3d(0, 0, 0);
	z-index: 25;
  }
  .swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
  }
  .swiper-pagination-disabled > .swiper-pagination,
  .swiper-pagination.swiper-pagination-disabled {
	display: none !important;
  }
  /* Common Styles */
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: var(--swiper-pagination-bottom, 8px);
	top: var(--swiper-pagination-top, auto);
	left: 0;
	width: 100%;
  }
  /* Bullets */
  .swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(0.33);
	position: relative;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(0.33);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.33);
  }
  .swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 14px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 14px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #fff);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.5);
  }
  button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
			appearance: none;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
  }
  .swiper-pagination-bullet:only-child {
	display: none !important;
  }
  .swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }
  .swiper-vertical > .swiper-pagination-bullets,
  .swiper-pagination-vertical.swiper-pagination-bullets {
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	top: 50%;
	transform: translate3d(0px, -50%, 0);
  }
  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block;
  }
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
  }
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: 200ms transform,
		  200ms top;
  }
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
  }
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 200ms transform,
		  200ms left;
  }
  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 200ms transform,
	  200ms right;
  }
  /* Fraction */
  .swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit);
  }
  /* Progress */
  .swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
	position: absolute;
  }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
  }
  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
  }
  .swiper-horizontal > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-horizontal,
  .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0;
  }
  .swiper-vertical > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-vertical,
  .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%;
	left: 0;
	top: 0;
  }
  .swiper-pagination-lock {
	display: none;
  }

/* #endregion */