/*************************************/
/*** Menu Style **********************/
/*************************************/
#menu {
    /* Le menu commun a toutes les pages */
    float: left;
    width: 175px;
    margin: 0px;
    padding: 0px;
}

#menu ul {
    /* Permet de positionner le menu pr un meilleur rendu a l'affichage */
    position: relative;
    left: -25px;
}

#menu li {
    /* Le pas afficher les puces */
    list-style-type: none;
}

#menu .submenu {
    /* Faire disparaitre le sous menu */
    position: absolute;
    left: -9999px;
}

#menu li:hover .submenu, #menu li li:hover .submenu {
    /* Lorsque la souris passe sur le bouton les sous menu apparait */
    left: 110px;
}

#menu a {
    /* Les boutons du menu */
    display: block;
    margin: 2px;
    text-decoration: none;
    width: 140px;
    height: 28px;
}

#menu a:hover {
    /* Lorsque la souris passe sur le bouton celui ci s'ilumine */
    background-position: -140px;
}

#menu .submenu a {
    /* Les boutons du sous menu */
    display: block;
    text-decoration: none;
    width: 120px;
    height: 24px;
}

#menu .submenu a:hover {
    /* Lorsque la souris passe sur le bouton celui ci s'ilumine */
    background-position: -120px;
}

#menu .submenulist {
    /* Pour faciliter l'acces au sous menu celui ci est en face du bouton correspondant */
    position: relative;
    top: -54px;
}

/* Les differents bouttons */
#menu .accueil { background-image: url('/pics/buttons/public_menu/accueil.button.png'); }
#menu .calendrier { background-image: url('/pics/buttons/public_menu/calendrier.button.png'); }
#menu .aikido { background-image: url('/pics/buttons/public_menu/aikido.button.png'); }
#menu .morihei { background-image: url('/pics/buttons/public_menu/morihei.button.png'); }
#menu .tamura { background-image: url('/pics/buttons/public_menu/tamura.button.png'); }
#menu .esprit { background-image: url('/pics/buttons/public_menu/esprit.button.png'); }
#menu .valeurs { background-image: url('/pics/buttons/public_menu/valeurs.button.png'); }
#menu .charmes { background-image: url('/pics/buttons/public_menu/charmes.button.png'); }
#menu .sensei { background-image: url('/pics/buttons/public_menu/sensei.button.png'); }
#menu .dojo { background-image: url('/pics/buttons/public_menu/dojo.button.png'); }
#menu .enfants { background-image: url('/pics/buttons/public_menu/enfants.button.png'); }
#menu .seniors { background-image: url('/pics/buttons/public_menu/seniors.button.png'); }
#menu .liens { background-image: url('/pics/buttons/public_menu/liens.button.png'); }
#menu .contact { background-image: url('/pics/buttons/public_menu/contact.button.png'); }
#menu .login { background-image: url('/pics/buttons/connexion.button.png'); }
#menu .logout { background-image: url('/pics/buttons/deconnexion.button.png'); }
#menu .inscription { background-image: url('/pics/buttons/inscription.button.png'); }
#menu .photos { background-image: url('/pics/buttons/private_menu/photos.button.png'); }
#menu .movies { background-image: url('/pics/buttons/private_menu/films.button.png'); }
#menu .articles { background-image: url('/pics/buttons/private_menu/articles.button.png'); }
#menu .brevets { background-image: url('/pics/buttons/private_menu/brevets.button.png'); }
#menu .divers { background-image: url('/pics/buttons/private_menu/divers.button.png'); }
#menu .profil { background-image: url('/pics/buttons/private_menu/profil.button.png'); }
#menu .admin { background-image: url('/pics/buttons/private_menu/gestion.button.png'); }