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

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

.mobile
{
	display: none;
}

*
{
	transition: all 0.4s 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: rgba(255,255,255,1);
}

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

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

.titre_explicatif
{
	color: var(--body-text-a-color);
	position: relative;
	top:120px; left: 140px;
	max-width: 60vw;
	font-size: 140%;
}


table
{
	color: var(--body-text-a-color);
	position: absolute;
	top: 160px;
	width: 100%;
	border-spacing: 5vw;
	font-size: 90%;
}

table td
{
	text-align: center;
	width: 25vw;
	height: 30vh;
	padding: 3vw;
	border-radius: 50px;
}

.selection_accueil canvas
{
	display: flex;
	margin: auto;
	width: 15vw;
	height : 15vw;
	border-radius: 100%;
	margin-top: 8vh; margin-bottom: 2vh;
}

.bouton_bord
{
	font-size: 150%;
	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;
}

.bouton_bord:hover
{
	transition: all 0.8 ease-out;
	color: white;
	background-color:rgba(223,142,151,1);
	border: solid 2px white;
}

.ordi tr:nth-of-type(n) td p
{
	color: rgba(0,0,0,0);
}

.ordi tr:nth-of-type(n) td:hover p
{
	color: var(--body-text-a-color);
}

.ordi tr:nth-of-type(n) td:hover
{
	background-color: rgba(246,223,220,0);
}

tr:nth-of-type(2n-1) td:nth-of-type(1)
{
	background-color: rgba(246,223,220,0.4);
}
tr:nth-of-type(2n-1) td:nth-of-type(2)
{
	background-color: rgba(246,223,220,0.6);
}
tr:nth-of-type(2n-1) td:nth-of-type(3)
{
	background-color: rgba(246,223,220,0.8);
}
tr:nth-of-type(2n) td:nth-of-type(3)
{
	background-color: rgba(246,223,220,0.4);
}
tr:nth-of-type(2n) td:nth-of-type(1)
{
	background-color: rgba(246,223,220,0.6);
}
tr:nth-of-type(2n) td:nth-of-type(2)
{
	background-color: rgba(246,223,220,0.8);
}

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