/* #region Font */
@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;
}
@font-face {
	font-family: 'BebasNeueRegular';
	src: url('BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),  url('BebasNeue-Regular.woff') format('woff'), url('BebasNeue-Regular.ttf')  format('truetype'), url('BebasNeue-Regular.svg#BebasNeue-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* #endregion */

/* #region Général */
html, body {
	margin:0;
	padding:0;	
	-ms-touch-action:none;	
	touch-action: none;
	position:fixed;
	background-color:#ffffff;
}
.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

#big-container {
	position:fixed;
	margin:0;
	padding:0;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#ffffff;
	
	-ms-touch-action:none;	
	touch-action: none;
} 




#parentContainer {
	position: absolute;
	left:0;
    top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#ffffff;
}

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


/* #region GUI Desktop */
#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;
}
#btZoomMoins{
	cursor:pointer;
}
#btZoomPlus{
	cursor:pointer;
}
/* #endregion */

/* #region Autre */
.fondBt{
    fill: #333437;
}
.barreZoom{
	position:absolute;
	right:0px;
	bottom:0px;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	z-index:555;
}
/* #endregion */

/* #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 Nouvelle interface */
#GUI_Interface {
	position:absolute;
	left:24.4045%;
	top:85.46%;
	width:45.41%;
	height:9.6909%;
}
#logo-carrere {
	position:absolute;
	left:71.4045%;
	top:85.46%;
	width:auto;
	height:7.63%;
}
@media only screen and (min-width:601px) and (max-width:960px), only screen and (min-height:351px) and (max-height:540px) {
	#GUI_Interface {
		left:10.2535%;
		top:83.7%;
		width:70.4%;
		height:17.6666%;
	}
	#logo-carrere {
		left:83.0535%;
		top:84.8%;
		width:auto;
		height:11.9%;
	}
}
@media only screen and (max-width:600px), only screen and (max-height:350px)  {
	#GUI_Interface {
		left:4.6625%;
		top:83.1%;
		width:81.8%;
		height:17.6%;
	}
	#logo-carrere {
		left:87.4625%;
		top:83.1%;
		width:auto;
		height:14.0%;
	}
}

#Zoom .plus {
	fill: #fff;
	fill-rule: evenodd;
}
#Zoom .loupe {
	fill-rule: evenodd;
	fill: #30434f;
}

#panneau #encart {
	opacity: 0.75;
	fill-rule: evenodd;
	fill: #30434f;
}
#panneau path {
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 2px;
	fill: none;
}
/* #panneau text {
	font-size: 19px;
	font-family: GoboldThin, Gobold Thin;
	letter-spacing:0.05em;
	fill: #fff;
} */
#panneau text {
	font-size: 23px;
	font-family: BebasNeueRegular;
	font-weight:400;
	letter-spacing:0.05em;
	fill: #fff;
}

#boussole .boussole-fond {
	fill: #eaebed;
	fill-rule: evenodd;
}
#boussole .cardinal {
	fill: none;
	stroke: #333649;
	stroke-linecap: round;
	stroke-linejoin: round;
}
#boussole .boussole-border {
	fill: #333649;
	fill-rule: evenodd;
}
#boussole .aiguille-rouge {
	fill: red;
	fill-rule: evenodd;
}
#boussole .aiguille-grise {
	fill: #333649;
}
 /* #endregion */

/* #region Menu mobile */
#GUI-menu-mobile {
	position:absolute;
	left:-20.83%;
	top:0%;
	width:20.83%;
	height:100%;
}
#GUI-menu-background {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
	display:none;
}
#GUI-menu-mobile-trigger {
	position:absolute;
	left:2.08%;
	top:1.5%;
	display:none;
}
#GUI-menu-mobile-SVG {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.menu_gris {fill:#30434f;} 
/* .textEtageMobile {
	font-size: 30px;
	font-family: 'GoboldThin';
} */
.textEtageMobile {
	font-size: 33px;
	font-family: 'BebasNeueRegular';
}
/* .textRubriqueMobile {
	font-size: 33px;
	font-family: 'GoboldThin';	
} */

.textRubriqueMobile {
	font-size: 36px;
	font-family: 'BebasNeueRegular';	
}
/* #endregion */ 

/* #region Fullscreen */
#GUI_Fullscreen {
	position:absolute;
	left:95.15%;
	top:3.33%;
	width:2.5%;
	height:4.44%;
}
@media only screen and (min-width:601px) and (max-width:960px), only screen and (min-height:351px) and (max-height:540px) {
	#GUI_Fullscreen {
		left:92.7%;
		top:3.33%;
		width:5.0%;
		height:8.88%;
	}
}
@media only screen and (max-width:600px), only screen and (max-height:350px)  {
	#GUI_Fullscreen {
		left:89.8%;
		top:3.33%;
		width:7.8%;
		height:13.6%;
	}
}
.fullscreen-1 {
	fill: #30434f;
}
.fullscreen-2 {
	fill: #fff;
}
/* #endregion */

/* #region Diclaimer seul */
#disclaimer_seul {
	position:absolute;
	right:1%;
	bottom:1%;
	width:10%;
	height:auto;
	display:none;
}
/* #rendegion */

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

/* #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; }
.bleuPanneau { fill:#30434f; }
.grisZoom { fill: #6f737b; }
.gris { fill: #3E3F44; }
.blancZoom { fill: #ffffff; }
.bleuCarrere { fill:#30434f; }
.bleuCarrereFond { fill:#334049; }

.contourGris { stroke: #5e636c; stroke-width: 2px; }
.contourNoir { stroke: #1e181a; stroke-width: 1px; }
.contourBleuPanneau { stroke: #30434f; stroke-width: 2px; }
.contourBlanc { stroke: #ffffff; stroke-width: 2px; }
/* #endregion */

/* #region Loader */
#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,1);
}
#loader-container {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:10.42vw;
	height:auto;
}

#loaderCircle {
	display:block;
	margin:auto;
	width:40%;
	height:auto;
	animation: rotating 1.5s linear 0s infinite; 
}
@keyframes rotating {
	from { transform: rotate(0deg); }
	to { transform: rotate(-360deg); }
}
#loaderVisio {
	margin-top:15px;
	width:100%;
	height:auto;
}
/* #endregion */

/* #region console-output */
#console-output {
	position:absolute;
	left:0%;
	top:30%;
	width:40%;
	height:49%;
	background-color:rgba(45,45,45,0.7);
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	padding:0.8em;
	display:none;
}
/* #endregion */