@charset "utf-8";
/* CSS Document */
body{
	background-color: #eeeeee;
	color: #000000;
	font-family: "Century Gothic", sans-serif;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}

*{
	margin: 0px;
	padding: 0px;
}

h2{
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}

#header{
	display: flex;
	flex-direction: column;
}

#blanc{
	height: 50px;
	width: 100%;
}

#administration{
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	width: 300px;
	padding: 15px;
	border : 2px #000000 solid;
	text-align: center;
}

#header{
	width: 100%;
	height: 50px;
	background-color: #000000;
	color:#ffffff;
	position: fixed;
}

#navigation{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

#navigation ul{
	list-style-type: none;
}

#navigation li{
	margin-left:2px;
 	float:left; /*pour IE*/
}

#navigation ul li a{
	width:auto;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	padding:10px;
	font-weight: bold;

}

#navigation ul li a:hover {
	border-bottom: #a606a6 2px solid;
}

#navigation2{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 21px;
	padding-top: 10px;
	background-color: #eeeeee;
}

#navigation2 ul{
	list-style-type: none;
}

#navigation2 li{
	margin-left:2px;
 	float:left; /*pour IE*/
}

#navigation2 ul li a{
	width:auto;
	color:#000000;
	text-decoration:none;
	text-align:center;
	padding:10px;
	font-weight: bold;

}

#navigation2 ul li a:hover {
	border-bottom: #a606a6 2px solid;
}

#corps{
	padding-top: 100px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;

}

#partie1{
	width: auto;
	display: flex;
	justify-content: space-between;
}

#partie2{
	width: auto;
	display: flex;
	justify-content: space-between;
}

#gauche{
	width: 300px;

}

#droite{
	width: 600px;

}

#tableau{
	display: flex;
	flex-direction: column;
	width: 1000px;
}

.tableau{
	display: flex;
	justify-content: space-between;
	width: 1000px;
	margin-bottom: 5px;
	border-bottom: 1px #000000 solid;
}

.tableau2{
	display: flex;
	justify-content: space-between;
	width: 1000px;
	margin-bottom: 5px;
	border-bottom: 1px #000000 solid;
	height: auto;
}

.tableau3{
	display: flex;
	justify-content: space-between;
	width: 1000px;
	margin-bottom: 5px;
	height: auto;
}

.tableau4{
	display: flex;
	flex-direction: column;

	margin-bottom: 5px;
	height: auto;
}

.tableau4 div{
	height: 40px;
}

.tableau4 label{
	width: 200px;
	display: inline-block;
}