BODY {
	padding: 0; 
	margin: 0; 
	background:#fff;
	font: 0.7em/1.7em verdana, arial, helvetica, sans serif; 	
	color: #333;
	text-align: center;
}

P {
	padding: 0;
	/*margin:0; */
}

A {
	color: #006600;
	text-decoration: underline;
	font-weight:bold;
}

A:visited {
	color: #D4D3B2;
}

A:hover {
	color: #00C000;
}

LI {
	list-style: square inside; color:#006600;
}

/* ========================================================================== */
/*  CONTAINERS
/* ========================================================================== */
#container {	
	width: 800px;
	border: #999 1px solid; 
	padding: 0; 	
	margin: auto; 	
	background: #fff; /*BACAA6;*/
}

#content {
	width: 800px;
	padding: 0; 	
	margin: 0;
	clear:both; 		
}

/* Banner */
#banner {
	width: 800px;	
	height: 300px;
	padding: 0; 
	margin: 0; 
	/*border-bottom: #999 1px solid;*/
}

/* ========================================================================== */
/*  LEFT COLUMN 
/* ========================================================================== */
#left_col {			
	width: 180px;
	padding: 0; 
	margin: 0;	  	
	/*background: url("../images/left_bkg_g.gif") repeat-y;*/
	float: left;
	/*border:1px solid red;*/
}

/* Left-hand navigation */
#nav {	
	margin: 0;
	padding: 10px 10px 10px 10px;
	text-align: left;
}

#nav a{
line-height:32px;
margin:0 0 10px 0;
color: #006600;
text-decoration:none;
font-weight: bold;
font-size: 1.4em;
}

#nav a:hover{
color: #00c000;
}

#nav ul {
	margin:0;
	padding:0;
}

#nav li {
	
	background: #fff url("/images/bullet.gif") no-repeat 0px 10px;
	/*margin-left: 16px;*/
	padding:4px 20px 4px 20px;
	list-style:none;
	/*list-style: square inside; color:#006600;*/
	border-bottom: #ddd 1px dashed;	
}

#nav li.admin {
	margin-left: 16px;
	list-style:none;
	/*list-style: square inside; color:#C00000;*/

}


/* ========================================================================== */
/*  RIGHT COLUMN 
/* ========================================================================== */
#right_col {	
	width: 600px; /* this is the value we feed IE */
	margin: 0;
	padding: 16px 10px 25px 10px;  /* this is the value we feed IE */
	text-align: left;
	float: right;
	/*border:1px solid red;*/
	/*border-left: #ccc 1px solid;*/
	
}

html > body #right_col {
	width: 600px;
	padding: 2px 5px 15px 0;  /* this is the value picked up by other browsers */
	/*border:1px solid red;*/
}

#right_col p {
	text-align: justify;
}

#right_col li {
	list-style-type: square;
}

#right_col ul.tableofcontent {
	float:right;
	margin: 0 6px 0 6px;
	padding:8px 8px 8px 8px;
	border:1px solid #777;
}
#right_col ul.tableofcontent li {
	list-style-type:none;
}

#right_col acronym {
	border-bottom: 1px dotted #333;
}

div.property {
	/*height:80px;*/
	margin: 4px 2px 8px 2px;
	padding:6px 6px 6px 6px;
	background: url(/images/grey_bg.png) repeat-x top; /*#EFEFED; #E9E9E6; #E3E2E0;*/
	/*border: 1px solid #777;*/
	border-top: 1px solid #aaa;
}
div.property p {
	margin:0; 
}

#right_col p.center {
	text-align: center;
}
#right_col p.center a:visited {
color: #006600;
}

/* =============== Headings ================ */
h1 {
	margin-top: 10px;
	padding-bottom: 6px;
	Line-height: 26px;
	height: 40px;
	width: 590px;				
	border-bottom: #ccc 1px dashed;
	font-size: 2.0em;
	}

html > body #right_col h1{
	height: 30px;
	width: 590px;				
	border-bottom: #ccc 1px dashed;
}

/*   ENLEVER TEMPORAIREMENT - REMETTRE LORSQU'IL Y AURA DES GRAPHIQUES
h1 span {
	display:none;
}
*/
h1.welcome {
	color:#999; /*404000;*/
	/*background: #fff url("../images/title_welcome.gif") no-repeat;*/
}

h2 {
	color: #B0661F; /*#CA903F; */
	font-weight: bold;
	font-size: 1.5em;
}
h3 {
	margin:0;
	padding: 1px 1px 1px 0;
	font-size: 1.2em;
}

html > body #right_col h3 {
	margin:0;
	padding: 1px 1px 1px 0;
}

label {
	color: #777;
	font-weight: bold;
	font-size: 0.9em;
}
/*  Horizontal Bar with background image */
div.hr {
  height: 1px;
  margin: 4px 0 0 16px;
  background: #fff url('/images/separator.gif') no-repeat scroll left;
}
div.hr hr {
  display: none;
}
/*  Horizontal Bar thin */
hr.thin {
margin-left:-10px;
height: 1px;
border: 0;
color: #ccc;
background-color: #ccc;
width: 220px;
} 

input.login
{
	margin-top: 2px;
	background-color: #EAF0EA;
	border: 1px solid #aaa;
	width: 120px;
	color: #425321;
}

input.admin
{
	margin-top: 2px;
	background-color: #EAF0EA;
	border: 1px solid #aaa;
	width: 200px;
	color: #425321;
}
input.submit
{
	margin-top: 2px;
	background-color: #B0BDA3;
	color: #425321;
	font-weight:bold;
}

img.thumbs {
	padding:2px;
	border:1px solid #aaa;
}
span.header {
	font-weight:bold;
	color: #B0661F;
}
/* ========================================================================== */
/*  TOP BAR & FOOTER 
/* ========================================================================== */
#top_bar, #copy_bar {	
	width: 800px;	
	height: 25px;
	padding: 0; 	
	margin: 0; 	
	background: #E3E2E0;/*#003E25;*/
	color: #fff;	
}

#copy_bar {	
	border-top: #999 1px solid; 	
	clear: both;
	/*color: #425321;*/
	font-size: 0.8em;
	background: #003E25;
	color: #fff;
}

/* ========================================================================== */

/* end of styles */