@font-face{
	font-family: "bariol_serif_bold";
	src:
		local("bariol_serif_bold"),
		url("fonts/bariol_serif_bold.otf") format("opentype")
}
@font-face{
	font-family: "nunito_regular";
	src:
		local("nunito_regular"),
		url("fonts/nunito_regular.ttf") format("truetype")
}
@font-face{
	font-family: "nunito_semibold";
	src:
		local("nunito_semibold"),
		url("fonts/nunito_semibold.ttf") format("truetype")
}
body{
	font-family: nunito_semibold;
	background: #e3e6ee;
	color: black;
}
[data-theme="dark"] body{
	background: #212121;
	color: white;
}
:root {
  --main-color: #009402; /*#005994;*/
  --main-color-filter: brightness(0) saturate(100%) invert(32%) sepia(97%) saturate(1184%) hue-rotate(94deg) brightness(93%) contrast(100%);/*invert(20%) sepia(97%) saturate(1644%) hue-rotate(184deg) brightness(95%) contrast(101%);*/
}
*{
	-webkit-tap-highlight-color: transparent;
}
.top_bar{
	width: 100%;
	background-color: #3E3F3D;
	display: flex;
	height: 50px;
}
.top_bar>.retour{
	margin-left: 13px;
	margin-right: 13px;
	color: white;
	font-weight: bold;
	font-size: 22px;
	cursor: pointer;
	display: flex;
    align-items: center;
}
.top_bar>p{
	margin: 13px;
	color: white;
	font-weight: bold;
	font-family: "bariol_serif_bold",sans-serif;
	font-size: 22px;
	display: flex;
    align-items: center;
}