/* poussinets STYLE NAVIGATION MENU */
#menuprincipale { position:relative; float:left; top:0px; margin:10px 0 0 25px;}
#poussinetsNav { list-style:none;

    /* Lucinda Grande is the font used on the website from poussinets. */
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:13px;
    width:875px; height:49px; float:left;}

#poussinetsNav li.home { background:url(../images/menu/home_off.jpg) no-repeat; display:block; float:left;  width:104px; height:49px;}
#poussinetsNav li.home:not(:last-child):hover { background:url(../images/menu/home_on.jpg) no-repeat;}
#poussinetsNav li.home:not(:last-child):active {background:url(../images/menu/home_on.jpg) no-repeat;}

#poussinetsNav li.ecole { background:url(../images/menu/2_off.jpg) no-repeat; display:block; float:left;  width:105px; height:49px;}
#poussinetsNav li.ecole:not(:last-child):hover { background:url(../images/menu/2_on.jpg) no-repeat;}
#poussinetsNav li.ecole:not(:last-child):active {background:url(../images/menu/2_on.jpg) no-repeat;}

#poussinetsNav li.maternelle { background:url(../images/menu/3_off.jpg) no-repeat; display:block; float:left;  width:145px; height:49px;}
#poussinetsNav li.maternelle:not(:last-child):hover { background:url(../images/menu/3_on.jpg) no-repeat;}
#poussinetsNav li.maternelle:not(:last-child):active {background:url(../images/menu/3_on.jpg) no-repeat;}

#poussinetsNav li.primaire { background:url(../images/menu/4_off.jpg) no-repeat; display:block; float:left;  width:116px; height:49px;}
#poussinetsNav li.primaire:not(:last-child):hover { background:url(../images/menu/4_on.jpg) no-repeat;}
#poussinetsNav li.primaire:not(:last-child):active {background:url(../images/menu/4_on.jpg) no-repeat;}

#poussinetsNav li.organisation { background:url(../images/menu/5_off.jpg) no-repeat; display:block; float:left;  width:151px; height:49px;}
#poussinetsNav li.organisation:not(:last-child):hover { background:url(../images/menu/5_on.jpg) no-repeat;}
#poussinetsNav li.organisation:not(:last-child):active {background:url(../images/menu/5_on.jpg) no-repeat;}

#poussinetsNav li.activites { background:url(../images/menu/6_off.jpg) no-repeat; display:block; float:left;  width:113px; height:49px;}
#poussinetsNav li.activites:not(:last-child):hover { background:url(../images/menu/6_on.jpg) no-repeat;}
#poussinetsNav li.activites:not(:last-child):active {background:url(../images/menu/6_on.jpg) no-repeat;}

#poussinetsNav li.albumm { background:url(../images/menu/7_off.jpg) no-repeat; display:block; float:left;  width:139px; height:49px;}
#poussinetsNav li.albumm:not(:last-child):hover { background:url(../images/menu/7_on.jpg) no-repeat;}
#poussinetsNav li.album:not(:last-child):active {background:url(../images/menu/7_on.jpg) no-repeat;}

#poussinetsNav li.album:last-child {background:url(../images/menu/7_off.jpg) no-repeat; display:block; float:left;  width:139px; height:49px;}
#poussinetsNav li.album:last-child:hover{ background:url(../images/menu/7_on.jpg) no-repeat;}
#poussinetsNav li.album:last-child:active{ background:url(../images/menu/7_on.jpg) no-repeat;}

#poussinetsNav li a { color:white; text-decoration:none; text-align:center; display:block; line-height:46px; outline:none; }
#poussinetsNav li.home:hover a { font-weight:bold;}
#poussinetsNav li.home:active a { font-weight:bold;}
#poussinetsNav li.ecole:hover a { font-weight:bold;}
#poussinetsNav li.ecole:active a { font-weight:bold;}
#poussinetsNav li.maternelle:hover a { font-weight:bold;}
#poussinetsNav li.maternelle:active a { font-weight:bold;}
#poussinetsNav li.primaire:hover a { font-weight:bold;}
#poussinetsNav li.primaire:active a { font-weight:bold;}
#poussinetsNav li.activites:hover a { font-weight:bold;}
#poussinetsNav li.activites:active a { font-weight:bold;}
#poussinetsNav li.organisation:hover a { font-weight:bold;}
#poussinetsNav li.organisation:active a { font-weight:bold;}
#poussinetsNav li.album:hover a { font-weight:bold;}
#poussinetsNav li.album:active a { font-weight:bold;}

/* Fade in animation (Webkit only) */
@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to   { opacity: 1; }
}

#poussinetsNav {
     -webkit-animation: showMenu 1s; position:relative;
}