/*parametres du fond et par défauts, pour assurer selon les navigateurs*/
body
	{
		margin: 10px 0 ;
		padding: 0 ;
		text-align: center ;
		font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
		background: #c8d1d9;
	}

/*paramêtres généraux de la page(cadre)*/
div#conteneur
	{
		width: 900px ;
		margin: 0 auto ;
		text-align: left ;
		border: 2px solid #808eab ;
		background: #ffffff ;
	}
	
/*paramêtres pour le titre/bandeau*/
h1#header
	{
		height: 200px ;
		margin: 0 ;
		background: url(logo.jpg) no-repeat left top ;
	}
	
h1#header a
	{
		width: 636px ;
		height: 200px ;
/*		float: left ;*/
		display: block ;
		background: url(bandeau.jpg) no-repeat ;
		position: relative ;
		left: 264px ;
/*		top: 15px ;*/
		text-indent: -5000px ;
	}

/*paramêtres pour le menu*/	
ul#menu
	{
		clear: both ;
		height: 50px ;
		margin: 5px ;
		padding: 5px ;
		background: url(bg_menu.gif) repeat-x 0 -0px ;
		list-style-type: none ;
	}
			
ul#menu li
	{
		float: left ;
		text-align: center ;
	}
	
ul#menu li a
	{
/*		width: 150px ;*/
		padding-left: 20px ;
		padding-right: 20px ;
		line-height: 25px ;
		font-size: 1em ;
		font-weight: bold ;
		letter-spacing: 2px ;
		color: #417eb8;
		display: block ;
		text-decoration: none ;
		border-right: 2px solid #dea ;
	}
/*menu : changement quand on survole*/	
ul#menu li a:hover
	{
		background: url(bg_menu.gif) repeat-x 0 0 ;
	}
	
/*paramètres généraux contenus textuels*/
div#contenu
	{
		padding: 0 25px 0 100px ;
/*		background: url(bg_page.gif) no-repeat 15px 15px ;*/
	}
	
div#contenu h2
	{
		padding-left: 25px ;
		line-height:32px ;
		font-size: 1.4em ;
		background: url(petite_aile.gif) no-repeat left bottom ;
		color: #808eab ;
		border-bottom: 1px solid #808eab ;
		margin-bottom: 10px ;
	}
	
div#contenu h3
	{
		margin-left: 15px ;
		padding-left: 5px ;
		border-bottom: 1px solid #9b2 ;
		border-left: 3px solid #9b2 ;
		color: #9b2 ;
	}
	
div#contenu p
	{
		text-align: justify ;
		font-size: 1.2em
		text-indent: 2em ;
		line-height: 2em ;
	}
/*paramètres liens avec changement survol*/
	
div#contenu a
	{
		color: #8a0 ;
	}
	
div#contenu a:hover
	{
		color: #9b2 ;
	}

/*Pied de page*/	
p#piedpage
	{
		margin: 0 ;
		padding-right: 10px ;
		line-height: 30px ;
		text-align: right ;
		color: #417eb8 ;
	}

p#piedpage a
	{
		color: #417eb8 ;
	}

/*définition d'une boite appelée "pre"*/	
pre
	{
		overflow: auto ;
		background: #dea ;
		border: 2px solid #9b2 ;
		padding: 5px 0 0 5px ;
		font-size: 1.2em ;
	}
	
* html pre
	{
		width: 636px ;
	}
	
pre span
	{
		color: #560 ;
	}
	
pre span.comment
	{
		color: #b30000 ;
	}

/*Boite flottante à droite*/
div#boitedroite
	{
		width: 200px ;
		float:right;
		margin: 0 5px 0 15px ;
		padding : 5px;
		text-align: left ;
		border: 2px solid #808eab ;
		background: #ffffff ;