@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);
}

*
{
	margin: 0;
	padding: 0;
}

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

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

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

h1
{
	margin: 5vw;
}

.titre_explicatif
{
	margin-top: 100px;
	font-size: 140%;
}

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

div:nth-of-type(n+4) canvas
{
	width: 0;
	height : 0;
}

.selection_accueil
{
  text-align: center;
	color: var(--body-text-a-color);;
	min-height: 70vh;
	overflow: hidden;
	padding: 7vh 5vw 7vh;
	margin-bottom: 30px;
	background-color: rgba(246,223,220,0.6);
	border-radius: 40px;
}

 .fiche_produit
 {
 	min-height: 93vh;
 	overflow: hidden;
 	padding: 12vh 5vw 0;
	line-height: 180%;
 }

 .connexion, .infoscompte
 {
 	padding: 12vh 5vw 0;
	line-height: 180%;
 }

 .connexion td:nth-of-type(n+1), .infoscompte td:nth-of-type(n+1)
 {
	 text-align: left;
 }

	.infoscompte tr:nth-of-type(2n+3) td
 {
	padding-bottom: 15px;
 }

 .infoscompte tr:nth-of-type(2n+2) td
 {
  font-weight: 700;
 }

article:first-of-type:not(.presse,.story, .connexion td:nth-of-type(n+1), .infoscompte td:nth-of-type(n+1))
{
	text-align: center;
}

.fiche_produit canvas,.fiche_produit .img_produit
{
	width: 100%;
	height: 90vw;
	object-fit: cover;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.3);
	border-radius: 20px;
}

form td, .connexion td
{
	text-align: left;
}

.bouton_bord
{
	font-size: 110%;
	display: block;
	width:120px;
	margin: 50px 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);
}

.bouton_achat
{
	transition: all 5s ease-out;
	font-size: 150%;
	display: block;
	width:280px;
	margin: 30px auto;
	color: white;
	letter-spacing: 0.04em;
	background-color: var(--body-text-a-color);
	text-decoration: none;
	text-align: center;
	padding: 6px 10px 6px;
	border-radius: 50px;
}

table.confiance
{
	margin-top: 50px;
	width:92vw;
	font-size: 70%;
	line-height: 110%;
}

.recherche
{
	position: relative;
	top: 80px;
	margin-bottom: 20px;
}

.presse
{
	text-align: left;
	padding: 12vh 5vw 0;
	line-height: 180%;
	margin-bottom: 70px;
}

.presse p
{
	margin-top: 10px;
	margin-bottom: 20px;
}

.article_img1
{
	max-width: 90vw;
	max-height: 60vh;
	border-radius: 20px;
}

.presse .img_secondaire
{
	width:100%; height:70vw;
	object-fit: cover;
	border-radius:50px;
	margin:50px auto;
}

.story
{
	background: rgba(246,223,220,0.8);
	height: 93vh;
	overflow: hidden;
	padding: 20vh 5vw 0;
	margin: 3vh  0;
	text-align: left;
	color: black;
	border-radius: 20px;
}

.story canvas
{
	display: flex;
	margin: auto;
	width: 100%;
	height : 30vh;
	border-radius: 20px;
	margin-top: 8vh;
}

.pub_blog h2
{
	margin:50px 0px 20px 20px;
}