@font-face {
	font-family: 'GoboldThin';
	src: url('fonts/GoboldThin.eot?#iefix') format('embedded-opentype'),  url('fonts/GoboldThin.woff') format('woff'), url('fonts/GoboldThin.ttf')  format('truetype'), url('fonts/GoboldThin.svg#GoboldThin') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  
/* #region Général */
body {	
	margin:0;
	padding:0;	
	font-family:GoboldThin;
	background-color:#444444;
	overflow:hidden;
}
#bigContainer {
	position:absolute;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#444444;
}

#parentContainer {
    position: absolute;
    left:0;
    top:0;
	bottom:0;
	right:0;
	width: 100vw; 
    height: 56.25vw;
	max-height: 100vh;
    max-width: 177.8vh;
    margin: auto;
}

#GUI {
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0;
	padding:0;
}
/* #endregion */

#logo_client {
	position: absolute;
	left: 2px;
	top: 0;
	height: auto;
	z-index: 1;
	width: 11%; max-width: 60px;  padding: 15px 0 0 20px;
}


/* #region Divers */
.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 */
}
.btActive{
	cursor:pointer;
	pointer-events: auto;
}
/* #endregion */

/* #region Console */
#console {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0;
	padding:0;
	border:0;
	background-color:#222;
	font-family: 'Times New Roman', Times, serif;
	font-size: 10px;
	font-weight: normal;	
	color:lightskyblue;
	visibility: visible;
	width:100vw;
	height:100px;
	display: none;
}

.titre_console {
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0;
	padding:0;
	border:0;
	background-color:#444;
	font-family:'Arial';
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: white;
	width:100vw;
	height:18px;
}

#console_contain {
	position:absolute;
	top:18px;
	left:0;
	right:0;
	height:80px;
	width:100vw;
	margin:0;
	padding:0;
	border:0;
	overflow-y: scroll;
}
/* #endregion */


/* #region Logo Client */
#logoClient {
	position:absolute;
	left:0.7%;
	top:1.5%;
}
/* #endregion */


/* #region Lightbox */
#lightBox {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border: 0;	
	opacity:0.0;
	visibility:hidden;
	background-color: white;
}

#ifrm-axo {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border: 0;
}
.affBat{
	position:absolute;
	width:12vw;
	height:3.5vw;
	min-width:120px;
	right:-1vw;
	bottom:0;
	margin:0;
	padding:0;
}

.textAxo{
    font-size: 34px;
    font-family: GoboldThin;	
    fill: #222;
}

#idBat {
    font-size: 27px;
    font-family: GoboldThin;	
    fill: #FFF;
}

#fermerFrame{
	position:absolute;
	left:95.15%;
	top:3.33%;
    width:2.5%;
    height:4.44%;
	cursor: pointer;
}
/* #endregion */

/* #region Couleurs */
.transparent { fill: rgba(255,255,255,0); }
.vert { fill: #6ed901; }
.bleu { fill: #3599ff; }
.orange { fill: #ff9326; }
.rose {	fill: #ff356b; }
.fondBt { fill: #333437; }
.grisZoom { fill: #6f737b; }
.gris { fill: #3E3F44; }
.blancZoom { fill: #ffffff; }
.blanc { fill: #fff; }

.red { fill: rgb(255,53,107); }
.blue { fill: rgb(53,153,255); }
.green { fill: rgb(25,132,30); }

.bleu_cisn { fill: #214769; }
/* #endregion */

/* #region Zones click */
#BAT_A {
	cursor:pointer;
}
#BAT_B {	
	cursor:pointer;
}
#BAT_C {	
	cursor:pointer;
}

.BAT_A {
	fill:rgba(255, 53, 107, 0.3);
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 3px;
	opacity:0.0;
	transition: opacity 0.3s linear;
	cursor:pointer;
}
#BAT_A:hover > .BAT_A {
	opacity:1.0;
	transition: opacity 0.3s linear;
}

.BAT_B {
	fill:rgba(53, 153, 255, 0.3);
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 3px;
	opacity:0.0;
	transition: opacity 0.3s linear;
	cursor:pointer;
}
#BAT_B:hover > .BAT_B{
	opacity:1.0;
	transition: opacity 0.3s linear;
}

.BAT_C {
	fill:rgba(25, 132, 30, 0.3);
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 3px;
	opacity:0.0;
	transition: opacity 0.3s linear;
	cursor:pointer;
}
#BAT_C:hover > .BAT_C {
	opacity:1.0;
	transition: opacity 0.3s linear;
}

/* #endregion */

/* #region Select Batiment */
.selectBat{
	position:absolute;
	width:12vw;
	height:10vh;
	min-width:120px;
	left:0;
	right:0;
	bottom:2vh;
	margin:0 auto;
	padding:0;
}
.boutonFond {
    fill: #3E3F44;
    fill: #214769;
    stroke: #fff;
    stroke-miterlimit: 10;
    fill-rule: evenodd;
}

.textBouton {
    font-size: 20px;
    fill: #fff;
    font-family: GoboldThin;
}
.textPuces {
    font-size: 18px;
    font-family: GoboldThin;	
    fill: #ffffff;
}
/* #endregion */

/* #region Cartouches */
#panel_BAT_A {	
	opacity:1.0;
	cursor:pointer;
}
#panel_BAT_B {	
	opacity:1.0;
	cursor:pointer;
}
#panel_BAT_C {	
	opacity:1.0;
	cursor:pointer;
}
#BAT_A:hover > #panel_BAT_A {
	opacity:1.0;
}
#BAT_B:hover > #panel_BAT_B {
	opacity:1.0;
}
#BAT_C:hover > #panel_BAT_C {
	opacity:1.0;
}

.cartouche-1 {
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#FFFFFF;
	font-size: 1.3rem
}
/* #endregion */


/* #region Fullscreen */
#GUI_Fullscreen {
	position:absolute;
	left:92%;
	top:3.33%;
}
.fullscreen-1 {
	fill: #383838;
}
.fullscreen-2 {
	fill: #fff;
}
/* #endregion */



/* #region Loader */
#loader-container {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#3e3f44;
    z-index:20;
    display:block;
  }
  .lds-ring {
    display: inline-block;
    position: absolute;
    left:50%;
    top:50%;
    width: 80px;
    height: 80px;
    transform:translate(-50%,-50%);
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /* #endregion */


/* ---------------------------------------------------------------- */
/* #region        Logo                                              */
#GUI-logo {
	position: absolute;
	left: 62px;
	top: 0;
	width: 15%;
	max-width: 120px;
	height: auto;
	padding: 10px 0 0 20px;
	z-index: 1;
}

#GUI-logo.bouygues { width: 15%; max-width: 120px; }
#GUI-logo.nacarat { width: 17%; max-width: 210px; }
#GUI-logo.caimmo { width: 10%; max-width: 120px; }
#GUI-logo.angelotti { width: 11%; max-width: 160px; }
#GUI-logo.eiffage { width: 17%; max-width: 190px; }
#GUI-logo.marignan { width: 17%; max-width: 200px; }
#GUI-logo.gambetta { width: 17%; max-width: 200px; }
#GUI-logo.lp_promotion { width: 17%; max-width: 200px; }
#GUI-logo.st_agne { width: 17%; max-width: 200px; }
#GUI-logo.LNC { width: 18%; max-width: 250px; }
#GUI-logo.alsei { width: 13%; max-width: 160px; }
#GUI-logo.fonta { width: 15%; max-width: 200px; }
#GUI-logo.urbis { width: 10%; max-width: 150px; }
#GUI-logo.nexity { width: 6.5%; max-width: 105px; }
#GUI-logo.urbat { left:10px; top:10px; width: 6.0%; max-width: 80px; }
#GUI-logo.cisn { left:5px; top:5px; width: 9%; max-width: 140px; }
#GUI-logo.cisn2 { left:5px; top:5px; width: 13.5%; max-width: 190px; }

#big_container.mobile #GUI-logo {
	left: 50px;
}

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