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

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

.mobile
{
	display: none;
}

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

html
{
  background-color: rgba(255,255,255,1);
}

body, a
{
    color: var(--body-text-a-color);
    text-decoration: none;
    font-family: 'Libre Franklin', sans-serif;
}

table:not(.confiance)
{
	color: var(--body-text-a-color);
	position: absolute;
	top: 160px;
	width: 100%;
  line-height: 200%;
}

table td:not(.confiance td)
{
	height: 60vh;
	padding: 5vw;
}

td:nth-of-type(1)
{
  text-align: center;
}

td:not(.confiance td):nth-of-type(2)
{
  background-color: rgba(246,223,220,0.4);
  vertical-align: top;
  font-size: 110%;
}

table.confiance
{
	margin: 50px auto;
	width:30vw;
	font-size: 90%;
	line-height: 110%;
}

.fiche_produit canvas,.fiche_produit .img_produit
{
	display: flex;
	margin: auto;
	object-fit: cover;
	width: 33vw;
	height : 24vw;
	margin-top: -4vh;
	border-radius: 20px;
	box-shadow: 5px 15px 30px rgba(0,0,0,0.2);
}

h2, h1
{
  margin-top: 50px;
}

.bouton_bord
{
	font-size: 150%;
	display: block;
	width:180px;
	margin: 20px 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;
}

.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;
}

.bouton_achat:hover
{
	transition: all 0.8s ease-out;
	color: white;
	background-color:rgba(223,142,151,1);
	box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
	margin-bottom: 5px;
}

.presse
{
	width: 60%;
	text-align: left;
	padding: 50px 5vw 0;
	line-height: 180%;
	margin-bottom: 8vh;
}

.presse h1
{
	text-align: center;
	font-size: 200%;
	margin-bottom: 40px;
	padding: 20px;
}

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

.article_img1
{
	float: right;
	max-width: 25vw;
	max-height: 40vh;
	border-radius: 20px;
	margin: 20px;
}

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

.pub_blog
{
	position: absolute;
	top: 200px; right: 0px;
	width: 12vw;
	padding: 50px;
	background-color: rgba(246,223,220,0.2);
}

.pub_blog canvas
{
	height: 12vw;
	width: 12vw;
	border-radius: 100%;
	margin-top: 20px;
}

.liens_bas_page
{
	display:table;
	width: 100%;
	border-spacing: 20px;
}

.liens_bas_page a
{
	display: table-cell;
	width: 33%;
	background: rgba(246,223,220,0.8);
	padding: 50px 40px;
	border-radius: 20px;
	color: black;
	margin: auto;
}

.liens_bas_page a:hover
{
	background: rgba(0,0,0,0);
}


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