@font-face
{
    font-family: 'Quiche Sans Regular';
    src: url('/assets/fonts/QuicheSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face
{
	font-family: 'Lora';
	src: url('/assets/fonts/Lora-VariableFont_wght.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face
{
	font-family: 'Open Sans';
	src: url('/assets/fonts/OpenSans-VariableFont_wght.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body
{
	margin: 0;
	width: 100vw;
	max-width: 100%;
	overflow-x: hidden;
	background-color:#F9E9D5;
	font-family: 'Open Sans', 'Arial', sans-serif;
    font-size: 15px;
    line-height: 1.8em;
}

.JVBtitre
{
	width: 100%;
	height: 60px;
	margin-bottom: 18px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;

	font-size: 18px;
	font-weight: bold;
	color: white;
}

.JVBtitre p
{
	margin: 0;
}

.JVBtitre > img
{
	width: 60px;
	height: 60px;
	position: absolute;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-right: solid 1px #b2b2b2;
}

.JVBtitre_ligne
{
	display: flex;
	align-items: center;
	width: 100%;
	height: 50%;
}

.JVBtitre_ligne1
{
	background: linear-gradient(90deg, rgba(182,20,1,1) 0%, rgba(203,22,0,1) 35%, rgba(246,246,246,0) 100%); 
	padding-left: 80px;
	border-top-left-radius: 8px;
}

.JVBtitre_ligne2
{
	background: linear-gradient(90deg, rgba(16,48,85,1) 0%, rgba(22,67,120,1) 35%, rgba(246,246,246,0) 100%);
	padding-left: 120px;
	border-bottom-left-radius: 8px;
}