/* CSS Document */

body
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background:url(images/bck.gif) repeat-x; 
}


div#conteneur
{
	width: 800px ;
	margin: 0 auto;
	text-align: left ;
	background-image:url(images/body-repeat.gif); 
	background-repeat:repeat-y; 
}


h1#header
{
	height: 100px ;
	margin:0;
	background: url(images/logo.jpg) no-repeat left top; 
}

h1#header a {
	width:414px; 
	height: 100px; 
	display:block; 
	background:url(images/title.png) no-repeat left top;
	position:relative; 
	left:387px; 
	top:10px; 
	text-indent: -5000px; 
}

ul#menu 
{
	height:25px; 
	margin:10px; 
	padding:0;
	background-color: #99a1a9; 
	/* background:url(images/bg_menu.gif) repeat-x 0 0px;*/	
	list-style-type:none;
}

ul#menu li 
{
	float:left; 
	text-align:center; 
}
ul#menu li a {
	width:130px;
	line-height: 25px; 
	font-size:1em; 
	font-weight: bold; 
	letter-spacing:normal; 
	color:#ffffff; 
	display:block;
	text-decoration:none; 
	border-right:1px solid #dea;
}
ul#menu li a:hover {
	background: url(images/bg_menu.gif) repeat-x 0 0; 
	color:#455568; 
}


div#contenu
{
	padding: 0 30px 0 100px ;
	/*background: url(bg_page.gif) no-repeat 15px 15px ;*/
}

div#adresse {
	border:1px solid #ffdc50;
	display:block;
	color:#2e4055;
	font-weight:bold;
	padding:5px 5px 5px 5px; 
	width:400px;
	margin-left:100px;
} 
/*Mise en forme des tableaux */
table {
	border:3px solid #fff;
	border-collapse:collapse;
	width:70%;
	margin:auto;
}
td 
{
	border:5px solid #fff;
	width:50%;
	padding:5px;
	text-align:center;
	background-color:#99A1A9;
}


div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(images/little_pen.gif) no-repeat left bottom ;
	color: #2e4055 ;
	border-bottom: 1px solid #2e4055 ;
}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #656565 ;
	border-left: 3px solid #656565 ;
	color: #656565 ;
}

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

/*Liens contenus dans la page*/
div#contenu a
{
	color: #2e4055 ;
}

div#contenu a:hover
{
	color: #2e4055;
	font-weight:bold; 
}


/*Mise en forme du pied de page*/
div#footer
{
	height : 140px;
	background:url(images/footer.gif); 
}

div#footer p
{	
	text-align: center ;
	padding-top: 70px;
	color: #455568 ;
}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
pre span
{
	color: #560 ;
}
pre span.comment
{
	color: #b30000 ;
}