*
{
	margin: 0;
	padding: 0;
}

:root
{
  --body-text-a-color: rgba(138, 39, 0, 1);
}

video#bgvid, .ordi
{
  display: none;
}

body
{
  background-color: white;
	height: 100vh;
  font-family: 'Libre Franklin', sans-serif;
  position: relative;
  top: 12vh;
	padding: 2vw;
	color: var(--body-text-a-color);
}

 body a
{
	text-decoration: none;
	color: var(--body-text-a-color);
}

h1
{
	font-size: 120%;
}

table:not(.menuAdm)
{
  position: relative;
  top: 2vh;
  border-collapse: collapse;
}

canvas
{
	display: flex;
	margin: 0 5vw;
	width: 15vw;
	height : 15vw;
	border-radius: 100%;
}

td:not(.menuAdm td, .livraison td)
{
  text-align: center;
  vertical-align: middle;
  border-bottom: solid 1px var(--body-text-a-color);
  height: 25vw;
  width: 15vw;
}

.menuAdm td
{
	padding-bottom: 20px;
}

.menuAdm ul
{
	display: none;
}

.menuAdm input[type="checkbox"]
{
	display: none;
}

.menuAdm input:checked ~ ul
{
	display: inline;
}

.menuAdm input:checked ~ ul li
{
	list-style-type: none;
	line-height: 25px;
	padding-left: 30px;
	background: rgba(138, 39, 0, 0.1);
}


.livraison td
{
	text-align: left;
	width: 50vw;
	height: 40px;
  border-bottom: solid 0 var(--body-text-a-color);
}

tr:last-of-type td
{
	border-bottom: solid 0 var(--body-text-a-color);
}

.bouton_bord
{
	font-size: 90%;
	display: block;
	width:80px;
	margin: 0 auto;
	color: var(--body-text-a-color);
	text-decoration: none;
	text-align: center;
	padding: 4px 7px 3px;
	border: solid 2px var(--body-text-a-color);
	border-radius: 50px;
	background-color: rgba(0,0,0,0);
}

.QRPay h2
{
	margin:35px 0;
}

.QRPay label, .QRPay input:first-of-type
{
	display: block;
	font-size: 150%;
	margin: 0px auto 0px;
	text-align: center;
	width: 200px;
}

.QRPay input:first-of-type
{
	font-size: 250%;
}

.QRPay .bouton_bord
{
	margin-top: 20px;
}