@font-face {
	font-family: "roxborough";
	src: url('../polices/FontsFree-Net-roxborough-cf-medium.ttf');
}

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

.mobile
{
	display: none;
}

*
{
	transition: all 0.8s ease-in-out;
  margin: 0;
}

video#bgvid {
	filter: blur(10px);
  position: fixed; right: 0; bottom: 0;
  min-width: 100%; min-height: 100vh;
  width: auto; height: auto; z-index: -100;
  background: url(../visuels/bougieallum.jpg) no-repeat;
  background-size: cover;
  opacity: 1;
}

html
{
	background-color: white;
}

body
{
  color: var(--body-text-a-color);
  background-color: rgba(255, 255, 255, 0);
	height: 100vh;
  font-family: 'Libre Franklin', sans-serif;
}

h1
{
  font-size: 140%;
  position: relative;
  top: 180px;
  text-align: center;
  width: 50%;
	margin-bottom: 200px;
}

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

table:not(.menuAdm)
{
	color: var(--body-text-a-color);
	position: absolute;
	top: 200px;
}

table:not(.menuAdm, .livraison) td
{
	text-align: center;
	width: 50vw;
}

.menuAdm
{
	line-height: 300%;
	margin-left: 7vw;
	margin-top: 150px;
}

.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
{
	padding: 1vh 5vw;
	text-align: left;
	width: 10vw;
}

canvas
{
	display: flex;
	margin: auto;
	width: 8vw;
	height : 8vw;
	border-radius: 100%;
}

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

.bouton_bord:hover
{
	transition: all 0.8 ease-out;
	color: white;
	background-color:var(--body-text-a-color);
	border: solid 2px white;
}


.mentions
{
	position: relative;
	top: 180px; left: 10vw;
	width: 80vw;

}



@keyframes cligno { from { opacity:0; } to { opacity:1; }  }