body
{
	margin:				0px;
	/* arrière-plan de la page
	background-image: url(images/background.png);
	background-position: left top;
	background-repeat: repeat; */
}



/* ----- PAGE */
#Page
{
	width:				1000px;					/* Largeur fixe de la page */
	margin:				auto;					/* Centrer la page */
	margin-top:			10px;					/* Décalage du bord haut */
}



/* ----- EN-TETE */
header
{
	background:			rgb(24,24,24);
}
header img
{
/* Transformer la balise "inline" IMG en une balise "BLOCK" */
/* permet d'appliquer "margin" et donc de centrer l'image */
	display:			block;
	margin-left:		auto;
	margin-right:		auto;
}
header p				/* Citation */
{
	color: 				rgb(70,130,180);				/* SteelBlue */
	width:				1000px;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			0;
	margin-bottom:		0;
	text-align:			center;
	font-family:		Comic Sans MS;
	font-size:			90%;
}



/* ----- MENU */
nav 
{
	float:				left;							/* Ancrage à gauche */
	width:				200px;							/* Largeur fixe */
	margin:				0px;							/* Marge externe */
	color:				rgb(70,130,180);				/* SteelBlue */
	font-family:		Comic Sans MS;
	font-size:			90%;
}
nav a					/* Lien dans le MENU */
{
	color:				rgb(70,130,180);				/* SteelBlue */
}
nav ul
{
	margin:				0px;							/* Supprime toutes les marges */
	list-style:			none;							/* Supprime les puces de la liste */
}

nav ul.menu				/* Liste du MENU */
{
	background-color:	rgb(24,24,24);					/* Couleur de fond */
	border-radius:		10px;							/* Arrondir les angles de la bordure */
	/*box-shadow:		2px 2px 2px rgb(102,102,102);	 Ombre */
	padding:			10px 5px 10px 15px; 			/* Marge interne : Haut, Droit, Bas, Gauche */
	margin-bottom:		10px;							/* Marge externe */
}
nav ul.SousMenu
{
	padding-left:		15px;							/* Décalage du bord gauche pour le sous-menu */
}
nav ul.menu li			/* Ligne du MENU */
{
	margin-bottom:		5px;
}
nav ul.SousMenu li		/* Ligne du MENU */
{
	margin-bottom:		0px;
}



/* ----- PIED DE PAGE */
footer
{
	text-align:		right;
	font-weight:	bold;
}



#LienHautDePage /* id */
{
	position:		fixed;					/* Oblige le texte à suivre le coin de la page */
	right:			10px;
	bottom:			10px;
}



#SousMenu /* id */
{
	text-align:		right;
	font-weight:	bold;
	background:		white;
	margin-left:	550px;					/* Décalage du bord gauche */
	/*border:			1px solid black;
	border-radius:	5px;*/
	padding:		2px 2px 2px 2px; 		/* marge interne : Haut, Droit, Bas, Gauche */
}