@font-face {
	font-family:LCAFont;
	src: url(../font/BarlowCondensed-Regular.ttf);
}

body{
	/*background:#161616;*/
	background:#fff;
	padding:0;
	margin:0;
	font-family:Arial;
	color:#252525;
	min-width:1080px;
	-webkit-text-size-adjust: none;
}

p{
	font-size:14px;
	line-height:22px;
}

h1{
	font-family:LCAFont;
	font-size:32px;
	/*color:#fff;*/
	color:#d3ba84;
	text-transform:uppercase;
	/*letter-spacing:4px;*/
	padding:0;
	margin:70px 0 70px 0;
}

h2{
	font-family:LCAFont;
	font-size:20px;	
	/*color:#5c778a;*/
	color:#d3ba84;
	text-transform:uppercase;
}

h3{
	font-family:Arial;
	font-size:16px;	
	color:#fff;
	text-transform:uppercase;
	padding:0;
	margin:0;
	background:rgb(69 150 101 / 79%);
	filter:opacity(0);
}

a, a:hover, a:active{
	color:inherit;
	text-decoration:none;
	padding:0;
	margin:0;
}

#banner{
	width:calc(100% - 30px);
	padding:15px;
	background-color:#252139;
	box-shadow:0 4px 8px rgb(00 00 00);
	height:50px;
	top:0;
	position:fixed;
    z-index:990;
	/*min-width:1440px;*/
}

#logo{
	height:64px;
	position:absolute;
	margin-top:3px;
}

#menu{
	margin:0 auto 0 auto;
	height:45px;
	width:50%;
	border-collapse:collapse;
}

#menu td{
	text-align:center;
	vertical-align:middle;
	padding:4px 0 0 0;
	margin:0;
	border:none;
	font-family:LCAFont;
	font-size:21px;
	color:#fff;
	text-transform:uppercase;
	cursor:default;
}

#menu td a{
	display:block;
    height:43px;
    line-height:43px;
    border-bottom:2px solid #252139;
	transition-property:color;
	transition-duration:0.5s;
}

#menu td:hover{
	/* background:#d3ba84; */
	color:#d3ba84;
}

#menu .currentPage{
	color:#d3ba84 !important;
	border-bottom:2px solid #d3ba84;
	/* border-color:#d3ba84 !important; */
}

#homeArt{
	width:100%;
    position:relative;
    z-index:0;
	margin:80px 0 0 0;
	box-shadow:0 0 12px 3px rgb(0 0 0);
}

#content{
	width:1040px;
	margin:50px auto 50px auto;
	min-height:1000px;
}

#imageViewer{
	display:none;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:calc(100% - 80px);
	/* background:rgb(0 0 0 / 82%); */
	z-index:2000;
	/* cursor:pointer; */
	text-align:center;
	padding:40px;
	background: #252139ad;
    backdrop-filter: blur(10px);
}

#imageViewerItem{
	max-height:100%;
	box-shadow:0 0 12px 3px rgb(0 0 0);
}

.viewableImg{
	transition-property:opacity;
	transition-duration:0.5s;
}

.viewableImg:hover{
	cursor:pointer;
	opacity:0.8;
}

.gamme{
	border-collapse:collapse;
	border:none;
	width:100%;
	margin:40px 0 60px 0;
	box-shadow:0 0 12px 3px rgb(144 144 144);
}

.gamme tr{
	background:#fff;
}

.gamme td{
	/*border:1px solid #000;*/
	border:none;
	padding:0;
	margin:0;
	padding:0;
	vertical-align:top;
}

.gamme td img{
	width:100%;
	padding:0 20px 0 0;
}

#galeries{
	width:calc(100% + 40px);
	margin:-20px 0 0 -20px;
	border-collapse:collapse;
}

#galeries td{
	width:33.33%;
	padding:20px;
	margin:0;
}

#galeries td p{
	text-align:center;
	font-size:14px;
	color:#252525;
}

#galeries div{
	cursor:pointer;
	width:100%;
	border:none;
	filter:brightness(1);
	box-shadow:0 0 12px 3px rgb(144 144 144);
	transition-property:transform, opacity;
	transition-duration:0.5s;
}

#galeries div:hover{
	transform: scale(0.99);
	opacity:0.8;
}

#galeries td h3{
	transition-property:filter;
	transition-duration:0.5s;
}

#galeries td h3:hover{
	filter:opacity(1);
}

#btnToTop{
	width:20px;
	height:20px;
	padding:10px;
	border-radius:31px;
	background:#252139;
	position:fixed;
	z-index:900;
	bottom:40px;
	right:40px;
	display:none;
	transition-property:background;
	transition-duration:0.5s;
	box-shadow:0 0 5px 2px rgb(0 0 0);
}

#btnToTop:hover{
	background:#13121b;
}

#footer{
	margin:200px 0 0 0;
	width:calc(100% - 30px);
	padding:15px;
	border-top:2px solid #d3ba84;
	background:#252139;
	min-height:50px;
	overflow:auto;
	border-radius:25px 25px 0 0;
}

/*////////////////ALERTER///////////////*/
#confirmer{
	position:fixed;
	z-index:2001;
	padding:20px;
	min-width:300px;
	background:#252525;
	box-shadow:0 0 12px 3px rgb(0 0 0);
	border:2px solid #252525;
}
#confirmer h2{
	color:#fff;
	margin:0 0 10px 0;
}
#confirmer p{
	color:#fff;
	margin:35px 0 40px 0;
    padding:0;
}
#confirmer input[type="button"], #characterSheetAvatarsList input[type="button"]{
	color:#fff;
	background:none;
	border:1px solid #d3ba84;
	padding:10px 20px;
    font-size:13px;
	margin:10px 0 0 20px;
	float:right;
	transition-property: background;
    transition-duration: 0.5s;
}
#confirmer input[type="button"]:hover, #characterSheetAvatarsList input[type="button"]:hover{
	background:#d3ba84;
}

.progress{
	position:relative;
	/* width:calc(100% - 2px); */
	width:calc(100% - 8px);
	/* border:1px solid #f8b100; */
	background:none;
	height:39px;
	margin:0 4px;
	padding:0;
	/* border-radius:20px; */
	background:#f2f2f2;
}
#gaugeForce{
	transition-property:width;
	transition-duration:0.5s;
	/* border-radius:20px; */
	/* min-width:50px; */
}	
#gaugeForce #gaugeLabel{
	text-align:center;
	font-size:14px;
	line-height:39px;
	color:#161616;
	position:absolute;
	/* border-radius:20px; */
}
#legalities{
	background:#252139 !important;
	/* box-shadow:-5px 8px 7px 0px rgb(0 0 0 / 58%) !important; */
	padding-top:10px !important;
}
#legalities .otherPrint{
	border-color:#252139 !important;
	background:#342f4d !important;
}
#legalities #closeInfoIcon{
	background:#342f4d !important;
}

.bannerImgButton{
	transition-property:opacity;
	transition-duration:0.5s;
}

.bannerImgButton:hover{
	opacity:0.8;
}

.quantitiesContent{
	box-shadow:none !important;
}