/******************************
     Choix en page d'accueil 
******************************/
ul.redirectionAccueil
{

}

ul.redirectionAccueil li
{
    float:left;
    
}
#li_193
{
    width:212px;
    height:46px;
    display:block;
    margin-left:1px;
    
    background:url(../Images/btnOffice.png) no-repeat left top;
}
#li_194
{
    width:112px;
    height:46px;
    display:block;
    
    background:url(../Images/btnMairie.png) no-repeat left top;
}

#li_193 a, #li_193 a:hover,
#li_194 a, #li_194 a:hover
{
    height:44px;
    line-height:44px;
    vertical-align:middle;

    font-family:Arial;
    font-size:18px;
    text-decoration:none;
    text-align:center;
    
    color:#6D595E;
}

#li_193 a:hover,
#li_194 a:hover
{
    color:#627377;
}

#li_193 a
{
    width:208px;
    display:block;

}
#li_194 a
{
    width:108px;
    display:block;
    margin-left:2px;

}




/******************************
     Menu haut colonne droite
******************************/
ul.menuHautColonneDroite
{
    position:relative;
    float:left;
    
    width:220px;
    height:29px;
    display:block;
    text-align:center;
    margin-left:16px;
}

ul.menuHautColonneDroite li
{
    position:relative;
    float:left;
    
    height:29px;
    line-height:29px;
    vertical-align:middle;
    display:block;
}

ul.menuHautColonneDroite li a, ul.menuHautColonneDroite li a:hover
{
    font-family:Arial;
    font-size:11px;
    color:#627377;
    text-decoration:none;

    height:29px;
    line-height:29px;
    vertical-align:middle;
    margin-left:6px;
    padding-right:6px;
    display:block;

    background:url(../Images/separateurMenuHaut.gif) no-repeat right 10px;
}
ul.menuHautColonneDroite li .dernier,
ul.menuHautColonneDroite li a.dernier:hover
{
    background:none;
}
ul.menuHautColonneDroite li a:hover
{
    color:#6D595E;
}




/******************************
     Menu bas colonne droite
******************************/
ul.menuBasColonneDroite
{
    position:relative;
    float:left;
    
    width:220px;
    height:117px;
    display:block;
    
    margin-left:16px;
    margin-top:23px;
}

ul.menuBasColonneDroite li
{
    position:relative;
    float:left;
    
    width:220px;
    height:24px;
    display:block;
    
    background:url(../Images/background_menu_droit.png) no-repeat left top;
    margin-top:2px;
}
ul.menuBasColonneDroite li.dernier
{
    background:url(../Images/background_menu_droit_fleche.png) no-repeat left top;
}


ul.menuBasColonneDroite li a
{
    position:relative;
    float:left;
    
    width:220px;
    height:24px;
    display:block;
    
    font-size:11px;
    color:White;
    text-decoration:none;

    margin-left:17px;
}


/******************************
     Menu Pied de page
******************************/
ul.menuPiedDePage
{
    float:left;
    display:block;
    
    margin-left:250px;
}

ul.menuPiedDePage li, ul.menuPiedDePage li.dernier
{
    float:left;
    height:17px;
    line-height:17px;
    vertical-align:middle;
    display:block;


    padding-right:7px;
    margin-right:3px;
    background:url(../Images/tiret.gif) no-repeat right 10px;
}
ul.menuPiedDePage li.dernier
{
    background:none;
}


ul.menuPiedDePage a, ul.menuPiedDePage a:hover
{
    height:17px;
    height:17px;
    line-height:17px;
    vertical-align:middle;


    font-family:Arial;
    font-size:10px;
    color:#9AA8AB;
    
    text-decoration:none;

}
ul.menuPiedDePage a:hover
{
    text-decoration:underline;
}

/******************************
     Menu principal
******************************/
ul.menuPrincipal
{
    float:left;
    width:925px;
    height:48px;
    line-height:30px;
    vertical-align:middle;
    display:block;
    overflow:hidden;
    margin-left:25px;
}

ul.menuPrincipal li
{
    float:left;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    display:block;
}

ul.menuPrincipal li a 
{
    font-family:Arial;
    font-size:15px;
    color:#6D595E;
    text-decoration:none;

    float:left;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    display:block;
    
    padding-right:20px;
    padding-left:20px;
    
    background:url(../Images/separateur_off.gif) no-repeat right 10px;
}

ul.menuPrincipal li a.dernier
{
    background:none;
}

ul.menuPrincipal li a:hover
{
    color:#627377;
/*
    background:url(../Images/separateur_on.gif) no-repeat right 10px;
*/
}


/******************************
     Menu Gauche
******************************/

ul.MenuGauche
{
    position:relative;
    display:block;
}


ul.MenuGauche li.Niveau0
{
    width:229px;
    height:25px;
    line-height:25px;
    vertical-align:middle;
    display:block;

    background:url(../Images/background_menuGauche_niv0.gif) no-repeat left top;
}

ul.MenuGauche a.Niveau0
{
    width:200px;
    height:19px;
    line-height:19px;
    vertical-align:middle;
    display:block;
    font-weight:bold;

    color:#6D595E;
    text-decoration:none;
    margin-left:23px;
}

ul.MenuGauche li a:hover, ul.MenuGauche li a_Selected
{
    color:#627377;
}



ul.MenuGauche a.Niveau1, ul.MenuGauche a.Niveau1_Selected
{
    color:#38474B;
    text-decoration:none;
    font-weight:bold;

    line-height:24px;
    vertical-align:middle;

    margin-left:23px;
    display:block;
}

ul.MenuGauche a.Niveau1:hover, ul.MenuGauche a.Niveau1_Selected
{
    color:#6D595E;
}


ul.MenuGauche a.Niveau2, ul.MenuGauche a.Niveau2:hover, ul.MenuGauche a.Niveau2_Selected
{
    color:#38474B;
    text-decoration:none;

    line-height:17px;
    vertical-align:middle;
    margin-left:39px;
    display:block;
}
ul.MenuGauche a.Niveau2:hover, ul.MenuGauche a.Niveau2_Selected
{
    font-weight:bold;
}
ul.MenuGauche a.Niveau3, ul.MenuGauche a.Niveau3:hover, ul.MenuGauche a.Niveau3_Selected
{
    color:#38474B;
    text-decoration:none;

    line-height:17px;
    vertical-align:middle;

    margin-left:60px;
    display:block;
}
ul.MenuGauche a.Niveau3:hover, ul.MenuGauche a.Niveau3_Selected
{
    text-decoration:underline;
}