/* CSS Document */
#container {
     margin-left: auto;
     margin-right: auto;
     width:800px; /* largeur obligatoire pour être centré */
     }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	color: #555555;
	text-decoration: none;
	background-color: #F0F0F0;
	
	
}
#fond{
	background-color: #FEFEFE;
	border: 1px solid #000000;
	left: 0px;
	top: 0px;
	visibility: visible;
  }
#nav {


	position: absolute;
	float: left;
	top: 32px;

	height:33px;
	left: 6px;
    padding-top: 0px;
	height: 20px;
	width: 558px;
	border-top: solid #8D827B 1px;
	border-bottom: solid #8D827B 1px;
	background-color: #ccc;
	z-index: 37;
}

#nav {

    position: absolute;
	float: left;
	margin: 0px ;
	padding: 0px ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFF;
	line-height: 14px;
	white-space: nowrap;
}
#nav li {
	list-style-type: none;
	
}
#nav li a {
	text-decoration: none;
	padding: 19px 10px;
	color: #FFF;
}
#nav li a:link {
    color: black;
}
#nav li a:visited {
    color: black;
}
#nav li a:hover {
    font-weight: normal;
    color: black;
 
}
#nav li {
  /*float the main list items*/
  margin: 0px;
  float: left;
 
  display: block;
  padding-right: 0px;
}

#nav li.off ul, #nav li.on ul {
  /*hide the subnavs*/
  display: none;
}

#nav li a {
  /*for all links in the list*/
  color: black;
  font-weight:normal;
  display: block;
  height: 15px;
  width: 100px;
  border: 4px ;
  padding: 4px;
}
#nav li.off ul, #nav li.on ul {
	display: none;
	position: absolute;
	top: 0px;
	height:0px;
	left: 0px;
	padding-top: 0px;
	width: 730px;
	z-index: 11;	
}
#nav li.on a {
  /*change border color for active topic area*/
  border: 3px solid red;
}

#nav li.on ul a, #nav li.off ul a {
  /*  cancel inherit of border
      on subnav of active topic */
  border: 0;
}

#nav li.on ul {
  /*display active subnav list*/
  display: block;
  background: B0A7A1;
  color: #084C8D;
   
}
#nav li.on ul a, #nav li.off ul a {
  float: left;

  /*ie doesn't inherit the float*/
  border: 0;
  color: #084C8D;
  width: auto;
  margin-right: 15px;
}

#nav li.on ul {
  /*display the current topic*/
  display: block;

}

#nav li.off:hover ul {
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
}
#nav li.off a:hover, #nav li.off:hover a {
color: #084C8D;
font-weight:normal;
   
  
}
#nav li.off ul, #nav li.on ul {
  /*put the subnav below*/
  top: 21px;
  *top: 0px; /*reposition for IE*/
}

#nav li.off:hover ul, #nav li.over ul { 
  display: block;
  z-index: 6000;
}

#nav li.off a:hover { font-weight:bold;
   color:black; }
#nav li:hover a,
  
#nav li.over a ,
.style2 {
	color: #084C8D;
	font-weight: normal;
}
  
a:link {
	color: #084C8D;
	text-decoration: none;
}
a:visited {
	color: #084C8D;
	text-decoration: none;
}a:hover {
	text-decoration: none;
	color: #084C8D;
}
a:active {
	text-decoration: none;
	color: #084C8D;
}

h1 { font-family: Arial, Verdana, sans-serif; font-size: large;font-weight: bold; color: #555555 }
h2 { font-family: Arial, Verdana, sans-serif; font-size: small; color: #555555 }
h3 { font-family: Arial, Verdana, sans-serif; font-size: medium; color: #084C8D }