@font-face {


	font-family: "ceraPro";


	src: url("/css/fonts/CeraProMedium.otf") format("opentype");


	font-weight: 500;


	font-style: normal;


  }


  @font-face {


	font-family: "ceraProL";


	src: url("/css/fonts/CeraProLight.otf") format("opentype");


	font-weight: 300;


	font-style: normal;


  }


  


  @font-face {


	font-family: "ceraProB";


	src: url("/css/fonts/CeraProBold.otf") format("opentype");


	font-weight: 700;


	font-style: normal;


  }


*{


    -webkit-box-sizing:border-box;


    -moz-box-sizing:border-box;


    -ms-box-sizing:border-box;


    box-sizing:border-box;


}


@page{


	width: 21cm;


	height: 29.7cm;


}


html{


	margin: 0;


	padding: 0;


}


body{


	font-family: "ceraProL";


	margin:0;


	padding:0;


	font-size:11px;


}


#body-print{


	background: #ccc;


}


page {


	background: white;


	display: block;


	width: 21cm;


	height: 29.7cm;


	margin: 0 auto;


	margin-bottom: 0.5cm;


    page-break-after: avoid;


	box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);	


}


.badge{


	display:flex;


	flex-direction:column;


	align-items: center;


	float:left;


	width:50%;


	height:50%;


	text-align: center;


    page-break-after: avoid;


}


/* #badge1{


	background: red;


} */


.badge img#head_print{


	width: 100%;


}


.badge img#trait_print{


	margin: 15px 0;


}


#qr_code svg{


	width: 165px;


	height: 165px;


	margin: 25px 0;


	padding: 8px;


	border: #dbc655 solid 2px;


}


.user_name{


	font-family: "ceraPro";


	text-transform: uppercase;


	font-size: 20px;


}


.title_event{


	margin: 0 0 20px;


	font-family: "ceraPro";


	text-transform: uppercase;


	color:#dbc655;


	font-size: 22px;


}


.adresse_event{


	font-size: 17px;


}


@media print{


	body,html{


		height: 100%;


		margin: 0;


		padding: 0;


		box-shadow: 0 0 0;


		overflow: hidden;


	}


	page{


		width: 100%;


		height: 100%;


    	margin: 0;


		padding: 0;


		box-shadow: 0 0 0;


	}


}