/*
	Dimension by HTML5 UP
	html5up.net | @LeMago
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

body, input, select, textarea,
h1, h2, h3, h4, h5, h6 {color: #ffecb9;}

h1 {letter-spacing: 0.2rem; font-size: 1.55rem; margin-bottom: 0; line-height: 100%;}

p {margin: 0 0 1rem 0;}
ul {margin: 0 0 1rem 0; padding-left: 1.2em;}

#header .content,
#header nav ul,
#header nav ul li{border-color: #ffecb9;}
#header > ::before {background: #ffecb9;}

#header .content .inner {padding: 1.2rem 0;}

#header{max-width: 850px; width: 100%; margin-top:15px; }
#header nav ul li a {background-color: rgba(0,0,0,0.2);}

#main article{background-color: rgba(49, 23, 22, 0.9); margin-top: 15px;}

.button{display: block; margin: 5px auto 10px !important; max-width: 200px;}
.button.primary {background-color: #801b18; color: #f9e4a7 !important; font-weight: 600; box-shadow: inset 0 0 0 1px #3f0d0c;}

#bg::before{opacity: 0.3;}
#bg::after {background-image: url("../../images/BACKGROUND.jpg"); background-position: top center !important;
	-moz-transform: scale(1) !important;
	-webkit-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	transform: scale(1) !important;}

#wrapper {padding: 230px 5% 10vh !important; justify-content: center;}

img.affiche{max-height: 500px; margin: 0 auto; max-width: 100%;}

.logo{max-width: 850px; width: 100%; margin: 0 auto; position: absolute; top: 5px;}
.logo img{width: 100%;}

#footer {background: url("../../images/Footer.png") no-repeat center top / 100% auto transparent; height: 22vw; position: absolute; z-index: -1; width: 100%; bottom: 0; left: 0; display: flex; flex-direction: column-reverse;}
.copyright{margin-bottom: 1.5% !important; padding: 0 5px 2px;}

#billets img{width: 100%; margin: 20px auto;}

@media screen and (max-width: 680px) {
	#wrapper {padding: 29vw 5% 6vh !important; justify-content: center;}
}

@media screen and (max-width: 480px) {
	#wrapper {padding: 27vw 5% 6vh !important; justify-content: center;}
	.logo img{width: 90%; margin: 5px auto 0; display: block;}
	h1 {letter-spacing: 0.1rem; font-size: 1.25rem; margin-bottom: 0; line-height: 22px;}
	#footer {height: 88px;}
	#footer .copyright {letter-spacing: 0.1rem; opacity: 0.5;}
}