/****************************************************************************/
/***********                     VIOLET                            **********/
/****************************************************************************/

#header nav ul.nav-main ul.dropdown-violet-menu,
#header nav ul.nav-main li.dropdown-violet.open .dropdown-violet-toggle,
#header nav ul.nav-main li.active a,
#header nav ul.nav-main li > a:hover,
#header nav ul.nav-main li.dropdown-violet:hover a {
    color: #FFF;
    background-color: #440f79 !important;
}

#header nav ul.nav-main ul.dropdown-violet-menu li:hover > a {
    background-color: #5d15a6 !important;
}

#header nav ul.nav-main ul.dropdown-violet-menu {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #440f79;
    border-color: #440f79;
}

#header nav ul.nav-main ul.dropdown-violet-menu:hover {
    border-color: #511290;
    background-color: #511290;
}

#header nav ul.nav-main ul.dropdown-violet-menu:active,
#header nav ul.nav-main ul.dropdown-violet-menu:focus {
    border-color: #370c62;
    background-color: #370c62;
}

#header nav ul.nav-main li.dropdown-violet:hover ul.dropdown-violet-menu li > a {
    background: none !important;
}

#header nav ul.nav-main li.dropdown-violet:hover ul.dropdown-violet-menu li > a:hover {
    background: #511290 !important;
}

@media (min-width: 992px) {
    #header.single-menu nav ul.nav-main li.active > a {
        border-top: 5px solid #440f79;
    }

    #header.darken-top-border {
        border-top: 5px solid #370c62 !important;
    }

    #header.colored .header-top {
        background-color: #440f79;
    }

    #header.colored .header-top ul.nav-top li a:hover {
        background-color: #511290 !important;
    }

    #header.flat-menu nav ul.nav-main li > a,
    #header.flat-menu nav ul.nav-main li.active > a {
        color: #666;
    }

    #header.flat-menu nav ul.nav-main li.active > a {
        color: #440f79;
        background-color: transparent !important;
    }

    #header.flat-menu nav ul.nav-main li > a:hover,
    #header.flat-menu nav ul.nav-main li.dropdown-violet:hover a {
        color: #FFF;
        background-color: #440f79 !important;
    }

    #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-violet-menu {
        border-top-color: #440f79;
    };
}

/****************************************************************************/
/***********                     ROSE                              **********/
/****************************************************************************/

#header nav ul.nav-main ul.dropdown-rose-menu,
#header nav ul.nav-main li.dropdown-rose.open .dropdown-rose-toggle,
#header nav ul.nav-main li.active a,
#header nav ul.nav-main li > a:hover,
#header nav ul.nav-main li.dropdown-rose:hover a {
    color: #FFF;
    background-color: #80076a !important;
}

#header nav ul.nav-main ul.dropdown-rose-menu li:hover > a {
    background-color: #b00a92 !important;
}

#header nav ul.nav-main ul.dropdown-rose-menu {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #80076a;
    border-color: #80076a;
}

#header nav ul.nav-main ul.dropdown-rose-menu:hover {
    border-color: #98087e;
    background-color: #98087e;
}

#header nav ul.nav-main ul.dropdown-rose-menu:active,
#header nav ul.nav-main ul.dropdown-rose-menu:focus {
    border-color: #680656;
    background-color: #680656;
}

#header nav ul.nav-main li.dropdown-rose:hover ul.dropdown-rose-menu li > a {
    background: none !important;
}

#header nav ul.nav-main li.dropdown-rose:hover ul.dropdown-rose-menu li > a:hover {
    background: #98087e !important;
}

@media (min-width: 992px) {
    #header.single-menu nav ul.nav-main li.active > a {
        border-top: 5px solid #80076a;
    }

    #header.darken-top-border {
        border-top: 5px solid #680656 !important;
    }

    #header.colored .header-top {
        background-color: #80076a;
    }

    #header.colored .header-top ul.nav-top li a:hover {
        background-color: #98087e !important;
    }

    #header.flat-menu nav ul.nav-main li > a,
    #header.flat-menu nav ul.nav-main li.active > a {
        color: #666;
    }

    #header.flat-menu nav ul.nav-main li.active > a {
        color: #80076a;
        background-color: transparent !important;
    }

    #header.flat-menu nav ul.nav-main li > a:hover,
    #header.flat-menu nav ul.nav-main li.dropdown-rose:hover a {
        color: #FFF;
        background-color: #80076a !important;
    }

    #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-rose-menu {
        border-top-color: #80076a;
    };
}

/****************************************************************************/
/***********                     ROUGE                             **********/
/****************************************************************************/

#header nav ul.nav-main ul.dropdown-rouge-menu,
#header nav ul.nav-main li.dropdown-rouge.open .dropdown-rouge-toggle,
#header nav ul.nav-main li.active a,
#header nav ul.nav-main li > a:hover,
#header nav ul.nav-main li.dropdown-rouge:hover a {
    color: #FFF;
    background-color: #a5092b !important;
}

#header nav ul.nav-main ul.dropdown-rouge-menu li:hover > a {
    background-color: #d50c38 !important;
}

#header nav ul.nav-main ul.dropdown-rouge-menu {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #a5092b;
    border-color: #a5092b;
}

#header nav ul.nav-main ul.dropdown-rouge-menu:hover {
    border-color: #bd0a31;
    background-color: #bd0a31;
}

#header nav ul.nav-main ul.dropdown-rouge-menu:active,
#header nav ul.nav-main ul.dropdown-rouge-menu:focus {
    border-color: #8d0825;
    background-color: #8d0825;
}

#header nav ul.nav-main li.dropdown-rouge:hover ul.dropdown-rouge-menu li > a {
    background: none !important;
}

#header nav ul.nav-main li.dropdown-rouge:hover ul.dropdown-rouge-menu li > a:hover {
    background: #bd0a31 !important;
}

@media (min-width: 992px) {
    #header.single-menu nav ul.nav-main li.active > a {
        border-top: 5px solid #a5092b;
    }

    #header.darken-top-border {
        border-top: 5px solid #8d0825 !important;
    }

    #header.colored .header-top {
        background-color: #a5092b;
    }

    #header.colored .header-top ul.nav-top li a:hover {
        background-color: #bd0a31 !important;
    }

    #header.flat-menu nav ul.nav-main li > a,
    #header.flat-menu nav ul.nav-main li.active > a {
        color: #666;
    }

    #header.flat-menu nav ul.nav-main li.active > a {
        color: #a5092b;
        background-color: transparent !important;
    }

    #header.flat-menu nav ul.nav-main li > a:hover,
    #header.flat-menu nav ul.nav-main li.dropdown-rouge:hover a {
        color: #FFF;
        background-color: #a5092b !important;
    }

    #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-rouge-menu {
        border-top-color: #a5092b;
    };
}

/****************************************************************************/
/***********                     VERT                              **********/
/****************************************************************************/

#header nav ul.nav-main ul.dropdown-vert-menu,
#header nav ul.nav-main li.dropdown-vert.open .dropdown-vert-toggle,
#header nav ul.nav-main li.active a,
#header nav ul.nav-main li > a:hover,
#header nav ul.nav-main li.dropdown-vert:hover a {
    color: #FFF;
    background-color: #067654 !important;
}

#header nav ul.nav-main ul.dropdown-vert-menu li:hover > a {
    background-color: #08a777 !important;
}

#header nav ul.nav-main ul.dropdown-vert-menu {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #067654;
    border-color: #067654;
}

#header nav ul.nav-main ul.dropdown-vert-menu:hover {
    border-color: #078e65;
    background-color: #078e65;
}

#header nav ul.nav-main ul.dropdown-vert-menu:active,
#header nav ul.nav-main ul.dropdown-vert-menu:focus {
    border-color: #055e43;
    background-color: #055e43;
}

#header nav ul.nav-main li.dropdown-vert:hover ul.dropdown-vert-menu li > a {
    background: none !important;
}

#header nav ul.nav-main li.dropdown-vert:hover ul.dropdown-vert-menu li > a:hover {
    background: #078e65 !important;
}

@media (min-width: 992px) {
    #header.single-menu nav ul.nav-main li.active > a {
        border-top: 5px solid #067654;
    }

    #header.darken-top-border {
        border-top: 5px solid #055e43 !important;
    }

    #header.colored .header-top {
        background-color: #067654;
    }

    #header.colored .header-top ul.nav-top li a:hover {
        background-color: #078e65 !important;
    }

    #header.flat-menu nav ul.nav-main li > a,
    #header.flat-menu nav ul.nav-main li.active > a {
        color: #666;
    }

    #header.flat-menu nav ul.nav-main li.active > a {
        color: #067654;
        background-color: transparent !important;
    }

    #header.flat-menu nav ul.nav-main li > a:hover,
    #header.flat-menu nav ul.nav-main li.dropdown-vert:hover a {
        color: #FFF;
        background-color: #067654 !important;
    }

    #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-vert-menu {
        border-top-color: #067654;
    };
}

/****************************************************************************/
/***********                     BLACK                            **********/
/****************************************************************************/

#header nav ul.nav-main ul.black,
#header nav ul.nav-main li.dropdown-black.open .dropdown-black-toggle,
#header nav ul.nav-main li.active a,
#header nav ul.nav-main li > a:hover,
#header nav ul.nav-main li.dropdown-black:hover a {
    color: #FFF;
    background-color: black !important;
}

#header nav ul.nav-main ul.dropdown-black-menu li:hover > a {
    background-color: black !important;
}

#header nav ul.nav-main ul.dropdown-black-menu {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: black;
    border-color: #b34509;
}

#header nav ul.nav-main ul.dropdown-black-menu:hover {
    border-color: #cb4e0a;
    background-color: black;
}

#header nav ul.nav-main ul.dropdown-black-menu:active,
#header nav ul.nav-main ul.dropdown-black-menu:focus {
    border-color: #9b3c08;
    background-color: black;
}

#header nav ul.nav-main li.dropdown-black:hover ul.dropdown-black-menu li > a {
    background: none !important;
}

#header nav ul.nav-main li.dropdown-black:hover ul.dropdown-black-menu li > a:hover {
    background: #282828	 !important;
}

@media (min-width: 992px) {
    #header.single-menu nav ul.nav-main li.active > a {
        border-top: 5px solid #b34509;
    }

    #header.darken-top-border {
        border-top: 5px solid #9b3c08 !important;
    }

    #header.colored .header-top {
        background-color: black;
    }

    #header.colored .header-top ul.nav-top li a:hover {
        background-color: black !important;
    }

    #header.flat-menu nav ul.nav-main li > a,
    #header.flat-menu nav ul.nav-main li.active > a {
        color: #666;
    }

    #header.flat-menu nav ul.nav-main li.active > a {
        color: #b34509;
        background-color: transparent !important;
    }

    #header.flat-menu nav ul.nav-main li > a:hover,
    #header.flat-menu nav ul.nav-main li.dropdown-black:hover a {
        color: #FFF;
        background-color: black !important;
    }

    #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-black-menu {
        border-top-color: black;
    };
}


/****************************************************************************/
/***********                     ORANGE                            **********/
/****************************************************************************/

#header nav ul.nav-main ul.dropdown-orange-menu,
#header nav ul.nav-main li.dropdown-orange.open .dropdown-orange-toggle,
#header nav ul.nav-main li.active a,
#header nav ul.nav-main li > a:hover,
#header nav ul.nav-main li.dropdown-orange:hover a {
    color: #FFF;
    background-color: #e4580b !important;
}

#header nav ul.nav-main ul.dropdown-orange-menu li:hover > a {
    background-color: #e4580b !important;
}

#header nav ul.nav-main ul.dropdown-orange-menu {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #b34509;
    border-color: #b34509;
}

#header nav ul.nav-main ul.dropdown-orange-menu:hover {
    border-color: #cb4e0a;
    background-color: #cb4e0a;
}

#header nav ul.nav-main ul.dropdown-orange-menu:active,
#header nav ul.nav-main ul.dropdown-orange-menu:focus {
    border-color: #9b3c08;
    background-color: #9b3c08;
}

#header nav ul.nav-main li.dropdown-orange:hover ul.dropdown-orange-menu li > a {
    background: none !important;
}

#header nav ul.nav-main li.dropdown-orange:hover ul.dropdown-orange-menu li > a:hover {
    background: #cb4e0a !important;
}

@media (min-width: 992px) {
    #header.single-menu nav ul.nav-main li.active > a {
        border-top: 5px solid #b34509;
    }

    #header.darken-top-border {
        border-top: 5px solid #9b3c08 !important;
    }

    #header.colored .header-top {
        background-color: #b34509;
    }

    #header.colored .header-top ul.nav-top li a:hover {
        background-color: #cb4e0a !important;
    }

    #header.flat-menu nav ul.nav-main li > a,
    #header.flat-menu nav ul.nav-main li.active > a {
        color: #666;
    }

    #header.flat-menu nav ul.nav-main li.active > a {
        color: #b34509;
        background-color: transparent !important;
    }

    #header.flat-menu nav ul.nav-main li > a:hover,
    #header.flat-menu nav ul.nav-main li.dropdown-orange:hover a {
        color: #FFF;
        background-color: #e4580b !important;
    }

    #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-orange-menu {
        border-top-color: #b34509;
    };
}

/****************************************************************************/
/***********                COULEUR PHRASE SLIDER                  **********/
/****************************************************************************/

.groupe {
    color: #20177d !important;
}

.amenagement {
    color: #440f79 !important;
}

.telecom {
    color: #10AAAF !important;
}

.cimetieres {
    color: #a5092b  !important;
}

.reseaux {
    color: #80076a !important;
}

.batiment {
    color: #067654 !important;
}

.applications {
    color: #b34509 !important;
}

/****************************************************************************/
/***********                          JAUNE                          ********/
/****************************************************************************/

#header nav ul.nav-main ul.dropdown-jaune-menu,
#header nav ul.nav-main li.dropdown-jaune.open .dropdown-jaune-toggle,
#header nav ul.nav-main li.active a,
#header nav ul.nav-main li > a:hover,
#header nav ul.nav-main li.dropdown-jaune:hover a {
    color: #FFF;
    background-color: #ffd600 !important;
}

#header nav ul.nav-main ul.dropdown-jaune-menu li:hover > a {
    background-color: #ffd600 !important;
}

#header nav ul.nav-main ul.dropdown-jaune-menu {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffd600;
    border-color: #ffd600;
}

#header nav ul.nav-main ul.dropdown-jaune-menu:hover {
    border-color: #ffda1a;
    background-color: #ffda1a;
}

#header nav ul.nav-main ul.dropdown-jaune-menu:active,
#header nav ul.nav-main ul.dropdown-jaune-menu:focus {
    border-color: #ffda1a;
    background-color: #ffda1a;
}

#header nav ul.nav-main li.dropdown-jaune:hover ul.dropdown-jaune-menu li > a {
    background: none !important;
}

#header nav ul.nav-main li.dropdown-jaune:hover ul.dropdown-jaune-menu li > a:hover {
    background: #ffda1a !important;
}

@media (min-width: 992px) {
    #header.single-menu nav ul.nav-main li.active > a {
        border-top: 5px solid #ffd600;
    }

    #header.darken-top-border {
        border-top: 5px solid #9b3c08 !important;
    }

    #header.colored .header-top {
        background-color: #ffd600;
    }

    #header.colored .header-top ul.nav-top li a:hover {
        background-color: #ffda1a !important;
    }

    #header.flat-menu nav ul.nav-main li > a,
    #header.flat-menu nav ul.nav-main li.active > a {
        color: #666;
    }

    #header.flat-menu nav ul.nav-main li.active > a {
        color: #ffd600;
        background-color: transparent !important;
    }

    #header.flat-menu nav ul.nav-main li > a:hover,
    #header.flat-menu nav ul.nav-main li.dropdown-jaune:hover a {
        color: #FFF;
        background-color: #ffd600 !important;
    }

    #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-jaune-menu {
        border-top-color: #ffd600;
    };
}

/****************************************************************************/
/***********                     CIAN                            **********/
/****************************************************************************/

#header nav ul.nav-main ul.dropdown-cian-menu,
#header nav ul.nav-main li.dropdown-cian.open .dropdown-cian-toggle,
#header nav ul.nav-main li.active a,
#header nav ul.nav-main li > a:hover,
#header nav ul.nav-main li.dropdown-cian:hover a {
    color: #FFF;
    background-color: #10AAAF !important;
}

#header nav ul.nav-main ul.dropdown-cian-menu li:hover > a {
    background-color: #0E999D !important;
}

#header nav ul.nav-main ul.dropdown-cian-menu {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #10AAAF;
    border-color: #10AAAF;
}

#header nav ul.nav-main ul.dropdown-cian-menu:hover {
    border-color: #511290;
    background-color: #0E999D;
}

#header nav ul.nav-main ul.dropdown-cian-menu:active,
#header nav ul.nav-main ul.dropdown-cian-menu:focus {
    border-color: #0E999D;
    background-color: #0E999D;
}

#header nav ul.nav-main li.dropdown-cian:hover ul.dropdown-cian-menu li > a {
    background: none !important;
}

#header nav ul.nav-main li.dropdown-cian:hover ul.dropdown-cian-menu li > a:hover {
    background: #0E999D !important;
}

@media (min-width: 992px) {
    #header.single-menu nav ul.nav-main li.active > a {
        border-top: 5px solid #10AAAF;
    }

    #header.darken-top-border {
        border-top: 5px solid #0E999D !important;
    }

    #header.colored .header-top {
        background-color: #10AAAF;
    }

    #header.colored .header-top ul.nav-top li a:hover {
        background-color: #0E999D !important;
    }

    #header.flat-menu nav ul.nav-main li > a,
    #header.flat-menu nav ul.nav-main li.active > a {
        color: #666;
    }

    #header.flat-menu nav ul.nav-main li.active > a {
        color: #10AAAF;
        background-color: transparent !important;
    }

    #header.flat-menu nav ul.nav-main li > a:hover,
    #header.flat-menu nav ul.nav-main li.dropdown-cian:hover a {
        color: #FFF;
        background-color: #10AAAF !important;
    }

    #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-cian-menu {
        border-top-color: #10AAAF;
    };
}

#header nav ul.nav-main li.dropdown-klein:hover a
{
	color: #FFF;
	background-color: #20177d !important;
}