body.minimized .menu-title{
    display: none;
}

#nav_Menu .dropdown-toggle{
    padding-left: 0px;
}

#nav_Menu .menu-arrow{
    background-image: url("../img/menu/menu-arrow_black.gif")
}

#nav_Menu .menu-arrow-sub{
    background-image: url("../img/menu/menu-arrow_black.gif")
}

#nav_Menu .item:hover .menu-arrow, #nav_Menu .item.active .menu-arrow{
    background-image: url("../img/menu/menu-arrow.gif")
}

#nav_Menu .item .item:hover .menu-arrow-sub, #nav_Menu .item .item.active .menu-arrow-sub{
    background-image: url("../img/menu/menu-arrow.gif")
}

body.minimized .nav-list .item > a,
body.minimized .nav-list .item > span{
    width: 30px;
}

body.minimized .nav-list .item{
    overflow: visible;
}

body.minimized .nav-list .item .dropdown-menu{
        position: absolute;
    top:0;
        left: 76px;
}

body.minimized .nav-list .sub-item{
    margin-left: 0;
}

body.minimized .nav-list .sub-item a{
        font-weight: normal;
}

#toggle-resize-menu a{
    padding: 0;
    height: 16px;
    padding-top: 2px;
    padding-left: 5px;
}

body.minimized .nav-list .sub-item.active a, body.minimized .nav-list .sub-item a:hover{
    color:white;
}

#toggle-resize-menu i.minimized, #toggle-resize-menu i.maximized{
    display: block;
    height: 12px;
    width: 26px;
}

#toggle-resize-menu i.minimized{
    background-image: url("../img/minimized.gif");
}

#toggle-resize-menu i.maximized{
    background-image: url("../img/maximized.gif");
}

.nav-list{
    width: 200px;
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    position: absolute;
    border-right: 1px solid #c5c5c5;
}

.nav-list .item{
        line-height: 30px;
        border-top: 1px solid #c5c5c5;
        border-bottom: 1px solid #b5b5b5;
        clear: both;
        overflow: hidden;
        position: relative;
        padding-bottom: 0;
}

.nav-list #toggle-resize-menu:hover{
        background: transparent;
}

.nav-list .item > a{
    color:black;
        font-size: 12px;
        display: block;
        width: 160px;
        word-wrap: break-word;
        margin-left: 0;
        float: left;
        text-decoration: none;
}

.nav-list > .item > a:hover, .nav-list > .item.active > a{
            text-decoration: none;
            color: white;
}

.nav-list .active > .sub-menu
{
    display:block;
}

.nav-list .item > a > span{
        margin-right: 5px;
}

.nav-list > .active > a, .nav-list > .active > a:hover{
        background-color: transparent;
}

.nav-list .item >  span.subMenuToggle,
.nav-list .item >  span.dropdown-toggle{
        display: block;
        padding: 3px 10px;
        margin-right: -15px;
    float:left;
}

span.dropdown-toggle:hover, span.subMenuToggle:hover
{
    cursor:pointer;
}

.nav-list .item >  span.dropdown-toggle{
    height: 32px;
}


.nav-list .item > a.subMenuToggle, .nav-list .item >  span.subMenuToggle{
    width: 8px;
}

/* SUB-MENU */

.nav-list .sub-menu{
    border-top: 1px solid #c5c5c5;
    background-color: #fcf8e3;
    clear: both;
    padding: 10px 0;
    margin-left: 0;
}

.nav-list .sub-item{
    line-height: 20px;
    margin-left: 30px;
    margin-bottom: 10px;
}

.nav-list .sub-item:last-child{
        margin-bottom: 0;
}

.nav-list .sub-item > a{
        display: block;
        color: #ee1c25;
        text-shadow: 0 1px 0.5 #444;
        word-wrap: break-word;
        font-weight: bold;
        padding-right: 10px;
        text-decoration: none;

}

.nav-list .sub-item > a:hover, .nav-list .sub-item.active > a{
            color: #303030;

}

.nav-list .sub-item > a:hover{
            text-decoration: none;
}

#MesDonnees:hover, #MesDonnees.active, .MesDonnees,
body.minimized #MesDonnees:hover > a, body.minimized #MesDonnees.active > a,
body.minimized #MesDonnees:hover > span, body.minimized #MesDonnees.active > span {
    background-color: lightblue;
}

#nav_Accueil:hover, #nav_Accueil.active, .nav_AccueilAdherent,
body.minimized #nav_Accueil:hover > a, body.minimized #nav_Accueil.active > a,
body.minimized #nav_Accueil:hover > span, body.minimized #nav_Accueil.active > span {
    background-color: #ccc;
}

#nav_Organigramme:hover, #nav_Organigramme.active, .nav_Organigramme,
body.minimized #nav_Organigramme:hover > a, body.minimized #nav_Organigramme.active > a,
body.minimized #nav_Organigramme:hover > span, body.minimized #nav_Organigramme.active > span {
    background-color: lightgreen;
}

#CarteTimbre:hover, #CarteTimbre.active, .CarteTimbre,
body.minimized #CarteTimbre:hover > a, body.minimized #CarteTimbre.active > a,
body.minimized #CarteTimbre:hover > span, body.minimized #CarteTimbre.active > span {
    background-color: lightsalmon;
}

#Entite:hover, #Entite.active, .Entite,
body.minimized #Entite:hover > a, body.minimized #Entite.active > a,
body.minimized #Entite:hover > span, body.minimized #Entite.active > span {
    background-color: gray;
}

#Responsabilites:hover, #Responsabilites.active, .Responsabilites,
body.minimized #Responsabilites:hover > a, body.minimized #Responsabilites.active > a,
body.minimized #Responsabilites:hover > span, body.minimized #Responsabilites.active > span {
    background-color: red;
}

#NotesDeFrais:hover, #NotesDeFrais.active, .NotesDeFrais,
body.minimized #NotesDeFrais:hover > a, body.minimized #NotesDeFrais.active > a,
body.minimized #NotesDeFrais:hover > span, body.minimized #NotesDeFrais.active > span {
    background-color: #deb887;
}

#Subventions:hover, #Subventions.active, .Subventions,
body.minimized #Subventions:hover > a, body.minimized #Subventions.active > a,
body.minimized #Subventions:hover > span, body.minimized #Subventions.active > span {
    background-color: #9370db;
}

#CFMS:hover, #CFMS.active, .CFMS,
body.minimized #CFMS:hover > a, body.minimized #CFMS.active > a,
body.minimized #CFMS:hover > span, body.minimized #CFMS.active > span {
    background-color: orange;
}

#Configuration:hover, #Configuration.active, .Configuration,
body.minimized #Configuration:hover > a, body.minimized #Configuration.active > a,
body.minimized #Configuration:hover > span, body.minimized #Configuration.active > span {
    background-color: #CECECE;
}

#Congres:hover, #Congres.active, .Congres,
body.minimized #Congres:hover > a, body.minimized #Congres.active > a,
body.minimized #Congres:hover > span, body.minimized #Congres.active > span {
    background-color: lightcoral;
}

.sub-menu .item > a, .sub-menu .item.active {
    color: black;
}

.sub-menu .item:hover, .sub-menu .item.active {
    background-color: #f7edba;
}

.sub-menu .item:hover .menu-arrow-sub, .sub-menu .item.active .menu-arrow-sub {
    background-image: url("../img/menu/menu-arrow_black.gif") !important;
}

.sub-menu .menu-title {
    margin-left: 13px;
}

#Compta:hover, #Compta.active, .Compta,
body.minimized #Compta:hover > a, body.minimized #Compta.active > a,
body.minimized #Compta:hover > span, body.minimized #Compta.active > span{
    background-color : lightsteelblue;
}

#nav_Accueil:hover, #nav_Accueil.active, .nav_Accueil,
body.minimized #nav_Accueil:hover > a, body.minimized #nav_Accueil.active > a,
body.minimized #nav_Accueil:hover > span, body.minimized #nav_Accueil.active > span{
    background-color: lightcoral;
}

#nav_Organigramme .icon-organigramme{
    background: transparent url("../img/glyphicons-halflings2.png") -144px top no-repeat;
}

#nav_Organigramme:hover .icon-organigramme, #nav_Organigramme.active .icon-organigramme{
    background-image: url("../img/glyphicons-halflings-white2.png");
}

#MesDonnees:hover .icon-user, #MesDonnees.active .icon-user{
    background-image: url("../img/glyphicons-halflings-white.png");
}

#Entite:hover .icon-cog, #Entite.active .icon-cog{
    background-image: url("../img/glyphicons-halflings-white.png");
}

#CarteTimbre:hover .icon2-nameplate, #CarteTimbre.active .icon2-nameplate{
    background-image: url("../img/glyphicons-halflings-white2.png");
}

#nav_Accueil:hover .icon2-router, #nav_Accueil.active .icon2-router{
    background-image: url("../img/glyphicons-halflings-white2.png");
}


body.minimized #nav_Menu > .item > a, #toggle-resize-menu a{
    display: block;
    height: 32px;
}

body.minimized #nav_Organigramme > a, body.minimized #nav_Accueil > a, #toggle-resize-menu a{
    width: 55px;
}

body.minimized #nav_Menu .icon{
    background-position: left top;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

body.minimized #nav_Accueil .icon-news {
    background-image: url("../img/big-icons/glyphicons_400_organigramme.png");
}

.nav_AccueilAdherent h1 .big-icon, body.minimized #nav_Accueil:hover .icon-news, body.minimized #nav_Accueil.active .icon-news {
    background-image: url("../img/big-icons/glyphicons_400_organigramme_white.png");
}

body.minimized #nav_Accueil .icon2-router{
    background-image: url("../img/big-icons/glyphicons_046_router.png");
}

.nav_AccueilAdherent h1 .big-icon, body.minimized #nav_Accueil:hover .icon2-router, body.minimized #nav_Accueil.active .icon2-router{
    background-image: url("../img/big-icons/glyphicons_046_router_white.png");
}

body.minimized #MesDonnees .icon-user{
    background-image: url("../img/big-icons/glyphicons_003_user.png");
}

.MesDonnees h1 .big-icon, body.minimized #MesDonnees:hover .icon-user, body.minimized #MesDonnees.active .icon-user{
    background-image: url("../img/big-icons/glyphicons_003_user_white.png");
}

body.minimized #nav_Organigramme .icon-organigramme{
    background-image: url("../img/big-icons/glyphicons_400_organigramme.png");
}

.nav_Organigramme h1 .big-icon, body.minimized #nav_Organigramme:hover .icon-organigramme, body.minimized #nav_Organigramme.active .icon-organigramme{
    background-image: url("../img/big-icons/glyphicons_400_organigramme_white.png");
}

body.minimized #CarteTimbre .icon2-nameplate{
    background-image: url("../img/big-icons/glyphicons_352_nameplate.png");
}

.CarteTimbre h1 .big-icon, body.minimized #CarteTimbre:hover .icon2-nameplate, body.minimized #CarteTimbre.active .icon2-nameplate{
    background-image: url("../img/big-icons/glyphicons_352_nameplate_white.png");
}

body.minimized #Compta .icon2-calculator {
    background-image: url("../img/big-icons/glyphicons_323_calculator.png");
}

.Compta h1 .big-icon, body.minimized #Compta:hover .icon2-calculator, body.minimized #Compta.active .icon2-calculator {
    background-image: url("../img/big-icons/glyphicons_323_calculator_white.png");
}

body.minimized #Entite .icon-cog{
    background-image: url("../img/big-icons/glyphicons_019_cogwheel.png");
}

.Entite h1 .big-icon, body.minimized #Entite:hover .icon-cog, body.minimized #Entite.active .icon-cog{
    background-image: url("../img/big-icons/glyphicons_019_cogwheel_white.png");
}

body.minimized #Responsabilites .icon2-user-md {
    background-image: url("../img/big-icons/glyphicons_401_user-md.png");
}

.Responsabilites h1 .big-icon, body.minimized #Responsabilites:hover .icon2-user-md, body.minimized #Responsabilites.active .icon2-user-md {
    background-image: url("../img/big-icons/glyphicons_401_user-md_white.png");
}

body.minimized #CFMS .icon-list{
    background-image: url("../img/big-icons/glyphicons_114_list.png");
}

.CFMS h1 .big-icon, body.minimized #CFMS:hover .icon-list, body.minimized #CFMS.active .icon-list {
    background-image: url("../img/big-icons/glyphicons_114_list_white.png");
}

body.minimized #Configuration .icon-cog {
    background-image: url("../img/big-icons/glyphicons_019_cogwheel.png");
}

.Configuration h1 .big-icon, body.minimized #Configuration:hover .icon-cog, body.minimized #Configuration.active .icon-cog {
    background-image: url("../img/big-icons/glyphicons_019_cogwheel_white.png");
}

body.minimized #Congres .icon-briefcase {
    background-image: url("../img/big-icons/glyphicons_341_briefcase.png");
}

.Congres h1 .big-icon, body.minimized #Congres:hover .icon2-user-md, body.minimized #Congres.active .icon-briefcase {
    background-image: url("../img/big-icons/glyphicons_341_briefcase.png");
}




#Responsabilites .icon2-user-md{
    background: transparent url("../img/glyphicons-halflings2.png") -168px top no-repeat;
}

#Responsabilites:hover .icon2-user-md, #Responsabilites.active .icon2-user-md{
    background-image: url("../img/glyphicons-halflings-white2.png");
}

#Compta .icon2-calculator {
    background: transparent url("../img/glyphicons-halflings2.png") -190px top no-repeat;
}

#Compta:hover .icon2-calculator, #Compta.active .icon2-calculator {
    background-image: url("../img/glyphicons-halflings-white2.png");
}

#Compta:hover .icon-list, #Subventions.active .icon-list{
    background-image: url("../img/glyphicons-halflings-white.png");
}

.side-bar
{
    position: absolute;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    width: 201px;
}

body.minimized #navigation .side-bar {
    overflow: visible;
}