:root {
   /* == GEOMETRY =================== */
   --header-height: 72px;
   --footer-height: 18px;
   --field-height: 24px;
   --border-default-radius: 5px;
   --border-small-radius: 3px;

   /* == SPACING =================== */
   --spacing-xsmall-size: 2px;
   --spacing-small-size: 4px;
   --spacing-default-size: 6px;
   --spacing-large-size: 8px;
   --spacing-xlarge-size: 10px;

   /* == FONT FAMILY ================ */
   --font-default-family : ArtifaktRegular, Arial, sans-serif;
   --font-title-family : RobotoBold, Arial, sans-serif;
   --font-button-family : RobotoBold, Arial, sans-serif;

   /* == FONT SIZE ================== */
   --font-xsmall-size: 9px;
   --font-small-size: 11px;
   --font-default-size: 13px;
   --font-large-size: 15px;
   --font-xlarge-size: 17px;
   
   /* == FORM FIELDS ================ */
   --input-border-width: 1px;
   --input-border-radius: 1px;
   --select-border-width: 1px;
   --select-border-radius: 1px;

   /* == BUTTON ===================== */
   /* standard */
   --button-std-font-size: 13px;
   --button-std-height: 24px;
   --button-std-font-family: RobotoBlack, Arial, sans-serif;
   --button-std-border-width: 1px;
   --button-std-border-radius: 3px;
   /* menu */
   --button-mnu-font-size: 13px;
   --button-mnu-height: 24px;
   --button-mnu-font-family: RobotoBlack, Arial, sans-serif;
   --button-mnu-border-width: 1px;
   --button-mnu-border-radius: 3px;

   /* == ELEMENTS =================== */
   /* dialog */
   --dialog-titlebar-height: 26px;
   --dialog-titlebar-font-size: 16px;
   --dialog-titlebar-font-family: RobotoBold, Arial, sans-serif;

   /* table */
   --table-header-height: 26px;
   --table-header-font-size: 16px;
   --table-header-font-family: RobotoBold, Arial, sans-serif;
   --table-line-default-height: 26px;

   /* == SHADOWS =============== */
   --box-shadow-offset-x: 2px;
   --box-shadow-offset-y: 2px;
   --box-shadow-blur-radius: 2px;
   --button-shadow-offset-x: 2px;
   --button-shadow-offset-y: 2px;
   --button-shadow-blur-radius: 2px;

}

/* Définition des polices */
@font-face {
	font-family: 'ArtifaktRegular';
	src: url(../fonts/Artifakt\ Element\ Regular.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: 'RobotoMedium';
	src: url(../fonts/Roboto-Medium.ttf) format('truetype');
}

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

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