/*Reset CSS*/
*{
	margin: 0px;
	padding: 0px;
}

body{
	margin: 0px;
	padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1rem;
	color:black;
	background-color: white;
}

h1{
	font-size: 1.5rem;
	background-color: #85603e;
}
h2{
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
	color:#DD4819;
	font-size: 2rem;
	font-weight: 900;
}
h3{
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	color:#85603e;
	font-size: 1.5rem;
	font-weight: 900;
}
p{
	margin-bottom:20px;
}
.TitrePage {
	font-family:"Nunito Sans", sans-serif;
	font-weight: 900;
	font-size:50px;
	text-align: center;
	line-height: 100%;
	color: #85603e;
	background-color: white;
}
th.bordure, td.bordure, tr.bordure {
	border:1px solid;
	border-collapse: separate;
	border-color:black;
}

table{
	table-layout: fixed;
	width:100%;
	max-width: 800px;
	border-collapse: collapse;
	margin : 0 auto;
}

th, td, tr {
  padding: 0px;
  text-align:left;
}
img{
	max-width:100%;
	vertical-align:top;
}
.bouton{
	color:black;
	background-color:red;
	font-size: 2rem;
	font-weight: 900;
}
.inputbox{
	font-size:1.5rem;
}
.sizeinput{
	font-size:1rem;
	}
.titre{
	/*color:#DD4819;
	font-size: 2rem;
	font-weight: 900;*/
}
.soustitre{
	/*color:#85603e;
	font-size: 1.5rem;
	font-weight: 900;*/
}
.entete{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	height:75px;
	display:block;
}
.header{
	height:35px;
	text-align:center;
	background:#85603e;
	color: white;
	font-size:1rem;
	font-weight: 900;
}
.menu{
	background:#85603e;
	overflow:auto;
	height:40px;
	top:35px;
}
.menu ul li{
	float:left;
	list-style:none;
}
.menu ul li a{
	line-height:20px;
	display:block;
	padding:0 10px;
	font-size:1rem;
	font-weight: 900;
}
/*Quand l'affichage est large*/
.global{
	width :100%;
	max-width:1200px;
	margin:auto;
}
.bordure{
	margin:50px;
	border-width:3px;
	border-color:black;
	border-style:solid;
	max-width:600px;
}
.box{
	max-width:1200px;
	
	display: flex;
	flex-flow: row wrap;
	}
.div_gauche{
	width :50%;
	float :left;
	text-align:center;
	margin-bottom:20px;
}
.div_droit{
	width :50%;
	float :left;
	text-align:center;
	margin-bottom:10px;
}
.div_milieu{
	width :100%;
	float :left;
	text-align:center;
}
/*Quand l'affichage est moyen*/
@media(min-width: 768px) and (max-width: 1388px){
	.div_gauche{
		width :50%; 
		text-align:center;
		margin-bottom:20px;
	}
	.div_droit{
		width :50%;
		text-align:center;
		margin-bottom:10px;
	}
	.div_milieu{
		width :100%;
		text-align:center;
	}
}
@media(max-width: 767px){ 
	.div_gauche{
		width :100%;
		text-align:center;
		margin-bottom:20px;
	}
	.div_droit{
		width :100%;
		text-align:center;
		margin-bottom:10px;
	}
	.div_milieu{
		width :100%;
		text-align:center;
	}
}
nav{
	width: 100%;
	margin: 0 auto;
	position: sticky;
	top: 0px;
}

nav ul{
	list-style-type: none;
	background-color: #85603e;
}

nav ul li{
	float: left;
	width: 35%;
	text-align: center;
	position: relative;
	background-color: #85603e;
}

nav ul::after{
	content: "";
	display: table;
	clear: both;
}

nav a{
	display: block;
	text-decoration: underline;
	color: white;
	background-color: #85603e;
	/*border-bottom: 2px solid transparent;
	padding: 10px 0px;*/
}

nav a:visited{
	display: block;
	text-decoration: underline;
	color: white;
	background-color: #85603e;
	/*border-bottom: 2px solid transparent;
	padding: 10px 0px;*/
}

nav a:hover{
	color: black;
	/*border-bottom: 2px solid gold;*/
	background-color: #DD4819;
}

.sous{
	display: none;
	box-shadow: 0px 1px 2px #CCC;
	color:white;
	background-color: #DD4819;
	position: absolute;
	width: 100%;
	z-index: 1000;
}
nav > ul li:hover .sous{
	display: block;
}
.sous li{
	float: none;
	width: 100%;
	text-align: left;
}
.sous a{
	padding: 10px;
	border-bottom: none;
}
.sous a:hover{
	border-bottom: none;
	background-color: #DD4819;
}
.deroulant > a::after{
	content:" ▼";
	font-size: 12px;
}

.conteneur{
  margin: 50px 20px;
  height: 1500px;
}
.sanguin{
	font-size: 2rem;
	color:#DD4819;
	background-color: #85603e;
}
.brunclair{
	color:#85603e;
	font-size: 1.5rem;
	font-weight: 900;
}
.brun{
	color:#85603e;
	font-size: 1rem;
	font-weight: 900;
	padding-left:20px;
	border-width:4px;
	border-color:black;
}
.noir{
	padding-left:20px;
	border-width:4px;
}
.times{
	font-size: 1.5rem;
	font-family:times new roman, serif;
	background-color: #85603e;
}
a:link {
	/*color: #85603e;*/
	text-decoration: underline;
}
a:visited {
	color: #85603e;
}
a:active {
	color:black;
}
a:hover {
	color: black; 
	background-color: white;
	text-decoration: none;
}
a.lien:link{
	color: white;
	text-decoration: underline;
	background-color:#85603e;
}
a.lien:visited {
	color: white;
	text-decoration: underline;
	background-color:#85603e;
}
a.lien:hover {
	color: black; 
	background-color: #DD4819;
	text-decoration: none;
}
a.lienred:link{
	color: #DD4819;
	text-decoration: none;
	background-color:white;
	font-size:1.5rem;
	font-weight: 900;
}
a.lienred:visited {
	color: #DD4819;
	text-decoration: none;
	background-color:white;
	font-size:1.5rem;
	font-weight: 900;
}
a.lienred:hover {
	color: white; 
	background-color: #DD4819;
	text-decoration: none;
	font-size:1.5rem;
	font-weight: 900;
}
#foot_div {
	position:float;
	overflow:auto;
	right:0px;
	left:0px;
	height:150px;
	font-size:1rem;
	font-weight: 900;
	text-align: center;
	color: white;
	background-color: #85603e;
}