@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

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

html {
	background-color:		#a84d3a;
	background:				url('img/brick wall-rac3.jpg');
	background-repeat:		repeat;
}

body {
	margin:					0;
}

h1 {
	font-family:			'Permanent Marker', cursive;
	font-size:				90px;
	margin:					0px;

	margin-top:				0px;
}

.meta {
	overflow:				hidden;
	max-width:				1350px;
	margin:					0 auto;
}

.meta div {
	padding:				10px;
}

#gauchetoute {
	float:					left;
	width:					50%;
	min-width: 				200px;
	max-width:  			600px;
}

#afficheBackground {
	background:				url('img/affiche600.png');
	background-repeat:		no-repeat;
	background-size:		contain;

	max-height: 			669px;
	height: 				100vw;
}

#menu { 
	overflow:				hidden;
	padding-left:			50px;
	margin-bottom: 			70px;
}

#menu ul {
    list-style-type:        none;
    list-style-position:    outside;
}

#menu li {
	padding-left:			30px;
}

#menu a {
    color:                  black;
    text-decoration:        none;

	font-family:			'Permanent Marker', cursive;
	font-size:				60px;
}

#menu a :hover {
	color:					red;
	background-color:		black;
}

#copyright {
	display: 				flex;

	font-color:				white;
	background:				black;
	margin:					0;
}

.col3 {
	flex-direction: 		column;
	width: 					auto;
}

#kmp {
	padding:				20px;
	height: 				200px;
	width: 					200px;
}

#liens {
	margin:					auto;
}

#liens img {
	height: 				64px;
	width:					64px;
}

#copyright p {
	color:					white;
	margin:					auto;

	font-family: 			arial;

	font-size:				18px;
}

@media screen and (max-width: 900px) {
	#gauchetoute { 
		float: 				none;
		margin:				0;
		width:				100vw;
	}
}