/* CSS Document */

#barre_age, #barre_age ul { /* la barre de nav toute entiere */
  display:block;
  position:absolute;
  z-index:500;
	_background-color: transparent; /* hack IE6 */
	margin: -19px 0px 0px 0px; /* position nav */
  padding: 0px 0px 0px 0px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
	text-align:left;
  list-style: none;
  color:#fff;
  }

#barre_age a { /* off des liens nav1 */
	display: block;
	height:16px;
	margin:0;
	padding: 3px 0px 0px 0px;
	color:#fff;
	text-decoration: none;
	color:#fff;
	
  }
#barre_age a:hover { /* on des liens nav1 */
  color:#fff;	
 }

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

#barre_age li:hover { /* nav bloc on */
  background-color: transparent; /* indipensable sinon IE7 no retract si clic */
	/*background-image: url('../images/barre_age_on.png');*/
	background-position:top center;
	background-repeat:no-repeat;
	color:#fff;
}


#barre_age li ul { /* fond deroulant */
	position: absolute;

	left: -999em;
	width: 200px;
	text-align:left;
	margin: 0px 0px 0px 0px; /* pour coller le smenu au menu */
  color:#fff;
	border:0;

}
#barre_age li li { /* snav bloc of */
  width: 100%;
  padding:0;
  margin:0;
  font-size:11px;
  color:#fff; 
  background-image:none; 
  
} 

#barre_age li ul a { /* lien snav of */
  color:#fff;
  height:auto;
	background-color:#959595;
  background-image:none;
  padding: 1% 0% 1% 20%;
  text-align:left;
  text-transform : capitalize;
} 

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

#barre_age li ul ul { margin: 0px 0px 0px 0px; }
#barre_age li:hover ul ul, #barre_age li:hover ul ul ul, #barre_age li.sfhover ul ul, #barre_age li.sfhover ul ul ul {	left: -999em; }
#barre_age li:hover ul, #barre_age li li:hover ul, #barre_age li li li:hover ul, #barre_age li.sfhover ul, #barre_age li li.sfhover ul, #barre_age li li li.sfhover ul { left: auto; }
#barre_age li:hover, #barre_age li.sfhover {  color:#fff; } /* tous les rollover */




a:hover.deux_ans { background-image: url('../images/barre_age_2ans_on.jpg'); background-position: middle center; }
a:hover.six_ans { background-image: url('../images/barre_age_6ans_on.jpg'); background-position: middle center; }
a:hover.onze_ans { background-image: url('../images/barre_age_11ans_on.jpg'); background-position: middle center; }
a:hover.quinze_ans { background-image: url('../images/barre_age_15ans_on.jpg'); background-position: middle center; }
a:hover.dixhuit_ans { background-image: url('../images/barre_age_18ans_on.jpg'); background-position: middle center; }