@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;
  }
  
/* #region Général */
body {	
	margin:0;
	padding:0;	
	font-family:GoboldThin;
	background-color:rgba(255,255,255,1.0);
	overflow:hidden;
}
#bigContainer {
	position:absolute;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,1.0);
}

#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 */

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

.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: 30px;
    font-family: GoboldThin;	
    fill: #222;
}

#idBat {
    font-size: 30px;
    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); }
.orange { fill: #ff9326; }
.mauve {	fill: #a46ee2; }
/* .vert { fill: #6ed901; }
.bleu { fill: #3599ff; } */
.vert { fill: #008990; }
.bleu { fill: #006449; }
.rose {	fill: #e2001a; }

.fondBt { fill: #333437; }
.grisZoom { fill: #6f737b; }
.gris { fill: #3E3F44; }
.blancZoom { fill: #ffffff; }
.blanc { fill: #fff; }
/* #endregion */

/* #region Zones click */
#BAT_A {
	cursor:pointer;
}
#BAT_B {	
	cursor:pointer;
}
#BAT_C {	
	cursor:pointer;
}
#BAT_D {	
	cursor:pointer;
}
#BAT_E {	
	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;
}

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

.BAT_E {
	fill:rgba(164,110,226,0.3);
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 3px;
	opacity:0.0;
	transition: opacity 0.3s linear;
	cursor:pointer;
}
#BAT_E:hover > .BAT_E {
	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;
    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:0.0;
	cursor:pointer;
}
#panel_BAT_B {	
	opacity:0.0;
	cursor:pointer;
}
#panel_BAT_C {	
	opacity:0.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;
}
/* #endregion */


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