:root {
	--color-black: #000000;
	--color-grey: #3c3c3b;
	--color-myrtille-100: #212a3a;
	--color-accent: #af6f47;
	--color-myrtille: #474f5e;
	--color-myrtille-4: #f7f6f7;
	--color-canelle: #9b4b16;
	--color-vitamine: #f58147;
	--color-white: #ffffff;
	--color-ecorce: #574342;
	--color-vitamine-hover: #d86d29;
	--color-bg-mechanism: #d3c4b8;
	--color-header-bg: #f5f4f1;

	--font-arial: 'Arial', sans-serif;
	--font-arial-bold: 'Arial Bold', sans-serif;
	--font-futura: 'Futura', sans-serif;
	--font-futura-ndalt: 'FuturaNDAlt-demibold', sans-serif;
	--font-futura-ndalt-book: 'FuturaNDAlt-Book', sans-serif;

	--font-weight-bold: bold;
	--font-weight-demi-bold: 400;

	--font-size-h1: 63px;
	--font-size-h2: 42px;
	--font-size-37: 37px;
	--font-size-35: 35px;
	--font-size-30: 30px;
	--font-size-price: 36px;
	--font-size-hightlights: 22px;
	--font-size-product-description: 26px;
	--font-size-22: 22px;
	--font-size-h4-orange: 22px;
	--font-size-20: 20px;
	--font-size-QandA: 19px;
	--font-size-18: 18px;
	--font-size-17: 17px;
	--font-size-CTA: 17px;
	--font-size-subtitle-product2: 17px;
	--font-size-16: 16px;
	--font-size-14: 14px;
	--font-size-12: 12px;
	--font-size-menu: 15px;

	--font-size-title-m: 40px;
	--letter-spacing-main: 0.1em;
}

@font-face {
	font-family: 'Arial';
	src: url('../fonts/arial.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'Arial Bold';
	src: url('../fonts/arialbold.ttf') format('truetype');
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: 'Futura';
	src: url('../fonts/new-futura-bold.otf') format('truetype');
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: 'FuturaNDAlt-demibold';
	src: url('../fonts/futura_naldt_demibold.ttf') format('truetype');
	font-style: normal;
	line-height: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'FuturaNDAlt-Book';
	src: url('../fonts/futurandait-book.ttf') format('truetype');
	font-style: normal;
	line-height: normal;
	font-weight: 400;
}