@font-face {
    font-family:'nantronte';
    src: url('polices/nantronte.ttf') format('truetype');
}

*
{
	color:#ffa275;
}

body
{
	background-color:#000000;
}

h1, h4
{
	font-family:'nantronte';
	font-size:25px;
	padding:0.6em 0 1em;
}

#memberships h2
{
	font-family:'nantronte';
	font-weight:normal;
	padding:0.6em 0 1em;
}

.symbs
{
	color:inherit;
	font-size:inherit;
}

.symbs::before, h1::before, #memberships h2::before
{
	content:"⨯ ";
}

.symbs::after, h1::after, #memberships h2::after
{
	content:" ⨯";
}

@media screen and (min-width:481px)
{
	h1::before, #memberships h2::before
	{
		content:"⋅ ⋅ ⋅ ⨯ ";
	}

	h1::after, #memberships h2::after
	{
		content:" ⨯ ⋅ ⋅ ⋅";
	}
}

a, #lqty
{
	color:#800000;
}

/*<!-- Inputs, textareas, selects -->*/

input[type="submit"], input[type="button"], button
{
	background-color:#ff0000;
	color:#ffffff;
}

input[type="submit"]:hover, input[type="button"]:hover, button:not([class*="pswp"]):hover, #applycode button:hover
{
	background-color:#800000;
}

input:not([type="submit"]):not([type="button"]), textarea, select, .checkmark, .meter
{
	background-color:hsl(0, 0%, 13%);
	border:1px solid hsla(0, 100%, 45%, 0.5);
	box-shadow:0 0 1px hsla(0, 100%, 45%, 0.5) inset;
}

input:not([type="file"]):not([type="submit"]):not([type="button"]):focus, textarea:focus, select:focus
{  
	border-color:#800000;
}

#inputcode
{
	border-right:none;
}

#applycode button
{
	background-color:hsla(0, 100%, 45%, 0.5);
}

input[type="radio"]
{
	accent-color:#ff0000;
}

.checkbox input:checked ~ .checkmark
{
	background-color:#ff0000;
}

.checkmark:after
{
	border:solid #ffffff;
	border-width:0 3px 3px 0;
}

.tinycheckmark:after
{
	border-width:0 2px 2px 0;
}

.checkbox:hover input ~ .checkmark
{
	background-color:#800000;
}

.meter > span
{
	background-color:#ff0000;
	color:#ffffff;
}

/*<!--  Popup -->*/

.popup
{
	background-color:hsl(0, 0%, 16%);
	box-shadow:0 0 4px hsl(0, 100%, 0%);
}

/*<!--  Login -->*/

#inscriptiontab, #connexiontab
{
	color:#ffa275;
}

.logintabinactive
{
	background-color:hsla(0, 100%, 45%, 0.5);
}

/*<!--  Menu -->*/

#asidefooter a
{
	color:#800000;
}

nav a::before, .smenulien::before
{
	content:"⨯ ";
}

nav a::after, .smenulien::after
{
	content:" ⨯";
}

nav a, .smenulien, nav a:hover::before, nav a:hover::after, .smenulien:hover::before, .smenulien:hover::after, nav a.currentpage::before, nav a.currentpage::after
{
	color:#ffa275;
}

#cartmini
{
	border-top:1px solid #800000;
	border-bottom:1px solid #800000;
}

/*<!--  Main -->*/

#disclaimer
{
	color:#ffffff;
	background-color:#ff0000;
}

.errmessage
{
	color:#ff0000;
}

#main, #subscribe
{
	background:url("images/autres/bg-2.png") repeat fixed;
	background-color:#151515;
}

.pouh
{
	background-color:hsl(0, 0%, 16%);
	padding:5px;
}

@media screen and (max-width:900px)
{
	#home
	{
		background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("images/autres/mbgi-2.jpg") center/cover no-repeat;
	}
}

@media screen and (min-width:901px)
{
	#home
	{
		background:url("images/autres/bgi-2.jpg") center/cover no-repeat;
	}
}

#gallerydiv.pouhlite img.pouh
{
	padding:0;
}

	.logo
	{
		filter:invert(100%);
	}

td, th 
{
	border:1px solid #800000;
}

.ligne
{
	border-bottom:1px solid #800000;
}

.icon
{
	background-color:#800000;
	border-radius:0%;
}

details
{
	border-top:1px solid hsla(0, 100%, 45%, 0.5);
}

.orderdetails
{
	border-right:1px solid hsla(0, 100%, 45%, 0.5);
}

#artistats
{
	border:1px solid #800000;
}

/*<!--  Mobile -->*/
@media screen and (max-width:900px)
{
	h1
	{
		font-size:23px;
	}
	
	#topbar
	{
			background:url("images/autres/bg-2.png")repeat fixed ;
			background-color:#151515;
		border-bottom:1px solid #800000;
	}
	
	#topbarbtns
	{
		background-color:hsla(0, 100%, 45%, 0.5);
	}
	
	
	nav a:active, .smenulien:active, #cartmini:active
	{
		background-color:hsla(0, 100%, 45%, 0.5);
	}
}