header {
	text-align: center;
	background: AliceBlue;
	border: 1px solid blue;
}

	
footer {
	text-align: center;
	background: AliceBlue ;
	border: 1px solid blue;
}


.headerfooter {
	display: inline-block;
	width: 20%;
	margin: 2px;
	padding: 2px;
	text-align: center;
	/*border: 1px solid blue;*/
	vertical-align: center;
	background: AliceBlue ;
}

.imgheaderfooter {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 2px;
	padding: 2px;
	/*border: 1px solid blue;*/
	vertical-align: middle;
	background: Azure ;
}

#conteneur
{
    display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}


#conteneur > nav {
	border: 1px solid blue;
	background: Aqua;
	flex: 1 1 100%;
    order: 1;
}

#conteneur > nav  ul 
{
	list-style-type:none;
}

#conteneur > nav li
{
	display:inline-block;
	margin-left:30px;
	margin-right:30px;
	font-family:Arial;
    font-size:16px;
}


#conteneur > article {
	flex: 1 1 60%;
	order: 2;
	text-align: center;
	font-family:Arial;
    font-size:18px;
	background: Khaki;
	border: 1px solid #cccc33;
}

#conteneur > aside  {
	flex: 1 1 30%;
    order: 3;
	border: 1px solid green;
	background: GreenYellow;
	text-align: center;
	font-family:Arial;
    font-size:14px;
}

.tab
{
    border: 1px solid black;
    border-collapse: collapse;
    background: GreenYellow;	
	color: black;
	font-size:22px;
	width: 300px;
	vertical-align: top;
	text-align : center;
	margin-left: auto;
    margin-right: auto;
}

td
{
    border: 1px solid black;
    color: black;
}

.formul {
	font-size: 18px;
    color: black;
	margin-left: 20px;
    margin-right: 20px;
	text-align : center;
}






/*

#chart-1
{
	display : block;
	width: 100%;
	text-align : center;
	vertical-align: top; 
}
 
a 
{
	font-family:Arial;
    font-size:18px;
	text-decoration: none; 
}

h1
{
     font-family: Arial;
     font-style: italic ;
     font-size: 24px;
     color: black;
}


h2
{
     font-family: Verdana;
     font-style: italic ;
     font-size: 16px;
     color: black;
}

p
{
	color: black;
	font-size: 18px;
	width: 100%;
	min-width: 400px;
	text-align : left;
}

.mesimg
{
    display: block;
	margin-left: auto;
    margin-right: auto;
}

*/