#centre {
border-bottom:0;
border-top:0;
color:#000;
padding:1.5em;
font-family:Arial;
}

#conteneur {
background-color:white;
margin:0em 0%;
min-width:60em;
position:absolute;
width:100%;
font-family:Arial;
}

#haut {
background-color:lightblue  ;
color:#191970 ;
height:2.4em;
max-height:2.4em;
font-family:Arial;
}

#info {
background-color:#87ceeb;
color:#191970 ;
height:2.5em;
max-height:2.5em;
font-family:Arial;
}

#header {
background-color:lightblue;
color:black;
font-size:2em;
height:5em;
max-height:5em;
padding-left:0em;
padding-top:0em;
font-family:Arial;
}

#pied {
background-color:lightblue ;
border-top:0;
padding:0.5em;
text-align:center;
font-family:Arial;
}

/*
.autoResizeImage {
max-width: 100%;
height: 100%;
width: 100%;
}
*/

.menuhaut {
font-size:3em;
list-style-type:none;
margin:0;
padding:0;
font-family:Arial;
}

.menuhaut a {
color:black;
margin:0 0.4em;
text-decoration:none;
font-family:Arial;
white-space:wrap;
}

.menuhaut a:hover {
color: blue;
text-decoration:none;
font-family:Arial;
}

.menuhaut a:visited {
color:black;
text-decoration:none;
font-family:Arial;
}

.menuhaut li {
border-right:1px solid #fff;
display:inline;
float:left;
margin:0;
padding:0.6em 10px;
font-family:Arial;
}

a {
color:#000;
text-decoration:underline;
font-family:Arial;
}

body {
background-color:#CDCDCD;
font-family:Arial;
font-size:0.75em;
font-family:Arial;
}

h1 {
font-size:1.6em;
margin:0.5em 0.5em 1em 0;
font-family:Arial;
}

h2 {
font-size:1.2em;
margin:0.8em 0.5em 0.3em 0.6em;
font-family:Arial;
}

h3 {
font-size:1.1em;
margin:0.8em 0.5em 0.3em 0.8em;
font-family:Arial;
}

h4 {
font-size:1em;
margin:0.7em 0.5em 0.3em 1em;
font-family:Arial;
}

h5 {
font-size:0.9em;
margin:0.6em 0.5em 0.2em 1.5em;
font-family:Arial;
}

p {
margin:1px 0.5em 0.5em 1.5em;
font-family:Arial;
}

table.TableClass {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: #C6E3E9 #C6E3E9 #C6E3E9 #C6E3E9;
	border-collapse: collapse;
	background-color: none;
	font-family:Arial;
}
table.TableClass th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: #C6E3E9 #C6E3E9 #C6E3E9 #C6E3E9;
	background-color: #D6EFFA;
	-moz-border-radius: 0px 0px 0px 0px;
	font-family:Arial;
	font-size:3;
}

table.TableClass td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: outset outset outset outset;
	border-color: #C6E3E9 #C6E3E9 #C6E3E9 #C6E3E9;
	-moz-border-radius: 0px 0px 0px 0px;
	font-family:Arial;
}

table.TableClass tbody.scrollContent {
	/*display: block; */
	height: 262px;
	padding-left: 0px;
	overflow: scroll;
	width: 1000px;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             
table.TableClass tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

table.TableClass tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}*/

.TableDiv
{
border-left: 0px #C6E3E9 solid; 
border-bottom: 0px #C6E3E9 solid; 
}

.rainbow
{ 
behavior:url(rainbow.htc) 
} 

.suckertreemenu ul{
margin:0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
font-family:Arial;
position: relative;
display: inline;
float: left;
background-color:#b2dfee;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
height: 2.2em;
padding: 1px 8px;
border: 0px;
border-left-width: 0;
border: 1px solid white;
text-decoration: none;
color: navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels.  Used to be 160*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid white;
}

.suckertreemenu ul li a:hover{
background-color: #4f94cd;
color: white;
}

/*Background image for top level menu list links 
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(images/website/arrow-down.gif) no-repeat center right;
}*/

/*Background image for subsequent level menu list links 
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}*/

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

 .Menu {
font-family: Arial, sans-serif;
 border-bottom: 1px solid #ccc;
 font-size: 11px;
 text-align: left; /* We are using text-align: left on ul to left align our menu to the page. If you want the menu aligned centered or right just change text-align to either center or right */
 margin: 5px 0 5px 10px;
 padding: 0 0 3px 0;
 }
 .Menu li {
 margin: 0 2px 0 0;
 border-bottom: none;
 display: inline; /* Menu links are horizontally aligned using display: inline */
 }
 .Menu li a {
 margin: 0 -2px 0 0;
 padding: 3px 12px 3px 12px; /* Display: block won't work in this example, instead we are using padding */
 color: #666;
 text-decoration: none;
 border: 1px solid #ccc;
 background: #f5f5f5;
 }
 .Menu li a:hover {
 background: #add8e6;
 color: #000;
 }
 .Menu li#active {
 margin: 0 3px 0 0;
 padding: 3px 6px 3px 8px; /* Display: block won't work in this example, instead we are using padding */
 background: white;
 border: 1px solid #ccc;
 border-bottom: 1px solid white;
 }
 .Menu li a:hover {
 background: #ededed;
 color: #000;
 }
 .Menu .subMenu{
 float: left;
 text-align: left; /* If both menus are going to be left-aligned we really don't need to use text-align: left on the sub menu, since this menu will inherit the alignment from .Menu */
 width: 100%;
 margin: 6px 0 5px 0;
 padding: 3px 0 3px 0;
border-bottom: 2px solid #F89226;
 }
 * html .Menu .subMenu {
 margin: 2px 0 5px 0; /* IE hack */
 }
 .Menu .subMenu li {
 padding: 3px 0 3px 0;
 border: 0;
 }
 .Menu .subMenu li a {
 border: 0;
background-color: #fc9;
 }
 .Menu .subMenu li a:hover {
 background: #d4de7c;
 }
 .Menu .subMenu li#subActive {
 padding: 3px 6px 3px 8px;
 font-weight: bold;
 }