/* Global reset */
* {
    margin:0;
    padding:0;
}

html{height: 100%;}

  /***************/
 /*   LAYOUT    */
/***************/

#c0 /*overall container*/
{
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	width:85%;
	/*border: 1px solid black;*/
}
#c1 /*top container*/
{
	position:relative;
	top:5px;
	left:0px;
	width:100%;
	height:120px;
	/*background-color:#FF9900;*/
	/*border: 1px solid black;*/
	/*background-position:center right;*/
	/*background-image:url(Images/citation_oval.gif);*/
	/*background-repeat:no-repeat;*/
}
#c11 /*logo container*/
{ 
	position:absolute;
	height:120px;
	width:150px;
	padding-top:5px;
	/*border: 1px solid green;*/
}
#c12 /*citation container*/
{ 
	position:absolute;
	top:0px;
	left:150px;
	height:120px;
	/*border: 1px solid green;*/
}
html>body #c2 /*navigation bar for all but IE6 */
{ 
	position:relative;
	min-height:120px; /*so that the info portion does not move from page to page*/
	width:100%;
	/*padding-left:140px; /*logo container width*/*/
	/*background-color:#CCCCCC;*/
	/*border: 1px solid red;*/
}
* html #c2 /*navigation bar only for IE6*/
{ 
	position:relative;
	/*min-height:120px;*/ /*so that the info portion does not move from page to page*/
	width:100%;
	/*padding-left:140px; /*logo container width*/*/
	/*background-color:#CCCCCC;*/
	/*border: 1px solid red;*/
}
#c21 /*language choice*/
{
	float:left;
	width:150px;
	/*border: 1px solid red;*/
	/*background-color:#FFFFCC;*/
}
#c22 /*menu container*/
{
	float:left;
	width:200px;
	margin-right:2px;
	/*border: 1px solid red;*/
}
html>body #c3 /*info container* for all but IE6*/
{ 
	position:relative;
	max-width:600px;
	min-height:280px;
	margin-top:10px;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:150px;
	padding-right:10px;
	/*border: 1px solid blue;*/
}
* html #c3 /*info container* only for IE6*/
{ 
	position:relative;
	width:600px;
	_height:280px; /* min-height for IE6 !*/
	margin-top:10px;
	/*padding-top:20px;*/
	padding-bottom:10px;
	padding-left:150px;
	padding-right:10px;
	/*border: 1px solid blue;*/
}
#c30 /*left info container with background*/
{
	float:left;
	width:600px;
	/*border: 1px solid red;*/
	background-position:center top;
	background-image:url(Images/lotus.gif);
	background-repeat:no-repeat;
}
#c31 /*left info container*/
{
	float:left;
	width:350px;
	/*border: 1px solid red;*/
	/*background-color:#FFFFCC;*/
}
#c32 /*right info - mainly picture container*/
{
	float:left;
	padding-left:50px;
	width:200px;
	/*border: 1px solid red;*/
}
html>body #c4 /*footer container* for all but IE6 */
{
	max-width:750px;
	margin-top:5px;
	padding:5px;
	background-color:#FF33CC; /*no position indication as it comes naturally under c3 */
}
* html #c4 /*footer container* only for IE6 */
{
	width:750px;
	margin-top:5px;
	padding:5px;
	background-color:#FF33CC; /*no position indication as it comes naturally under c3 */
}
#language
{
	height:25px;
	width:150px;
	background-image:url(Images/language_oval.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
#menu
{
	height:25px;
	width:200px;
	text-align: center; /*for IE6 */
	/*border: 1px solid red;*/
	/*font-weight:bold;*/
	padding-top:1px;
	background-image:url(Images/menu.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
#menu_selected   /* make sure that this is same as menu */
{
	height:25px;
	width:200px;
	text-align: center; /*for IE6 */
	/*border: 1px solid red;*/
	font-weight:bold;
	padding-top:1px;
	background-image:url(Images/menu.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
html>body #item /*for all but IE6 */
{
	height:15px;
	width:200px;
	text-align: left; /*for IE6 */
	color:#000000;
	margin-top:2px;
	padding:1px;
	background-image:url(Images/item.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
* html #item /*only for IE6 */
{
	height:15px;
	width:200px;
	text-align: left; /*for IE6 */
	color:#000000;
	/*margin-top:2px;*/
	/*padding:1px;*/
	background-image:url(Images/item.gif);
	/*background-position:center center;*/
	background-repeat:no-repeat;
}
html>body #item_selected   /*for all but IE6 *//* make sure that this is same as item */
{
	height:15px;
	width:200px;
	text-align: left; /*for IE6 */
	color:#000000;
	margin-top:2px;
	padding:1px;
	font-weight:bold;
	background-image:url(Images/item.gif);
	background-position:center center;
	background-repeat:no-repeat;
} 
* html #item_selected    /*only for IE6 *//* make sure that this is same as item */
{
	height:15px;
	width:200px;
	text-align: left; /*for IE6 */
	color:#000000;
	/*margin-top:2px;
	padding:1px;*/
	font-weight:bold;
	background-image:url(Images/item.gif);
	/*background-position:center center;*/
	background-repeat:no-repeat;
}
img#logo
{
	display:block;
	margin-left:0px;
	/*margin-right:auto;*/
}

  /**************************/
 /* TEXT STYLES AND COLORS */
/**************************/

body
{
 	font-family:verdana;
	font-size:11px;
	height:100%;
	line-height: 120%; 
	/*color: #000000;*/ 
}
h1
{
	padding-top:15px;
	padding-bottom:15px;
	font-size:15px;
	color:#00CC00;
}
h2
{
	padding-top:15px;
	padding-bottom:15px;
	font-size:12px;
}
h3
{
	padding-top:3px;
	padding-bottom:3px;
	font-size:10px;
	font-weight:bold;
}
p
{
	padding-bottom:12px;
	line-height: 120%;
}
p.logo
{
	padding-top:25px;
	font-size:50px;
	font-weight:bold;
	font-family:arial;
	color:#00CC00;
}
p.presentation
{
	padding-top:15px;
	padding-left:25px;
	font-weight: bold; 
	font-size:20px;
	color:#FFFFFF;
}
p.citation
{
 	/*padding-top:1em;*/
	line-height: 120%;
	padding:10px;
	color:#FFFFFF;
	font-style:italic;
}
p.copyright
{
 	/*padding-top:1em;*/
	line-height: 120%;
	color:#FFFFFF;
}
p.address
{
 	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding-top:5px;
}
p.contact
{
	font-weight:bold;
	font-size:12px;
	padding-top:5px;
}
p.date
{
	font-weight:normal;
	font-size:12px;
}
p.small_print
{
	text-align:center;
	font-size:10px;
	font-weight:normal;
	padding-top:5px;
}
p.small
{
	font-size:10px;
	font-weight:normal;
	padding-top:5px;
}
p.highlight
{
	font-weight:bold;
	font-size:12px;
	color:#00CC00;
}
p.highlightblack
{
	font-weight:bold;
	font-size:14px;
	color:#000000;
}
p.highlightpink
{
	font-weight:bold;
	font-size:12px;
	color:#CC00CC;
}
p.warning /*about browser usage for instance*/
{
	font-weight:bold;
	font-size:12px;
	color:#CC00CC;
}
p.bienfait
{
	line-height: 120%;
	font-weight:bold;
	padding-bottom:0px;
}
p.major_nav
{
 	padding-top:5px;
	/*text-align:center;*/
	/*font-weight:bold;*/
	color:#FFFFFF;
}
p.minor_nav
{
	padding-top:1px;
	color:#000000;
	/*text-align:left;*/
	/*font-weight:normal;*/
	/*color:#FFFFFF;*/
}
a
{
 	text-decoration: none;
 	/*color:#FFFFFF;*/
}
a.inline
{
 	text-decoration: none;
 	color:#00CC00;
}
a.external
{
 	text-decoration: none;
 	color:#FFFFFF;
}
a.menu
{
 	text-decoration: none;
 	color:#FFFFFF;
}
a.item
{
 	text-decoration: none;
 	padding-left:5px;
 	color:#FFFFFF;
}
a:hover 
{ 
    text-decoration:underline; 
} 
td.left
{
 	padding-top:1em;
	width:150px;
	font-weight:bold;
	vertical-align:top;
	color:#505050;
}
td.right
{
 	padding-top:1em;
	/*width:300px;*/
	vertical-align:top;
}
td.stageright
{
 	padding-top:1em;
	width:200px;
	vertical-align:top;
}
td.stageleft
{
 	padding-top:1em;
	width:200px;
	font-weight:bold;
	vertical-align:top;
	color:#505050;
}
td.image
{
 	padding-top:1em;
 	padding-left:40px;
	/*width:300px;*/
	vertical-align:top;
}
td.infoleft
{
 	padding-top:1em;
	width:400px;
	font-weight:bold;
	vertical-align:top;
	color:#505050;
}
td.infoleftnarrow
{
 	padding-top:1em;
	width:270px;
	font-weight:bold;
	vertical-align:top;
	color:#000000;
}
td.inforight
{
 	padding-top:1em;
	/*width:300px;*/
	vertical-align:top;
}
ul, ol
{
	margin-top:0.5em;
	margin-bottom:0em;
	margin-left:2.5em;
}
ul li, ol li
{
	/*margin-top:0.8em;*/
	margin-bottom:0.1em;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
