body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font-family: "Times New Roman", Times, serif;
	font-size:0.9em;
	/* font: 0.8em "Trebuchet MS", helvetica, sans-serif ; */
	background: rgb(255, 244, 219);
}


div#conteneur
{
	width: 780px ;
	margin: 0 auto ;
	text-align: center ;
	border: 1px solid rgb(230, 85, 28);
	background: rgb(255, 233, 177);
}
	
div#rsi_footer
{	font-family:"Trebuchet MS", helvetica, sans-serif ; 
	margin: 10px auto ;
	text-align: center ;
	color:#909090;
	font-size:0.9em;

}	

div#rsi_footer a, div#rsi_footer a:active, div#rsi_footer a:link {
  text-decoration : none ;
  color:#707070;
}

div#rsi_footer a:hover {
	background : #dea;
}

div#header
{
	height:140px;
	background: url(logo.png) no-repeat center center ; ;
}

div#header h1
{
	display: none ;

}

		
div#header span
{
	display: none ;
}

ul#sections
{
	height: 45px ;
	margin: 0 ;
	padding: 0 ;
	background: url(sections.png) repeat-x 0 -35px ;
	list-style-type: none ;

}
				
ul#sections li
{
	float: left ;
	text-align: center ;
}
		
ul#sections li a
{
	margin : 0 10px ;
	line-height: 35px ;	
	font-size: 1.5em ;
	display: block ;
	text-decoration: none ;	
	color:#ffffdd;
}
		
ul#sections li a:hover
{
	background: url(sections.png) repeat-x 0 0 ;	

}


div#box{
float:right;	
width: 180px;
font-size: 1em ;
padding :0 10px 0 20px;
/*color: #804040;*/
color:#800000;
text-align : left ;

}

div#box h1{
	background-image: url(box.png);
	height : 25px;
	font-size: 1.2em ;
	font-weight: normal ;
	color: #ffffdd;
	padding : 0 10px;

}

div#box p{
	font-weight: normal ;
}

 div.hrbox {
  margin: 5px auto;
  height: 2px;
  background: url(hrbox.gif) no-repeat scroll center;
}
div.hrbox hr {
  display: none;
}

 hr.hrpage {
  margin: 5px auto;
  height: 2px;
  background: url(barre.gif) no-repeat scroll center;
}
hr.hrpage hr {
  display: none;
}

div#box a,div#box a:active, div#box a:link, div#box li{
	text-decoration: none;
	color: #804040;
	list-style-image: url(li.png);
		
}

div#box ul{
	padding :0 0px 0 20px;
	
}

div#box a:hover{
  background : #dea;
}


	
div#illustration{
  text-align : center ;
  margin-top : 30px;
  padding:20px;
  
}

div#illustration img {
border:1px solid rgb(230, 85, 28);
background-color:rgb(255, 233, 177);
 padding:20px;

}




div#page, div#page td
{	margin: 20px 0 20px 0;
	padding: 0px 40px 0 40px ;
	margin-right:220px;
	text-align : left ;
	color: #800000;
	line-height: 1.5em ;
	font-size: 1.2em ;


}

	
div#page h1
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #800000;
	font-weight: bold ;
/*	border-bottom: 1px solid #804040 ; */
}
		
div#page h2
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #804040 ;
	border-left: 3px solid #804040 ;
	color: #804040 ;
}
		
	
div#page a
{	font-weight:bold;
	text-decoration: none;
	color: #804040 ;
}
		
div#page a:hover
{
	color: #a06060 ;
	background : #dea;
}
		
div#footer
{
	font-family:"Trebuchet MS", helvetica, sans-serif ; 
	margin: 0 ;
	line-height: 1em ;
	font-size:0.9em;
	text-align: center ;
	color: #804040 ;
	clear:both;
}
div#footer a, div#footer a:active, div#footer a:link {
  text-decoration : none ;
  color:#707070;
}

div#footer a:hover {
	background : #dea;
}
		
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 ;
}