@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 {
	background-color:rgba(255,255,255,1.0);
	margin:0;
	padding:0;	
	font-family:'GoboldThin';
}

.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);
}

#canvas {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	visibility:visible;
	-ms-touch-action:none;
	transform:translateZ(-1px);
	touch-action: none;
}

.parentContainer{
	width: 100vw; 
    height: 56.25vw;
	max-height: 100vh;
    max-width: 177.78vh; /* 16/9 = 1.778 */
	min-width:800px;
	min-height:450px;
    margin: auto;
    position: absolute;
    top:0;bottom:0; /* vertical center */
    left:0;right:0; /* horizontal center */
}

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

#GUI_Haut{
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0;
	padding:0;
	pointer-events: none;
}
/* Fullscreen */
#btFullScreenContainer {
	position: absolute;
	display:block;
	left: 89.4%;
	top: 1.9%;
	width: 2.9%;
	height: 5.2%;
	margin: 0;
	padding: 0;
}

/* 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;
}

.contourGris{
	stroke: #5e636c;
    stroke-width: 2px;
}

.contourNoir{
	stroke: #1e181a;
    stroke-width: 2px;
}

/* Boutons Typologie */
.pictoT1 {
	fill: #6dd900;
}
.pictoT2 {
	fill: #ff3366;
}
.pictoT3 {
	fill: #50d2c2;
}
.pictoT4 {
	fill: #ff9326;
}
.pictoT5 {
	fill: #006666;
}


/* Textes */

.textRubrique {
    font-size: 16px;
    font-family: 'GoboldThin';	
}

.textCoches {
    font-size: 20px;
    font-family: MyriadPro-Regular, Myriad Pro, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.textEtage {
    font-size: 16px;
    font-family: 'GoboldThin';
}

/* Boussole */
.st0{
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#EAEBED;
}

.st1{
	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;
}

.rouge{
	fill:#FF0000;
}

/* Zoom */
.barreZoom{
	position:absolute;
	left:1822px;
	top:433px;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

/* Loader */

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

#loaderView{
	visibility:visible;
}


.loaderCircle {
	position: absolute;	
	margin: auto;
    top:0;bottom:0; /* vertical center */
    left:0;right:0; /* horizontal center */
	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; /* vertical center */
	left:0;right:0; /* horizontal center */
	width:10.42vw;
	height:auto;
	margin:auto;
	padding-top:6.25vw;
}
/* Lightbox Cellules */
.lightBox{
	width: 100%; 
    height: 100%;
    /*margin: auto;*/
    position: absolute;
    top:0;bottom:0; /* vertical center */
    left:0;right:0; /* horizontal center */
	background-color:rgba(0,0,0,0.8);
	display:none;
	opacity:0.0;
}

.cellule_Container{
	width: 80vw; 
    height: 51.875vw;
	max-height: 80vh;
    max-width: 123.3749vh;
    margin: auto;
    position: absolute;
    top:0;bottom:0; /* vertical center */
    left:0;right:0; /* horizontal center */
	background-color:rgba(255,255,255,1);
	border: 3px solid  #000;
	
}

#image_cellule {
	display:block;
	height:100%;
	width:auto;
	margin: 0 auto;
}

#fermerCellule{
	position:absolute;
	top:-1vw;
	right:-1vw;
	width:2vw;
	height:2vw;
	border:0px;
	cursor:pointer;
	margin:0;
	z-index:1000;
}

.textCellule{
    font-size: 30px;
    font-family:"GoboldThin";	
    fill: #222;
}

#cellule_num_lot{
    font-size: 30px;
    font-family:"GoboldThin";	
    fill: #FFF;
}

.affCellule{
	position:absolute;
	width:12vw;
	height:5vw;
	min-width:120px;
	left:2%;
	top:0;
	margin:0;
	padding:0;
	/*background-color:#2a2a2a;*/
}

/* Autre */

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

#Logo_Residence {
	position:absolute;
	top:1vw;
	left:15%;
	margin:0;
	padding:0;
	visibility:visible;
}

#Logo_Client {
	position:absolute;
	top:1vw;
	left:1vw;
	margin:0;
	padding:0;
	visibility:visible;
}

.cls-2 {
	fill: #00335a;
}
.cls-1 {
	fill: #fff;
}
.cls-3 {
	fill: #94b0b7;
}
.cls-4 {
	fill: #c5a877;
}