/* -------------------------------------STYLE */

html, body {
	background-image: url(images/background_global.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #e2dfcc;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 100%;
}

#site {
	background-image: url(skins/background_site.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	width: 765px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: visible;

}
#top {
	background-image:url(images/background_top.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:left;
	width:765px;
	height:168px;
	margin:0;
	padding:0;
	float:left;
}

#menu_top {
	text-align:center;
	color:#FFFFFF;
	width:595px;
	height:25px;
	margin:34px 0 0 41px;
	padding:0;
	float:left;
}


#menu_login {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	width:auto;
	margin:7px 0 0 0;
	padding:0;
	float:right;
}
#menu_login a {

	color:#000000;
	margin:0;
	padding:0;
}
#menu_login a:hover {

	color:#000000;
	margin:0;
	padding:0;
}

#image_pane {
	width:765px;
	height:263px;
	margin: -11px 0 0 -5px;
	#margin: 0 0 0 -5px;
	padding:0;
	float:left;
}
	

#contenu {
	text-align:left;
	background-image: url(skins/background_contenu.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	width:558px;
	margin: 0 0 0 101px;
	padding: 0;
	float:left;
}
#contenu p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:justify;
	color:#003366;
	margin:10px 0 20px 0;
	padding:0;
	}
#contenu ul,li {
	color:#003366;
	}
#contenu h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.0em;
	color:#043e75;
	margin:20px 0 0 0;
	padding:0;
}


/*  NavMenu styles start here */


#nav {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	line-height : 1.25em;
	border: solid 0px #000;
	width: 595px;
	height: 22px;
	_height: 20px;
	margin:6px -5px 0 70px;
	display:block;
	float:left;
}
#nav ul {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
    padding:0;
    margin:0;
    list-style:none;
    width:auto;
}

#nav li {
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.8em;
  position: relative;
  list-style: none;
  line-height : 1.25em;
  margin:-1px 6px 0 0;
  float:left;
}

#nav li ul { /* second-level lists */
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	position : absolute;
	left: -999em;
	background-color:#0866aa;
	border:1px solid #FFFFFF;
	padding: 2px;
	float:left
}


#nav a {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-weight:normal;
    text-decoration:none;
    padding :2px 8px 2px 0;
    color:#FFFFFF;
    border:0px solid #809DF9;
}
#nav li li a {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	width:16em;
	float:left;
}

#nav li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#FFFFFF;
}
#nav.SelectedTab {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
#nav .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 1.6em;
	left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:12.8em;
}
#ChildTabsLevel1LinkLeft {
position:relative;
float:left;
height:100%;
border: 1px ;
padding-right:1px;
padding-left:1px;
background:url("BreadCrumbPipe.gif") no-repeat left bottom;
}
#footer_container {
	text-align:center;
	width:490px;
	margin:10px 0px 10px 0px;
	padding:0;
	float:left;
}
.Footer_links {
	text-align:center;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:normal;
}