@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

* {
  box-sizing: border-box;
}

body {
	margin: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.red {
	color: red;
}

header {
	height: 15%;
	background: url("../image/bandeau_poker.png") no-repeat right top fixed;
	background-size: auto 14.5%;
	border-bottom: 0.5vw solid #115319;
}

span.title_p1 {
	color: #115319;
	padding-left: 1%;
	font-size: 6vw;
	font-family: Impact, Charcoal, sans-serif;
	float: left;
}

span.title_p2 {
	color: #115319;
	padding: 3% 0% 0% 0.5%;
	font-size: 3vw;
	font-family: Impact, Charcoal, sans-serif;
	float: left;	
}

nav {
	background-color: #397440;
	height: 7.5%;
}

nav a {
	text-decoration: none;
	border-radius: 0.75vw;
	color: #585a58;
	background-color: #a2aea4;
	font-size: 2vw;
	font-family: Impact, Charcoal, sans-serif;
	margin: 0.375%;
	padding: 0.25% 0.375%;
	height: 75%;
}

nav a.active {
	color: #a2aea4;
	background-color: #115319;
}

nav a:hover:not(.active) {
	color: #a2aea4;
	background-color: #585a58;
}

main {
	height: 73.5%;
	margin: 0;
}

main p {
	text-align: justify;
}

main div.texte, main div.texte_seul {
	font-family: "Open Sans", sans-serif;
	padding: 0% 0.5% 0%;
	float: left;
	height: 100%;
	overflow: auto;
}

main div.texte {
	width: 70%;
}

main div.image {
	width: 30%;
	height: 100%;
	float: right;
	overflow-y: scroll;
}

main div img {
	float: right;
	width: 100%;
}

footer {
	background-color: #a2aea4;
	height: 4%;
}

footer span {
	font-size: 1vw;
	padding: 0.4%;
}