/*Reset CSS*/
*{
	margin: 0px;
	padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
}
@font-face {
    font-family : MoreSugar-Regular;
    src: url(MoreSugar-Regular.ttf);
}
body{
	font-size: 1rem;
	color:black;
	background-color: white;
	text-align:left;
}
h1{
	text-align:center;
	font-size: 1.5rem;
	background-color: #85603e;
}
h2{
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 2rem;
	font-weight: 900;
	color:#DD4819;
}
h3{
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	color:#85603e;
	font-size: 1.5rem;
	font-weight: 900;
}
p{
	margin-bottom:10px;
}
p,ul,li {
	/*border: 1px solid #696969;*/
	/*padding: 2px;*/
	text-align:center;
}
table{
	margin : auto;
	border-collapse: collapse;
	border: 2px solid #696969;
}
th{
	height:50px;
	border: 1px solid #696969;
	padding: 2px;
	text-align:center;
}
td,tr {
	border: 1px solid #696969;
	padding: 2px;
	text-align:center;
}
th.bordure, td.bordure, tr.bordure {
	border:1px solid;
	border-collapse: separate;
	border-color:black;
}
textarea {
	/*font-size:100%;*/
	font-size:1rem;
	/*font-family: "DejaVu Sans" , book; */
	text-align: left;
	line-height: 100%;
	color: black;
	background-color: white;
}
input{
	/*font-size: 100%;*/
	font-size: 1rem;
	/*color: black;
	background-color: white;*/
}
.TitrePage {
	font-family:"Nunito Sans", sans-serif;
	font-weight: 900;
	font-size:50px;
	text-align: center;
	line-height: 100%;
	color: #85603e;
	background-color: white;
}
.bouton{
	color:black;
	background-color:red;
	font-size: 2rem;
	font-weight: 900;
}
.inputbox{
	font-size:1rem;
}
.inputbox2{
	font-size:1.5rem;
}
input.inputcheck{
	width: 50px;
    height: 50px;
    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;
}
.main{
	background:#FFFFFF;
	overflow:scroll;
}
.b_actif{
	background:#85603e;
	color:white;
	padding:2px;
	border-radius:3px;
	border-style:none;
}
.menu{
	background:#85603e;
	overflow:auto;
	height:40px;
	top:35px;
	margin:6px;
	padding:2px;
	border-radius:3px;
	border-style:none;
}
.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;
}
nav{
	width: 100%;
	margin: 0 auto;
	position: sticky;
	top: 0px;
	border: 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;
	border: 0px;
}
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;
}
nav > ul li:hover .sous{
	display: block;
}
.sous{
	display: none;
	box-shadow: 0px 1px 2px #CCC;
	color:white;
	background-color: #DD4819;
	position: absolute;
	width: 100%;
	z-index: 1000;
}
.sous li{
	float: none;
	width: 100%;
	text-align: left;
}
.sous a{
	padding: 10px;
	border-bottom: none;
	color: white;
	background-color: #85603e;
}
.sous a:hover{
	border-bottom: none;
	color: white;
	background-color: #85603e;
}
.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.deroul:link{
	color: white;
	text-decoration: underline;
	background-color:#85603e;
}
a.deroul:visited {
	color: white;
	text-decoration: underline;
	background-color:#85603e;
}
a.deroul:hover {
	color: black; 
	background-color: #dd4819;
	text-decoration: none;
}
a.menu:link{
	color: white; 
	background-color: #85603e;
	text-decoration: underline;
}
a.menu:visited {
	color: white; 
	background-color: #85603e;
	text-decoration: underline;
}
a.menu:hover {
	color: black;
	background-color: #dd4819;
	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;
}
a.ajout:link{
	color: white;
	text-decoration: underline;
	background-color:#C17D11;
	border-radius:5px;
	height:40px;
	top:35px;
	margin:6px;
	padding:2px;
}
a.ajout:visited {
	color: white;
	text-decoration: underline;
	background-color:#C17D11;
}
a.ajout:hover {
	color: black; 
	background-color: grey;
	text-decoration: none;
}
.coin {
	background-color:#e9e9e9;
	color:black;
	/*border:1px solid #808080;*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:5px;
}
#col_gauche {
	/*text-align:left;*/
	float:left;
	font-size:0.9rem;
}
#col_droite{
	/*text-align:right;*/
	float:right;
	font-size:0.9rem;
}
.text_gauche{
	clear:both;
}
.text_centre{
	clear:both;
	text-align:center;
	font-size:1.3rem;
}
.text_g{
	clear:both;
	text-align:left;
	margin-left:50px;
}
.date_droite{
	clear:both;
	text-align:right;
	font-size:0.9rem;
}
a.urg{
	text-decoration: none;
}
#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;
}
.stat{
max-width:100%;
max-height:600px;
}

.box{
	width:100%;
	margin:none;
	display: flex;
	flex-flow: column;
}
.box1 {
	position:relative;
	top: 70px;
	left: 320px;
	z-index:1;
}
.box2 {
	position:relative;
	top:100px;
	left:500px;
	z-index:2;
}
#box3 {
	color:white;
	font-family:MoreSugar-Regular;
	font-size:2rem;
	font-weight:600;
}
blockquote{
	color:yellow;
	background-color:gray;
}
.global{
	width :100%;
	max-width:1200px;
	margin:auto;
	color:black;
	
}
.image-align-right{
  float : right;
}
/* A mettre sur le parent pour éviter tout débordement de l'effet float */
.float-content:before,
.float-content:after{
	content:"";
	display:block;
	clear:both;
}
.boxtitre{
	max-width:1200px;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:5px;
	margin-right:auto;
	display: flex;
	flex-flow: row wrap;
	background-color:#E0BCA7;
}
.boxnom{
	max-width:1200px;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:5px;
	margin-right:auto;
	display: flex;
	flex-flow: row wrap;
	background-color:#C08457;
}
/*Quand l'affichage est large*/
.div_gauche{
	width :33%;
	float :left;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}
.div_droit{
	width :33%;
	float :left;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}
.div_milieu{
	width :33%;
	float :left;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
}
.larg_fixe{
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	table-layout:auto;
}