/* [04/04/2023][HiceoMorgan] Return to top button fixes */
#ssttbutton {
	right: .5em;
	bottom: .5em;
	font-size: initial;
	padding: 10px;
	background-color: white;
}

#ssttbutton .fa-stack {
	height: 1.5em;
	width: 1.5em;
}

.fa-angle-up:before {
	font-size: 35px;
	line-height: initial;
}

.site::before{
	position:absolute;
	content:'';
	z-index : 100;
	top:0;
	right : 0;
	left : auto;
	bottom : auto;
	height : 200px;
	width : 230px;
	background: rgb(11,78,139);
background: linear-gradient(90deg, rgba(11,78,139,1) 0%, rgba(11,78,139,1) 33%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 66%, rgba(226,57,31,1) 66%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
}

@media (max-width : 1445px){
	.site::before{
		height : 161px;
		width : 150px;
	}
}
@media (max-width : 1310px){
	.site::before{
		height : 90px;
		width : 90px;
	}
}
@media (max-width : 1190px){
	.site::before{
		display : none;
	}
}
/* [20/05/2025][HiceoTanguy] shop-btn */
.shop-btn{
	position: fixed;
	bottom: 4.5em;
	right: 5.5em;
	width: 10vw;
	height: 10vw;
	min-width: 146.5px;
	min-height: 146.5px;
	max-height: 185px;
	max-width: 185px;
	z-index: 100;
	animation: tilt-shake 10s linear infinite;
}
.shop-btn svg{
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 768px){
	.shop-btn{
		bottom: 0.35em;
		right: 6em;
		width: 110px;
		height: 110px;
		min-width: 110px;
		min-height: 110px;
	}
}
@media screen and (max-width: 450px){
	.shop-btn{
		bottom: calc(52px + 1.5em);
    right: 0.5em;
    width: 90px;
    height: 90px;
		min-width: 90px;
		min-height: 90px;
	}
	.shop-btn svg .svg-text{
		font-size: 54px;
	}
}
.shop-btn:hover{
	transform: scale(1.05);
}
.shop-btn:focus{
	outline: none;
}
.shop-btn:hover .cls-1{
	fill: #92ab28;
}
.shop-btn:hover .cls-2{
	fill: #243b79;
}
@keyframes tilt-shake{
  0%   { transform: rotate(0deg); }
  1% { transform: rotate(5deg); }
  2%   { transform: rotate(0deg); }
  3% { transform: rotate(-5deg); }
  4%  { transform: rotate(0deg); }
  5%   { transform: rotate(0deg); }
  6% { transform: rotate(5deg); }
  7%   { transform: rotate(0deg); }
  8% { transform: rotate(-5deg); }
  9%  { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}