:root {
  --noir-color: #000000;
  --sang-color: #300d29;
  --gold-color: #d2640c;
  --gold2-color: #FFD700;
  --blanc-color: #FFFFFF;
}
body {
	background-color: var(--noir-color);
	color: var(--blanc-color);
}
h1 {color: var(--gold-color);}
h2 {color: var(--gold-color);}
.nav-link {
	color: var(--gold2-color) !important;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0 20px !important;
}
.nav-link:hover {
	color: var(--blanc-color) !important;
}
.bg-dark {
  background-color: var(--gold-color)!important;
}
.body_shana2{
	background-color: var(--sang-color);
	color: var(--blanc-color);
}
.header {background-color: var(--blanc-color);  width: 100%; position: fixed; top: 0; height: 80px;z-index: 999999999;}
.main_shana {margin-top: 80px;}
.menu-width-item {width: 13%; text-align: center; }
.menu-width-item-extended{width: 13%;text-align: center;overflow-x: visible;margin-top: 15px;}
.p_temoignage {color: #DDDDDD;}
.shana_btn {max-width: 100%;}
.btn-gold {
	background: linear-gradient(to bottom, #d2640c 0%, #FFD700 100%);
	color: var(--noir-color);
	padding: 10px 20px;
	border-radius: 5px;
	border:none;
	cursor: pointer;
	font-weight: bold;
}
.btn-gold:hover {
	background: linear-gradient(to bottom, #FFD700 0%, #d2640c 100%);
	color: var(--blanc-color);
}

.footer_link {color:#FFFFFF;}
.footer_link:hover {color:#FFFFFF;text-decoration: underline;}
.product-link{
	text-align: center;
	font-weight: bold;
	background: linear-gradient(to bottom, #d2640c 0%, #FFD700 100%);
	color: var(--noir-color);
	padding: 10px;
	border: solid;
	padding: 20px 50px;
	border-radius: 10px;
	text-transform: uppercase;
}
.product-link:hover{
	background: linear-gradient(to bottom, #FFD700 0%, #d2640c 100%);
	color: var(--blanc-color);
}
@media (max-width: 768px)  {
	.menu-width-item {width: 13%; text-align: left; margin-top: 15px;}
	.menu-width-item-extended{width: 30%;text-align: left;overflow-x: visible;margin-top: 15px;}
	.shana_btn {max-width: 200px;}
}