@font-face {
	font-family: "stop";
	src: url("stop-webfont.woff2") format("woff2"),
		url("stop-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "libre_barcode_ean13_textRg";
	src: url("librebarcodeean13text-regular.woff2") format("woff2"),
		url("librebarcodeean13text-regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
:root {
	--bleu-clair: #e6f0ff;
	--noir: #2c1d0b;
	--rouge: red;
	--blanc: white;
}

.logo-cei {
	font-family: "stop";
}
html {
	font-size: 10px;
}

* {
	user-select: none !important;
}

/* Theme Comptoir de l'ours */
.fond-noir {
	color: var(--blanc);
	background-color: var(--noir);
}

.fond-noir .fenetre_scan_texte {
	text-shadow: 3px 4px 12px var(--noir);
}

/* Theme CEI */
.cei {
	color: #f1f6f9;
	background-color: #394867;
}

.cei .fenetre_scan_texte {
	text-shadow: 3px 4px 12px var(--noir);
}

.page {
	height: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	overflow: hidden;
	cursor: pointer;
	/* padding: 70px; */
}

.scan {
	padding: 5%;
	display: grid;
	grid-template-rows: auto 1fr;
	height: 100%;
}

@media screen and (min-width: 480px) {
	html {
		font-size: 16px;
	}
}

@media screen and (min-width: 1000px) {
	html {
		font-size: 20px;
	}
}

@media screen and (min-height: 1000px) {
	html {
		font-size: 20px;
	}
}

@media screen and (min-height: 1500px) {
	html {
		font-size: 25px;
	}
}

@media screen and (min-width: 1500px) {
	html {
		font-size: 25px;
	}
}
body {
	height: 100dvh;
	color: var(--blanc);
	background-color: var(--noir);
}

body > div {
	height: 100%;
}