a{
  text-decoration: none;
}


#barreTop{
  background-color:white;
  height:100px;
}



#barreMenu, #barreOnglet{
  height: 24px;
  position:relative;
  clear:both;
  
}
#barreOnglet{
  padding-left:10px;
}

#barreMenu{
  background-image: url(../img/menu/menu-barre-fond.png);
  z-index:900;
}

#barreOnglet{
  background-image: url(../img/menu/onglet-barre-fond.png);
  z-index:900;
}

#barreOnglet ul, #barreMenu ul{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0px;
  padding:0px;
}

#barreOnglet ul li, #barreMenu ul li{
  background-repeat: no-repeat;
  height: 24px;
  float:left;
  text-align:center;
  margin:0pt 0pt 0pt 15px;
  padding:0pt 0pt 0pt 5px; 
}
#barreMenu ul li{
  position:relative;
}

#barreMenu ul li{
 margin:0pt 0pt 0pt 5px;
}

#barreOnglet ul li a, #barreOnglet ul .actif a, #barreOnglet ul li a:hover,
#barreMenu ul li a, #barreMenu ul .actif a, #barreMenu ul li a:hover {
  float:left;

  background-position:right 0px;
  background-repeat: no-repeat;
  
  padding-right:17px;
  padding-left:5px;
  padding-top:4px;
  
  font-family:Arial;
  font-size:11px;
  font-weight: bold;
}


#barreOnglet ul li a{
  padding-top:3px;
}

#barreOnglet ul li a, #barreOnglet ul .actif a, #barreOnglet ul li a:hover{
  min-width: 80px;
  height: 24px;
}
#barreMenu ul li a, #barreMenu ul .actif a, #barreMenu ul li a:hover {
 height: 20px;
}

#barreOnglet ul .actif a{
  color:white;
}
#barreOnglet ul li a, #barreMenu ul li:hover a{
 color:#DD5500;
}

#barreOnglet ul li{
  background-image: url(../img/menu/onglet-inactif-left.png);
}
#barreOnglet ul li a{
  background-image: url(../img/menu/onglet-inactif.png);
}
#barreOnglet ul .actif, #barreOnglet ul li:hover{
  background-image: url(../img/menu/onglet-actif-left.png);
}
#barreOnglet ul .actif a, #barreOnglet ul li:hover a{
  background-image: url(../img/menu/onglet-actif.png);
  color:white;
}



#barreMenu ul li a{
 color:white;
}


#barreMenu ul li a{
  background-image: url(../img/menu/menu-inactif.png);
}
#barreMenu ul li:hover  {
  background-image: url(../img/menu/menu-actif-left.png);
}
#barreMenu ul li:hover a {
  background-image: url(../img/menu/menu-actif.png);
}

#barreMenu ul .actif   {
  background-image: url(../img/menu/menu-actif-left.png);
}

#barreMenu ul .actif a{
	color:#DD5500;
  	background-image: url(../img/menu/menu-actif.png);
}

#barreMenu ul li:hover div.sousMenu{
  display:block;
  
}

#barreMenu ul li:hover ul li a{
  background-image: none;
  height: 24px;
  clear:both;
  width:90%;
}

.sousMenu{
  display:none;
  position:absolute;
  left:0px;
  margin-top:24px;
  clear:both;
  background-image: url(../img/menu/sous-menu-bas.png);
  background-position:right bottom;
  min-width:260px;
  border-left: solid 1px #fecda4;
  padding-bottom:5px;
  z-index:900;
}



#barreMenu ul li ul li, #barreMenu ul li ul li a{
  text-align:left;
  background-image: none;
  clear:both;
  height: 24px;
  width:230px;
}

#barreMenu ul li ul li:hover, #barreMenu ul li ul li a:hover{
  background-color:#EFEFEF;
  background-image: none;
  height: 24px;
  width:225px;
}