/* GENERAL LOOK AND FEEL */

html, body {
    height: 100%;
	margin: 0 0 0 0;
}

body {
	background-position:top left;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color:#F0F0F0;
    background-image:url(../imgback/edback.jpg);
	text-align: left;
	overflow: hidden;
}

h1 { /* h1 is title bar*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
}

h2 { /* h2 is title of news text entry */
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

h2 a, h2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
    text-decoration: underline;
}

h2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color:#000000;
	text-decoration: none;
}

p	{ /* p is the main body of text entry */
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration: none;
}

p a, p a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration: underline;
}

p a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-color:#000000;
	text-decoration: none;
}

img, img a, img a:hover, img a:visited	{
	border:0px;
}

/* GENERAL DIV classes */

div.on	{
	background-color:#F0F0F0;
}

div.off	{
	background-color: transparent;
}

/* END GENERAL DIV classes */

#all	{
	width: 100%;				/*The width of our layout*/
	margin-top: 0px;
	padding: 0px;						
	text-align: left; 		/*Resets the text alignment*/	
	position: relative;
	min-height: 100%;
	height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

html>body #all {
    height: auto;
}	

/* MENU */

#top {
	position: absolute;
	height:90px;
    width:100%;
}

#top_img {
	position:relative;
	float:left;
}

#top_txt {
    /*float:left;*/
	line-height:90px;
}

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 300px;
    height: 83px;
}

.wraptocenter * {
    vertical-align: middle;
}

.wraptocenter {
    display: block;
}

.wraptocenter span {
    display: inline-block;
    height: 100%;
	width: 1px;
}

<!--[if lt IE 8]><style>

.wraptocenter span {

    display: inline-block;

    height: 100%;

}

</style><![endif]-->

#top_img a img {
    /*filter:alpha(opacity=50);*/
	opacity: 0.5;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;    
}

#top_img a:hover img{
	/*filter:alpha(opacity=100);*/
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

#top_txt, #top_txt h1 {
	display:inline;
    text-align:left;
}

#menu 	{
	width: 1050px;
	height: 20px;
	margin: 70px 0px 0px 300px;
	position:absolute;
    clear:both;
    float:left;
    z-index: 1;
}

#menu ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;	
}

#menu li 	{
	float: left;
	position: relative;
	width: 150px;		
}

#menu li.half 	{
	float: left;
	position: relative;
	width: 75px;		
}

#menu li ul 		{
	display: none;
	position: absolute;
	top: auto;
	left: 0;
}

#menu li > ul		{
	top: auto;
	left: auto;
}

#menu li:hover ul, #menu li.over ul	{ 
	display: block;
}

/*	STYLE pour elements du menu */

#menu a, #menu a.btnon, #menu a.btnoff {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	border-width: 0px;
	margin: 0px 0px 0px 0px;
	padding: 3px;
	text-align:left;
}

#menu a.btnoff, #menu a.btnoff:visited, #menu a.langbtnoff, #menu a.langbtnoff:visited  {
	font-size:11px;
	color: #000000;
	background: #F0F0F0;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

#menu a.btnon, #menu a.btnon:hover, #menu a.btnoff:hover, #menu a.langbtnon, #menu a.langbtnon:visited, #menu a.langbtnon:hover, #menu a.langbtnoff:hover {
	color: #ffffff;
	background: #000000;
	text-decoration: none;
	font-weight: bold;
}

#menu a.btnon:visited {
	color: #ffffff;
	background: #a1a1a1;
	text-decoration: underline;
	font-weight: bold;
}

#menu a {
	font-size:11px;
	color: #000000;
	background: #F0F0F0;
	text-decoration: underline;
}

#menu a:visited {
	font-size:11px;
	color: #000000;
	background: #999999;
	text-decoration: underline;
}

#menu a:hover {
	color: #ffffff;
	background: #000000;
	text-decoration: NONE;
}

/* END style pour elements du menu */

/* END MENU */

#main		{
	width: 750px;				
	margin: 130px 0px 0px 0px;
	padding: 0px;						
	text-align: left; 		
	position: absolute;
}

#titlebar	{
	float:left;
	margin: 0px 0px -10px 0px;
	position:relative;
	left:300px;
}

#center_index{
	width: 100%;
	padding: 0 0 302px 0;
	border:0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#center		{
	width: 100%;
	padding: 0 0 152px 0;
	border:0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#content_index	{
	height:	152px;
	overflow: auto;
}

#content {
	height:	302px;
	overflow: auto;
}

/* FOOTNOTE FORMAT AND CONTENTS */

#footnote	{
	width:	100%;	
	position: relative;
    margin: 0px 0px 0px 5px;
	clear: both;
}

#footnote img, #footnote a img {
	border:0px;
	margin: 0 0 0 30px;
	float: right;
	/*filter:alpha(opacity=50);*/
	opacity: 0.5;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
}

#footnote a:hover img  {
	border:0px;
	float: right;
	/*filter:alpha(opacity=100);*/
	opacity: 1;
	-moz-opacity:1;
	-khtml-opacity: 1;
}

#footnote p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-decoration: none;
	clear: both;
}

/* END FOOTNOTE FORMAT AND CONTENTS */

/* TABLE POUR CONTENU PRINCIPAL */

table	{	/* general table style */
	border-collapse: collapse;
	border:	0px;
	border-spacing:	0px;
}

td.on	{	/* cell is considered "on" when white background is needed */
	background-color:#FFFFFF;
}

td.off	{	/* cell is considered "off" when no background is needed */
	background-color: transparent;
}