/* border: 1px solid black; */

body {
    height: 100%;
	padding: 0;
	margin: 0;
	padding: 0;
	text-align: center; /* Pour centrage container */
	color: black;
	font-family: Helvetica, Arial;
}
#container {
	width: 1000px;
	margin: 0 auto;  /* 0px en haut et auto sur les côtés pour centrage */
	padding: 0;
	text-align: left;
}
/* ************************************** menu ************************************** */
nav {  /* Barre de navigation */
	width: auto;
	height: 30px;
	margin: 0;
	padding: 0;
	color: black;
}
nav a { /* Enlève le soulignement et texte bleu aux liens dans la barre de navigation */
	text-decoration: none;
	color: black;
}
nav > ul { /* Liste */
	list-style-type: none; /* Enlève la puce */
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	overflow: hidden; /* Cache les sous-menus */	
	/* ATTENTION : overflow ici sur ul, permet de ne pas redimensionner la boite ul lors des sous-menus
	et ainsi éviter que le texte du header soit décalé après les boites de sou-menu */
	z-index: 20; /* Pour que les sous-menus viennent couvrir le titre */
	position: absolute; /* Indispensable pour que les sous-menus couvrent le titre */
}
nav > ul  li {
	float: left; /* permet de placer les éléments du menu côte à côte */
	width: 230px;
	height: 24px; /* hauteur 30px avec le padding */
	text-align: right;
	padding: 3px;
	transition: background-color 500ms ease, height 500ms ease;
}
nav > ul  li:hover{
	background-color: #b2e4f7;
}
nav > ul > li.plus:hover { /* Survol des éléments à sous-listes */
	height: 110px;
	width: 88px;	
	border: 1px solid black;
	border-radius: 8px;
	box-shadow: 2px 2px 11px #000000;
	background-color: #b2e4f7;
}
nav li.this { /* Concerne la page en cours */
	background-color: #DCE4EE;
}
/* ********************************************************************************** */
header {
	width: auto;
	height: 75px;
	border-color: #7c7979;
	border-width: 2px 0 2px 0;
	border-style: solid;
	margin: 0;
	padding: 10px 0 0 0;
	z-index: 10; /* Pour que les sous-menus viennent couvrir le titre */
}
#titre {
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	z-index: 10; /* Pour que les sous-menus viennent couvrir le titre */
}
#normal {
	font-size: 0.7em;
	clear: both;
}
article.deux { /* aricle sur deux colonnes */
	width: 480px;
	height: auto;
	margin: 5px 0 10px 0;
	padding: 10px;
	float: left;
	line-height: 1.5em;
	font-size: 0.8em;	
}
article a { /* Enlève le soulignement et texte bleu aux liens dans la barre de navigation */
	text-decoration: none;
	color: black;
}
footer {
	clear: both;
	width: auto;
	height: 20px;
	background-color: #EAEAEA;
	margin: 0;
	padding: 10px;
	font-size: 0.6em;
	text-align: center;
}
footer a {
	text-decoration: none;
	color: black;