/* ---- header ----- */
header.header_area .w_menu .nav-item .nav-link {
    color: var(--black_color);
}

.HGTheme header.header_area {
    background: var(--white_color);
}

.MedicalTheme header.header_area {
    background: var(--medical_color);
}

.BureautiqueTheme header.header_area {
    background: var(--bureautique_color);
}

.MarquageTheme header.header_area {
    background: var(--marquage_color);
}

.MedicalTheme nav.navbar .w_menu .nav-item:hover .nav-link,
.BureautiqueTheme nav.navbar .w_menu .nav-item:hover .nav-link,
.MarquageTheme nav.navbar .w_menu .nav-item:hover .nav-link,
.MedicalTheme .w_menu .nav-item .nav-link,
.BureautiqueTheme .w_menu .nav-item .nav-link,
.MarquageTheme .w_menu .nav-item .nav-link,
.MedicalTheme .w_menu .nav-item .nav-link:hover,
.BureautiqueTheme .w_menu .nav-item .nav-link:hover,
.MarquageTheme .w_menu .nav-item .nav-link:hover {
    color: var(--white_color) !important;
}

.MedicalTheme .w_menu .nav-item .nav-link::before,
.BureautiqueTheme .w_menu .nav-item .nav-link::before,
.MarquageTheme .w_menu .nav-item .nav-link::before {
    background: var(--white_color) !important;
}

/* ---- header ----- */

/* ---- navbar ----- */
.sticky_logo img.blanc {
    display: none;
}

.sticky_logo img.bleu {
    display: block;
}

.MedicalTheme .sticky_logo img.blanc,
.BureautiqueTheme .sticky_logo img.blanc,
.MarquageTheme .sticky_logo img.blanc {
    display: block;
}

.MedicalTheme .sticky_logo img.bleu,
.BureautiqueTheme .sticky_logo img.bleu,
.MarquageTheme .sticky_logo img.bleu {
    display: none;
}

.MedicalTheme nav.navbar .w_menu .nav-item .nav-link,
.w_menu .nav-item .nav-link,
.BureautiqueTheme nav.navbar .w_menu .nav-item .nav-link,
.w_menu .nav-item .nav-link,
.MarquageTheme nav.navbar .w_menu .nav-item .nav-link,
.w_menu .nav-item .nav-link {
    color: var(--white_color);
}

nav.navbar .w_menu .nav-item:hover .nav-link,
.w_menu .nav-item.active .nav-link {
    color: var(--black_color);
}

nav.navbar .w_menu .nav-item.medical:hover .nav-link,
.w_menu .nav-item.medical.active .nav-link {
    color: var(--medical_color);
}

nav.navbar .w_menu .nav-item.bureautique:hover .nav-link,
.w_menu .nav-item.bureautique.active .nav-link {
    color: var(--bureautique_color);
}

nav.navbar .w_menu .nav-item.marquage:hover .nav-link,
.w_menu .nav-item.marquage.active .nav-link {
    color: var(--marquage_color);
}

@media only screen and (max-width: 1550px) {}

nav.navbar .logo_HG {
    max-height: 80px;
    width: 50px;
}

nav.navbar .navbar-nav.menu.w_menu.left_menu {
    margin-left: auto;
    margin-right: auto;
}

/*nav.navbar .navbar-nav.menu.w_menu.center_menu {
    margin-left: 70px;
    margin-right: 70px;
}*/

nav.navbar .navbar-nav.menu.w_menu.right_menu {
    margin-right: 0;
    margin-left: 0;
}

nav.navbar #navbarSupportedContent .navbar-nav.menu.w_menu.right_menu.r_m0 {
    margin-right: auto;
    margin-left: auto;
}

.center_menu .nav-item+.nav-item {}

.right_menu .nav-item+.nav-item {}

@media only screen and (min-width: 1900px) {
    /*nav.navbar .navbar-nav.menu.w_menu.center_menu {
        margin-left: 12vw;
        margin-right: 12vw;
    }*/

    nav.navbar .center_menu .nav-item+.nav-item {
        margin-left: 6vw;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1899px) {
    /*nav.navbar .navbar-nav.menu.w_menu.center_menu {
        margin-left: 8vw;
        margin-right: 8vw;
    }*/

    nav.navbar .center_menu .nav-item+.nav-item {
        margin-left: 4vw;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    /* nav.navbar .navbar-nav.menu.w_menu.center_menu {
        margin-left: 6vw;
        margin-right: 6vw;
    }*/

    nav.navbar .center_menu .nav-item+.nav-item,
    nav.navbar .right_menu .nav-item+.nav-item {
        margin-left: 3vw;
    }

}

@media only screen and (max-width: 1399px) {
    nav.navbar .menu.w_menu>.nav-item>.nav-link {
        font-size: 14px !important;
    }

    nav.navbar .logo_HG {
        max-height: 65px;
        width: 50px;
    }

    nav.navbar .menu>.nav-item {
        position: relative;
        padding-bottom: 25px;
        padding-top: 25px;
    }
}

nav.navbar .menu_toggle {
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
    display: block;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 5px 0px rgba(145, 137, 137, 0.5);
}

nav.navbar .menu_toggle .hamburger {
    padding: 4px 8px;
}

nav.navbar .menu_toggle .hamburger span {
    width: 0%;
    height: 3px;
    position: relative;
    top: 0;
    left: 0;
    margin: 6px 0;
    display: block;
    background: #5e2ced;
    border-radius: 3px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

nav.navbar .menu_toggle .hamburger span:nth-child(1) {
    background: var(--bureautique_color);
}

nav.navbar .menu_toggle .hamburger span:nth-child(2) {
    background: var(--marquage_color);
}

nav.navbar .menu_toggle .hamburger span:nth-child(3) {
    background: var(--medical_color);
}

nav.navbar .collapsed .menu_toggle .hamburger span {
    width: 100%;
}

nav.navbar .collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
    height: 0%;
    transition-delay: 0s;
}

nav.navbar .collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
    width: 0%;
    transition-delay: 0.2s;
}

nav.navbar .menu_toggle .hamburger-cross {
    position: absolute;
    height: 30px;
    width: 30px;
    transform: rotate(45deg);
    display: block;
    top: 5px;
    left: 5px;
}

nav.navbar .menu_toggle .hamburger-cross span:nth-child(1) {
    height: 100%;
    width: 3px;
    position: absolute;
    top: 0;
    left: 14px;
    transition-delay: 0.3s;
    background: #000;
}

nav.navbar .menu_toggle .hamburger-cross span:nth-child(2) {
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 14px;
    transition-delay: 0.4s;
    background: #000;
}

nav.navbar .page_name {
    display: none;
}

@media only screen and (max-width: 991px) {
    .header_area {
        z-index: 1000;
    }

    nav.navbar {
        padding: 3px;
        box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.1);
    }

    nav.navbar .navbar-collapse {
        box-shadow: 0 -2px 7px 0px rgba(0, 0, 0, 0.1);
    }

    nav.navbar .navbar-toggler {
        margin-right: 10px;
    }

    nav.navbar .navbar-brand.sticky_logo {
        margin-left: 10px;
        margin-right: 0;
    }

    nav.navbar .navbar-nav.menu.w_menu.center_menu {
        margin-left: 0;
        margin-right: 0;
    }

    nav.navbar .navbar-nav.menu.w_menu {
        padding: 0 60px;
    }

    nav.navbar .menu>.nav-item {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    nav.navbar .menu>.nav-item.active .nav-link {
        font-weight: 900 !important;
    }

    .BureautiqueTheme nav.navbar .menu>.nav-item.active .nav-link {
        color: var(--bureautique_color) !important;
    }

    .MedicalTheme nav.navbar .menu>.nav-item.active .nav-link {
        color: var(--medical_color) !important;
    }

    .MarquageTheme nav.navbar .menu>.nav-item.active .nav-link {
        color: var(--marquage_color) !important;
    }

    nav.navbar .menu>.nav-item .nav-link {
        display: inline-block !important;
        width: 100%;
    }

    nav.navbar .navbar-nav.menu.w_menu.left_menu {
        margin-top: 35px;
    }

    nav.navbar #navbarSupportedContent ul.navbar-nav:last-child {
        margin-bottom: 35px;
    }

    .body_wrapper nav.navbar .w_menu .nav-item .nav-link,
    .body_wrapper nav.navbar .w_menu .nav-item:hover .nav-link,
    .body_wrapper nav.navbar .w_menu .nav-item .nav-link:hover {
        color: var(--black_color) !important;
    }

    nav.navbar .menu>.nav-item:hover .nav-link::before,
    nav.navbar .menu>.nav-item.active .nav-link::before {
        width: 0;
    }

    nav.navbar .page_name {
        display: block;
        font-size: 14px;
        font-weight: 900;
        color: #000;
    }

    .BureautiqueTheme nav.navbar .page_name,
    .MedicalTheme nav.navbar .page_name,
    .MarquageTheme nav.navbar .page_name {
        color: #fff;
    }
}

/* ---- navbar ----- */

/* ---- scroll-wrap ----- */
.pagepiling .scroll-wrap {
    padding-top: 110px;
}

@media only screen and (max-width: 1399px) {
    .pagepiling .scroll-wrap {
        padding-top: 90px;
    }
}

/* ---- scroll-wrap ----- */

/* ---- recent article ----- */
.blog-sidebar .widget.recent_post_widget_two .post_item img {
    max-width: 110px;
}

/* ---- recent article ----- */

/* ---- decorators ----- */
.stl-iframe-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: red;
    z-index: 1;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.3);
}

.stl-cursor-pointer {
    cursor: pointer;
}

/* ---- blog images ----- */
.stl-article-detail-image-container {
    height: 400px;
    overflow: hidden;
    width: 100%;
}

.stl-article-image-container {
    display: inline-block;
    height: 300px;
    width: 100%;
    text-align: center;
}

.stl-article-image {
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
}

.app-tree-element-hover.btn.btn_bureatique.hover-background-marquage:hover,
.btn.btn_bureatique.hover-background-marquage:hover {
    background-color: var(--marquage_color);

}

.breadcrumb_area_two {
    background: #FFFFFF;
}

.breadcrumb_shap {
    display: none;
}

/* ------- PAGE ACTUALITES ----- */
.breadcrumb_area_two {
    margin-top: 110px;
    padding: 50px 0;
}

#app_list_categories li .app-link {
    display: inline-block;
    position: relative;
}

#app_list_categories li .app-link::before {
    content: "";
    height: 1px;
    width: 0;
    position: absolute;
    left: 0;
    background: var(--black_color);
    bottom: 6px;
    transition: width 0.2s linear;
}

#app_list_categories li.HGTheme .app-link::before {
    background: var(--black_color);
}

#app_list_categories li.MedicalTheme .app-link::before {
    background: var(--medical_color);
}

#app_list_categories li.BureautiqueTheme .app-link::before {
    background: var(--bureautique_color);
}

#app_list_categories li.MarquageTheme .app-link::before {
    background: var(--marquage_color);
}

#app_list_categories li:hover .app-link::before {
    width: 100%;
}

.blog_area_two.article_view {
    margin-top: 105px;
    padding-top: 65px;
}

/* ------- PAGE ACTUALITES ----- */