/* http://www.alistapart.com/articles/horizdropdowns */

#pageMenu * {
}

#pageMenu li {
	display: inline;
}
/*#pageMenu {
    position: relative;
    left: 160px;
}

#pageMenu * {
    color: white;
    background: #1a4d5c;
}

#pageMenu ul a {
    padding: 0.15em;
    text-decoration: none;
}

#pageMenu ul, #pageMenu li {
    padding: 0;
    margin: 0;
}

#pageMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px;
}

#pageMenu ul ul {
    border: 1px solid white;
}

#pageMenu ul li {
    position: relative;
}

#pageMenu li ul {
    position: absolute;
    left: 149px;
    top: 0;
    display: none;
}

#pageMenu ul li a {
    display: block;
}

#pageMenu li:hover > ul, #pageMenu li.hover > ul {
  display: block;
}

#pageMenu li.hover ul, #pageMenu li.hover ul, #pageMenu li.hover ul li.hover ul, #pageMenu li.hover ul li.hover ul li.hover ul {
    display: block;
}

#pageMenu li.hover ul li ul, #pageMenu li.hover ul li ul, #pageMenu li.hover ul li ul li ul {
    display: none;
}*/



/* 1er niveau */
/*#pageMenu a span.image {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    display: block;
    height: 20px;
    text-decoration: none;
}

#pageMenu a.accueil span.image          { background: url( ../images/menu/accueil.jpg ) top left no-repeat; }
#pageMenu a.accueil:hover span.image    { background: url( ../images/menu/accueil.jpg )  bottom left no-repeat; }

#pageMenu a.santesecurite span.image        { background: url( ../images/menu/santesecurite.jpg ) top left no-repeat; }
#pageMenu a.santesecurite:hover span.image  { background: url( ../images/menu/santesecurite.jpg ) bottom left no-repeat; }

#pageMenu a.jeunesbienetre span.image       { background: url( ../images/menu/jeunesbienetre.jpg ) top left no-repeat; }
#pageMenu a.jeunesbienetre:hover span.image { background: url( ../images/menu/jeunesbienetre.jpg ) bottom left no-repeat; }

#pageMenu a.outilsressources span.image         { background: url( ../images/menu/outilsressources.jpg ) top left no-repeat; }
#pageMenu a.outilsressources:hover span.image   { background: url( ../images/menu/outilsressources.jpg ) bottom left no-repeat; }

#pageMenu a.association span.image          { background: url( ../images/menu/association.jpg ) top left no-repeat; }
#pageMenu a.association:hover span.image    { background: url( ../images/menu/association.jpg ) bottom left no-repeat; }

#pageMenu a.contact span.image          { background: url( ../images/menu/contact.jpg ) top left no-repeat; }
#pageMenu a.contact:hover span.image    { background: url( ../images/menu/contact.jpg ) bottom left no-repeat; }

#pageMenu a.plan span.image       { background: url( ../images/menu/plandusite.jpg ) top left no-repeat; }
#pageMenu a.plan:hover span.image { background: url( ../images/menu/plandusite.jpg ) bottom left no-repeat; }

#pageMenu a.infos span.image       { background: url( ../images/menu/infos.jpg ) top left no-repeat; }
#pageMenu a.infos:hover span.image { background: url( ../images/menu/infos.jpg ) bottom left no-repeat; }

#pageMenu a.parent {background: url(../images/menu/menuarrow.gif) center right no-repeat #1a4d5c; }
#pageMenu a.parent:hover { background: url(../images/menu/menuarrow-hover.gif) center right no-repeat #b5812a; }

#pageMenu a:hover { background-color: #b5812a; }
*/
/* Eléments spéciaux */
/*
#pageMenu li.plan, #pageMenu li.infos {
    position: absolute;
    top: 90px;
    left: 0;
    height: 20px;
    overflow: hidden;
}

#pageMenu a.plan, #pageMenu a.infos {
    overflow: hidden;
    width: 115px;
    height: 20px;
    background: none;
}

#pageMenu li.plan { left: 350px; }
#pageMenu li.infos { left: 470px; }

#pageMenu a.plan span.image, #pageMenu a.infos span.image {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 120px;
    height: 20px;
}*/

/* 2ème niveau */
/*#pageMenu li.santesecurite ul {
    width: 240px;
    z-index: 5;
}

#pageMenu li.santesecurite li ul { left: 239px; }
#pageMenu li.santesecurite li.connaissances ul { width: 400px; }
#pageMenu li.santesecurite li.outils ul { width: 100px; }
#pageMenu li.santesecurite li.rif ul { width: 170px; }*/

/* 3ème niveau */
