/* CSS Document */

/* Dropdedown menu ------------------------------------------------------------------------------------------- */



#nav, #nav ul { /* la barre de nav toute entiere */
  position: relative;
  display:block;
  width:889px;
  height:30px;
	_background-color: transparent; /* hack IE6 */
	margin: -50px 0px 0px 150px; /* position nav */
  padding: 0px 0px 0px 0px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
	text-align:left;
  list-style: none;

  }

#nav a { /* off des liens nav1 */
	display: block;
	height:29px;
	margin:0;
	padding: 3px 0px 0px 14px;
	color:#000; 
	text-decoration: none; 
  background-image: url('../images/bg_nav_of.png');
  _background-image: url('../images/bg_nav_of.gif');
  
  background-repeat:no-repeat;
  font-weight:bold;
	}
#nav a:hover { /* on des liens nav1 */
    background-image: url('../images/bg_nav_on.png');
    _background-image: url('../images/bg_nav_on.gif');
    
    background-repeat:no-repeat;
    color:#fff;}

#nav li { /* nav bloc of */
  list-style-image: none;
  float: left;
  width: 111px;	
  padding:2px 2px 0px 12px;
}

#nav li:hover { /* nav bloc on */
  background-color: transparent; /* indipensable sinon IE7 no retract si clic */
  color:#fff;

}

#nav li ul { /* fond deroulant */
	position: absolute;
	left: -999em;
	width: 200px;
	text-align:left;
	margin: 0px 0px 0px 0px; /* pour coller le smenu au menu */

	border:0;
}
#nav li li { /* snav bloc of */
  width: 200px;

  padding:0;
  margin:0;
  font-size:11px;  
  color:#fff; 
  background-image:none; 
} 

#nav li ul a { /* lien snav of */
  color:#fff;  height:18px;
  background-color:#000;
  background-image:none;
  padding: 3px 0px 0px 6px;
} 

#nav li ul a:hover { /* lien snav on */
  color:#000;
  background-color:#ffcc00;
  background-image:none; /* indipensable sinon met image on */
} 

#nav li ul ul { margin: -22px 0px 0px 200px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {	left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.sfhover {  color:#000;background-image:none; } /* tous les rolover */


/* Dropdedown menu ------------------------------------------------------------------------------------------- */