:root {
	--root-fontSize:								12px;
	--genericField-height:						2rem;

	/* General Fields */
	--genericField-borderRadius_default:	6px;
	--genericField-borderRadius_small:		3px;
	--genericField-borderRadius_large:		9px;

	/* Spacing */
	--spacing_xsmall:								0.2rem;
	--spacing_small:								0.4rem;
	--spacing_default:							0.5rem;
	--spacing_large:								0.6rem;
	--spacing_xlarge:								0.8rem;

  /* == FONT FAMILY ================ */
	--generic-fontFamily:						ArtifaktRegular, Arial, sans-serif;
	--title-fontFamily:							ArtifaktRegular, Arial, sans-serif;
	--button-fontFamily:							RobotoBold, Arial, sans-serif;
	--infoCard-fontFamily:						infoCard, Courier, monospace;

	/* == FONT SIZE ================== */
	--generic-fontSize_xsmall:					0.70rem;
	--generic-fontSize_small:					0.85rem;
	--generic-fontSize_default:				1.00rem;
	--generic-fontSize_large:					1.15rem;
	--generic-fontSize_xlarge:					1.4rem;

	/* == MENU ======================= */
	--menu-fontFamily:							RobotoRegular, Arial, sans-serif;
	--menu-fontSize:								1rem;
	--menu-height:									2rem;
	--submenu-width:								300px;

	/* == FORM FIELDS ================ */
	--genericInput-borderRadius: 				3px;
	--genericInput-borderWidth:				1px;
	--menu-borderRadius:							4px;

	/* == BUTTON ===================== */
	/* standard */
	--genericButton-fontSize:					1.0rem;
	--genericButton-height:						1.6rem;
	--genericButton-fontFamily:				RobotoBold, Arial, sans-serif;
	--genericButton-borderRadius:				3px;
	/* menu */
	--menuButton-fontSize:						1.0rem;
	--menuButton-height:							2.0rem;
	--menuButton-fontFamily:					RobotoBold, Arial, sans-serif;
	--menuButton-borderWidth:					1px;
	--menuButton-borderRadius:					3px;

	/* == ELEMENTS =================== */
	/* dialog */
	--dialogTitlebar-height:					24px;
	--dialogTitlebar-fontSize:					16px;
	--dialogTitlebar-fontFamily:				RobotoBold, Arial, sans-serif;

  /* table */
	--tableHeader-height:						1.8rem;
	--tableHeader-fontSize:						1.0rem;
	--tableHeader-fontFamily:					RobotoBold, Arial, sans-serif;
	--tableRow-height:							1.8rem;

	--pagingCmd-height:							20px;
	--pagingCmd-width:							30px;
	--pagingInput-width:							60px;

  /* == SHADOWS =============== */
	--genericShadow-offsetX:					3px;
	--genericShadow-offsetY:					3px;
	--genericShadow-blurRadius:				2px;
	--buttonShadow-offsetX:						2px;
	--buttonShadow-offsetY:						2px;
	--buttonShadow-blurRadius:					2px;

}

/* Définition des polices */
@font-face {
	font-family: 'ArtifaktRegular';
	src: url(fonts/Artifakt\ Element\ Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'ArtifaktBold';
	src: url(fonts/Artifakt\ Element\ Bold.ttf) format('truetype');
}

@font-face {
	font-family: 'RobotoBlack';
	src: url(fonts/Roboto-Black.ttf) format('truetype');
}

@font-face {
	font-family: 'RobotoBold';
	src: url(fonts/Roboto-Bold.ttf) format('truetype');
}

@font-face {
	font-family: 'RobotoCondensed';
	src: url(fonts/Roboto-Condensed.ttf) format('truetype');
}

@font-face {
	font-family: 'RobotoRegular';
	src: url(fonts/Roboto-Regular.ttf) format('truetype');
}

@font-face {
	font-family: "infoCard";
	src: url(fonts/Typori-Regular.ttf) format('truetype');
}