.barreMenu {
 float:left;
 margin:17px 0 0;
 padding:0 0 0 123px;
 position:relative;
  left:0;
  top:0;
 width:877px;
 z-index:900;
}
#univers .barreMenu,
#universaccueil .barreMenu {
 background:#ff7f00 url('/design/images/fdBarreAccueil.png') no-repeat;
}
#universactu .barreMenu {
 background:#0045b6 url('/design/images/fdBarreActualite.png') no-repeat;
}
#universsortir .barreMenu {
 background:#83b900 url('/design/images/fdBarreSortir.png') no-repeat;
}
#universvivre .barreMenu {
 background:#ffc600 url('/design/images/fdBarreVivreMaVille.png') no-repeat;
}
#universannonces .barreMenu {
 background:#a501b4 url('/design/images/fdBarreAnnonces.png') no-repeat;
}
#universpratique .barreMenu {
 background:#02b900 url('/design/images/fdBarrePratique.png') no-repeat;
}
#universjeux .barreMenu {
 background:#ff4800 url('/design/images/fdBarreJeux.png') no-repeat;
}
.barreMenu ul {
 padding:0;
 margin:0;
 font-size:14px;
 font-weight:bold;
 list-style-type:none;
 border-left:1px solid #fff;
}
.barreMenu ul li {
 float:left;
 position:relative;
 top:0;
 left:0;
}
.barreMenu ul li a,
.barreMenu ul li a:visited {
 float:left;
 display:block;
 text-decoration:none;
 color:#fff;
 padding:6px 10px 10px;
 height:17px;
 border-right:1px solid #fff;
}
#univers a.accueil,
#universaccueil a.accueil,
#universactu a.actualite,
#universsortir a.sortir,
#universvivre a.vivreMaVille,
#universannonces a.annonces,
#universpratique a.pratique,
#universjeux a.jeux {
 background:#fff;
 color:#000;
}

.barreMenu ul li:hover {
 width:auto;
}

#univers a.accueil:hover,
#universaccueil a.accueil:hover,
.barreMenu ul li a.accueil:hover {
 background:url('/design/images/fdBarreAccueil.png') no-repeat center top;
 color:#fff;
}
#universactu .barreMenu ul li a.actualite:hover,
.barreMenu ul li a.actualite:hover,
#universactu .barreMenu ul li:hover a.actualite,
.barreMenu ul li:hover a.actualite {
 background:url('/design/images/fdBarreBtnActualite.png') no-repeat center top;
 color:#fff;
}
#universsortir .barreMenu ul li a.sortir:hover,
.barreMenu ul li a.sortir:hover,
#universsortir .barreMenu ul li:hover a.sortir,
.barreMenu ul li:hover a.sortir {
 background:url('/design/images/fdBarreBtnSortir.png') no-repeat center top;
 color:#fff;
}
#universvivre .barreMenu ul li a.vivreMaVille:hover,
.barreMenu ul li a.vivreMaVille:hover,
#universvivre .barreMenu ul li:hover a.vivreMaVille,
.barreMenu ul li:hover a.vivreMaVille {
 background:url('/design/images/fdBarreBtnVivreMaVille.png') no-repeat center top;
 color:#fff;
}
#universannonces .barreMenu ul li a.annonces:hover,
.barreMenu ul li a.annonces:hover,
#universannonces .barreMenu ul li:hover a.annonces,
.barreMenu ul li:hover a.annonces {
 background:url('/design/images/fdBarreBtnAnnonces.png') no-repeat center top;
 color:#fff;
}
#universpratique .barreMenu ul li a.pratique:hover,
.barreMenu ul li a.pratique:hover,
#universpratique .barreMenu ul li:hover a.pratique,
.barreMenu ul li:hover a.pratique {
 background:url('/design/images/fdBarreBtnPratique.png') no-repeat center top;
 color:#fff;
}
#universjeux .barreMenu ul li a.jeux:hover,
.barreMenu ul li a.jeux:hover,
#universjeux .barreMenu ul li:hover a.jeux,
.barreMenu ul li:hover a.jeux {
 background:url('/design/images/fdBarreBtnJeux.png') no-repeat center top;
 color:#fff;
}

.barreMenu ul li ul {
 display: none;
}
.barreMenu table {
 margin:0;
 border-collapse:collapse;
 font-size:11px;
 position:absolute;
 top:0;
 left:0;
}

.barreMenu ul li:hover ul {
 display:block;
 position:absolute;
 top:32px;
 margin-top:1px;
 left:0;
 width:180px;
 border:none;
}
.barreMenu ul li a:hover ul {   /* ### Version IE <7 ###*/
 display:block;
 position:absolute;
 top:33px;
 left:0;
 border:none;
}
.barreMenu ul li.actualite:hover ul,
.barreMenu ul li a.actualite:hover ul {
 background:#0045b6;
}

.barreMenu ul li.sortir:hover ul,
.barreMenu ul li a.sortir:hover ul {
 background:#83b900;
}

.barreMenu ul li.vivreMaVille:hover ul,
.barreMenu ul li a.vivreMaVille:hover ul {
 background:#ffc600;
}

.barreMenu ul li.annonces:hover ul,
.barreMenu ul li a.annonces:hover ul {
 background:#a501b4;
}

.barreMenu ul li.pratique:hover ul,
.barreMenu ul li a.pratique:hover ul {
 background:#02b9da;
}

.barreMenu ul li.jeux:hover ul,
.barreMenu ul li a.jeux:hover ul {
 background:#ff4800;
}

.barreMenu ul li:hover ul li a {
 display:block;
 font-size:11px;
 font-weight:normal;
 color:#fff;
 padding:4px 10px;
 margin:0 1px;
 width:158px;
 height:auto;
 border:none;
}
.barreMenu ul li a:hover ul li a {   /* ### Version IE 6 et inférieures ###*/
 display:block;
 font-size:11px;
 font-weight:normal;
 color:#fff;
 height:auto;
 padding:4px 10px;
 margin:0 1px;
 width:158px;
 border:none;
}
.barreMenu ul li.actualite:hover ul li a,
.barreMenu ul li.actualite a:hover ul li a {
 border-bottom:1px solid #668bc8;
}
.barreMenu ul li.sortir:hover ul li a,
.barreMenu ul li.sortir a:hover ul li a {
 border-bottom:1px solid #adca66;
}
.barreMenu ul li.vivreMaVille:hover ul li a,
.barreMenu ul li.vivreMaVille a:hover ul li a {
 border-bottom:1px solid #efd166;
}
.barreMenu ul li.annonces:hover ul li a,
.barreMenu ul li.annonces a:hover ul li a {
 border-bottom:1px solid #bf67c7;
}
.barreMenu ul li.pratique:hover ul li a,
.barreMenu ul li.pratique a:hover ul li a {
 border-bottom:1px solid #67cadc;
}
.barreMenu ul li.jeux:hover ul li a,
.barreMenu ul li.jeux a:hover ul li a {
 border-bottom:1px solid #ef8d66;
}

.barreMenu ul li:hover ul li a:hover {
 font-weight:bold;
 text-decoration:underline;
}
.barreMenu ul li a:hover ul li a:hover {   /* ### Version IE <7 ###*/
 font-weight:bold;
 text-decoration:underline;
}