/* Mise en page globale */
body
{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, helvetica, sans-serif;
	font-size: .8em;
	background: #ddeeaa;
	background-color: #934918;
	height: 100%;
}
/* On définit les marges haute et basse à 0 et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */

div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #934918 ;
	background: #f0e7d7 ;
}
/* Une bordure autour de l'ensemble de la page, et couleur "chair" pour le fond de celle-ci */

div#header
{	
	height: 204px;
}
/* Une image de fond correspondant aux 204 pixels de l'entête */

div#contenu
{
	padding: 3em 1em 1em 1em;
}
/* On ajoute un petit élément décoratif sur le côté de la page et on crée un espace à gauche et à droite du contenu */

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* Mise en page du texte : PAO */
p#TextIntro
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1em;
}



p#footer
{
	margin: 0 ;
	line-height: 1.4em;
	text-align: center;
	color: #F0E7D7;
	font-size:.7em;
}
/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */


div#contenu h2
{
	padding-left: 0.5em;
	line-height: 1.4em;
	font-size: 1.4em;
	font-family:Tahoma,Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	border-bottom: 2px solid #934918;
}
/* Mise en forme du titre de page, texte noir Arial Bold et on met une bordure basse */

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2 ;
	border-left: 3px solid #9b2 ;
	color: #9b2 ;
}
/* De même que pour le titre h2, à ceci près qu'on ne donne pas d'image décorative cette fois ci */

div#contenu p
{
	text-align: justify ;
	line-height: 1.5em;
}
/* On rend les paragraphes plus propre, alignement justifié, alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

div#contenu a
{
	color: #993300;
	text-decoration: none;
}

div#contenu a:hover
{
	color: #990000;
}
/* On met en forme les liens contenu dans la page */


pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police et un léger espace entre le texte et les bords du pre */

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleurs différentes pour les span.comment, les span utilisés pour les commentaires */


		
#navcontainer
		{
	width: 95%;
	background: #f0e7d7;
	margin: auto;
	padding: 0 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 5%;
		}
		
/* to stretch the container div to contain floated list */

#navcontainer:after
		{
			content: ".";
			display: block;
			line-height: 1px;
			font-size: 1px;
			clear: both;
		}
		
ul#navlist
		{
			list-style: none;
			padding: 0;
			margin: 0 auto;
			width: auto;
			font-size: 1em;
		}
		
ul#navlist li
		{
			display: block;
			float: left;
			width: 15%;
			margin: 0;
			padding: 0;
		}
		
ul#navlist li a
		{
			display: block;
			width: 100%;
			padding: 0.5em;
			border-width: 1px;
			border-color: #ffe #aaab9c #ccc #fff;
			border-style: solid;
			color: #777777;
			text-decoration: none;
			background: #f7f2ea;
		}
		
#navcontainer>ul#navlist li a { width: auto; }
		
ul#navlist li#active a
		{
			background: #f0e7d7;
			color: #800000;
		}
		
ul#navlist li a:hover, 	ul#navlist li#active a:hover
		{
			color: #924A18;
			background: transparent;
			border-color: #aaab9c #fff #fff #ccc;
		}

#navlist #current, #navlist #current a 
		{
			color: #924A18;
			background: transparent;
			border-color: #aaab9c #fff #fff #ccc;
			text-decoration: underline;
			font-weight:bold;
			}


/* Toutes les mises en page, avec "class" */

.imagedroite
{ float : right ;
}