/* ---------------------------------------------------------------- */
/* #region Général */
@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;
}
/* montserrat-regular - latin */
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 400;
	src: url("fonts/montserrat-v25-latin-regular.eot");
	src: local(""), url("fonts/montserrat-v25-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-v25-latin-regular.woff2") format("woff2"), url("fonts/montserrat-v25-latin-regular.woff") format("woff"), url("fonts/montserrat-v25-latin-regular.ttf") format("truetype"), url("fonts/montserrat-v25-latin-regular.svg#Montserrat") format("svg");
}


body {	
	margin:0;
	padding:0;	
	font-family:arial;
	/* background-color:rgba(255,255,255,1.0); */
	background-color:#FAFAFC;
	overflow:hidden;
	min-height: 100vh;
}


#big_container {
	position:absolute;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	/* background-color:rgba(255,255,255,1.0); */
}

#parent_container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
}

#canvas {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	visibility:visible;
	-ms-touch-action:none;	
	touch-action: none;
}
/* #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 Colors */

.blanc { fill: #fff; }
.blancCrop { fill: #fff; fill-rule: evenodd; }
.bleu { fill: #50d2c2; }
.colorBtnActive { fill:#51545c; }
.contourBtnActive { stroke: #51545c; stroke-width: 2px; }
.contourGris { stroke: #5e636c; stroke-width: 2px; }
.contourNoir { stroke: #1e181a; stroke-width: 2px; }
.darkcyan { fill: #006666; }
.fondBt{ fill: #333437; }
.fondPuces { fill: #3e3f44; }
.gris { fill: #3E4149; }
.grisClair { fill: #6f737b; }
.jaune { fill: #ff9326; }
.noir { fill: #1e181a; }
.none { fill: none; }
.rose { fill: #ff3366; }
.rouge { fill:#FF0000; }
.transparent { fill: rgba(255,255,255,0); }
.vert { fill: #6dd900; }

/* #endregion */


/* #region Nouvelle interface */
#GUI_Interface {
	position:absolute;
	left:27.5%;
	top:85.46%;
}
.inter_delimiteur {
	stroke-miterlimit: 10;
	fill: none;
	stroke: #000;
	stroke-width: 2px;
}
.inter_encart {
	fill: #fff;
	stroke: #000;
	opacity: 0.2;
}
.inter_texte {
	font-size: 19px;
	fill: #515151;
	font-family: GoboldThin, 'Gobold Thin';
}
.ombre_zoom {
	fill:rgba(81,84,92,0.15);
}
#btZoomMoins{
	cursor:pointer;
}
#btZoomPlus{
	cursor:pointer;
}
/* #endregion */


/* #region Fullscreen */
#GUI_Fullscreen {
	position:absolute;
	left:95.15%;
	top:3.33%;
	width:2.5%;
}
#GUI_Fullscreen #fullscreen_open { opacity:1; }
#GUI_Fullscreen #fullscreen_close { opacity:0; }
#GUI_Fullscreen.isFullscreen #fullscreen_open { opacity:0; }
#GUI_Fullscreen.isFullscreen #fullscreen_close { opacity:1; }
.fullscreen-1 {
	fill: #383838;
}
.fullscreen-2 {
	fill: #fff;
}
/* #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; }

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

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


/* #region GUI_Lightbox */
#GUI_LightBox {
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border: 0;	
	opacity:0.0;
	visibility:hidden;
	background-color: white;
}
#iframe_lightbox {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border: 0;
}
#fermer_lightbox{
	position:absolute;
	left:92%;
	top:3.33%;
    width:2.5%;
    height:4.44%;
	cursor: pointer;
}
.titre_container_lightbox{
	position:absolute;
	width:12vw;
	height:3.5vw;
	min-width:120px;
	right:-1vw;
	bottom:0;
	margin:0;
	padding:0;
}
#texte_lightbox{
    font-size: 30px;
    font-family: GoboldThin;	
    fill: #222;
}
#num_bat_lightbox{
    font-size: 30px;
    font-family: GoboldThin;	
    fill: #FFF;
}
/* #endregion */


/* #region Divers */
.noselect {
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
  }

.btPointer {
	cursor:pointer;
	pointer-events: auto;
}
/* #endregion */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ---------------------------------------------------------------- */
/* #region		  Message warning portrait/landscape mobile           */
#GUI-mobile_portrait_message {
	display: none;
	/* z-index:20; */
	z-index:0;
}


/* @media screen and (max-width: 500px) and (orientation: portrait) {
	#GUI-mobile_portrait_message {
		display: flex;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		align-items: center;
		justify-content: center;
	}

	#GUI-mobile_portrait_message .mobile_portrait_message-content {
		width: 200px;
		height: 200px;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border: 1px solid #b5b8bb;
	}

	#GUI-mobile_portrait_message .mobile_portrait_message-content p {
		text-transform: uppercase;
		text-align: center;
		margin: 1rem 0;
	}

	#GUI-mobile_portrait_message .mobile_portrait_message-content svg.smartphone {
		opacity: 0.3;
	}

	#parent_container {
		display: none;
	}
	#GUI-loader-container {
		display: none;
	}
} */

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

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */