/*****************************************************************************
 Eric Meyer's reset reloaded
 http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 *****************************************************************************/

/*****************************************************************************
 HTML elements
 *****************************************************************************/

/*body {
  background-color: #343434;
  font: 13px/160% Arial, Helvetica, sans-serif;
  color: #8c827a;
}*/
/*****************************************************************************
 Layout styles - HEADER
 *****************************************************************************/

#container1 {
  width: 960px;
  height: 120px;
  margin: 0 auto;
  background-image:url(images/barre.jpg);
  background-position: bottom center;
  background-repeat:no-repeat;
}

#primary-and-search-box {
  height: 32px;
}
#primary {
  font: 13px/160% Arial, Helvetica, sans-serif;
  float: left;
  width: 960px;
}
#primary ul, #primary ul li {
	padding: 0;
	margin: 0;
}
#primary ul li {
	float: left;
  list-style-image: none;
  list-style-type: none;
  background: transparent url(images/menu-li.jpg) no-repeat;
  width: 150px;
  height: 32px;
  text-align:center;
}
#primary ul li.last {
  background: transparent url(images/menu-li.jpg) no-repeat;
  width: 150px;
  height: 32px;
}
#primary ul li a {
  color: #fff;
  text-decoration:none;
  text-transform: uppercase;
  font-weight: bold;
}
#primary ul li a.active {
  color: #fff;
  text-decoration:none;
  font-weight: bold;
}
#primary ul li a:hover, #primary ul li a:active,  #primary ul li.sfhover a {
  text-decoration:none;
  color: #8ab1c1;
  font-weight: bold;
}
#primary ul ul li {
	width: 160px;
  background: none;
}

#primary ul ul a {
	width: 130px;
  display: block;
  text-transform: none;
  font-weight: bold;
}
#primary ul ul {
	position: absolute;
	background: #7F7F7F;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #999999;
	width: 160px;
	left: -999em;
  z-index: 999;
}
#primary ul ul li {
  margin: 0;
  padding: 0;
}
#primary ul ul li a {
  padding: 5px 15px;
  border-bottom: 1px solid #999999;
  font-weight: bold;
}

#primary ul li.sfhover ul li.last a{
background-color:#7F7F7F;
}

#primary ul li.sfhover ul li a {
  background: none;
  border-bottom: 1px solid #999;
  color: #000;
}
#primary ul ul li a:hover, #primary ul ul li a:active, #primary ul ul li a.active, #primary ul li.sfhover ul li a:hover, #primary ul li.sfhover ul li a:active, #primary ul li.sfhover ul li a.active {
  text-decoration: none;
  border-bottom: 1px solid #999;
  background: #5C5C5C;
  color: #fff;
  font-weight: bold;
}
#primary ul ul li:hover, #primary ul ul li.over {
  background: #5C5C5C;
}
#primary ul ul ul {
	margin: -28px 0 0 160px;
}
#primary ul li:hover ul ul, #primary ul li.sfhover ul ul {
	left: -999em;
}
#primary ul li:hover ul, #primary ul li li:hover ul, #primary ul li.sfhover ul, #primary ul li li.sfhover ul {
	left: auto;
}


/*****************************************************************************
 System module
 *****************************************************************************/

/*
 * Tab navigation
 */
ul.tabs.primary, ul.tabs.primary li, ul.tabs.primary li a, ul.tabs.primary li.active a,
ul.tabs.secondary, ul.tabs.secondary li, ul.tabs.secondary li a, ul.tabs.secondary li.active a {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}