*[data-spy]{scroll-margin-top: 18em;}

.btn-header-actions .material-icons-round{font-size:45px;line-height:40px}

#navbar-site{padding:0;box-shadow:0 0 10px #333;z-index:100;background-color:#fff;position:sticky;top:100px}
.navbar-site-menu-btn{width:60px;height:60px;border:none;border-radius:0;background-color:#333;display:flex;align-items:center;justify-content:center;position:relative}
.navbar-site-menu-btn *{color:#333}
.navbar-site-menu-btn:hover{text-decoration:none}
.navbar-site-menu-btn .label{position:absolute;top:0;left:70px;width:200px;height:60px;display:flex;align-items:center;font-size:16px;font-family:Roboto-Bold, sans-serif}
.navbar-site-menu-btn.collapsed{background-color:#D71A21}
.navbar-site-menu-btn.active{background-color:#16A85E}
.navbar-site-menu-btn .navbar-toggler-icon-dynamic{font-size:35px;color:#fff;text-align:center}
.navbar-site-btn{position:relative}
#header_btn_actions .col-3{padding:0 2px}
#navbar-site-menu{position:absolute;left:0;top:60px;width:100%;background-color:#fff;z-index:101;overflow:auto;height:100vh}
.menu-level{height:auto;background:#fff}
.menu-label{width:calc(100% - 80px); font-family: 'Roboto-Bold';}
.menu-level-1, #navbar-site-menu .sub-menu{max-height:100vh;height:100%}
.menu-level-1{
    width:25%;
    position:relative;
}
.menu-level-1 .sub-menu{background-color:#fff;}
.menu-level-1 .nav-link, .menu-level-2 .nav-item{padding:0;display:flex;align-items:center}
.menu-level-1 > .nav-item > .nav-link{background-color:#eee;}
.menu-level-1 > .nav-item:hover > .nav-link{background-color:#fff}
.menu-level-2{width:100%}
.menu-level-2 > li{border-bottom:1px solid #aaa;height:60px}
.menu-level-2 > li > a{padding:15px 0 !important;width:100%}

.menu-level-2 > li:hover > a{font-family: 'Roboto-Bold'}

.menu-level-3{width:100%;padding-top:15px}
.menu-level-3 > .nav-item > .nav-link{padding:2px 0 !important;width:100%}
.menu-level-3 > li:hover > a{text-decoration:underline}
.menu-level-4{}
#navbar-site-menu .nav-link, #navbar-site-menu .nav-item:hover .nav-link{color:#333}
#navbar-site-menu .sub-menu{width:100%;position:absolute;top:0;left:100%;display:none;z-index:9}

.menu-univers{width:60px;height:60px;display:flex;align-items:center;justify-content:center;;margin-right:20px}
.menu-univers-icon{font-size:35px;padding:10px 13px;color:#fff}
#navbar-site-pub{position:absolute;right:0;top:0;width:25%;height:100%;padding:15px 0;display:flex;justify-content:center;align-items:center}

@media screen and (max-width:1364px) {
    .btn-header-actions .material-icons-round{font-size: 35px;}
    .btn-header-action{padding:.1rem .2rem}
}

@media screen and (min-width:992px) {
    #navbar-site-menu .menu-level-1 .sub-menu{padding-left:30px}
    #navbar-site-menu .nav-item:hover > .sub-menu, #navbar-site-menu .menu-level-1 > li:nth-child(1) > .sub-menu{display:block}
}

@media screen and (max-width:767px) {
    #navbar-site{}
    #navbar-site .container{}
    .navbar-site-menu-btn .label{display:none}

    .menu-univers{width:60px;max-height:60px}
    .navbar-site-menu-btn{width:60px;height:60px}
    #navbar-site-menu{top:60px;width:100%;box-shadow: 0 0 5px #333}
    .menu-univers > *{width:90%}
    .navbar-site-menu-btn-mobile{display:none;width:60px;height:60px !important;padding:0;}
    .navbar-site-menu-btn-mobile .navbar-toggler-icon-dynamic{font-size:30px;line-height:12px;width:60px}
    .navbar-site-menu-btn-mobile .label{display:block;position:relative;top:inherit;left:inherit;width:auto;height:auto;color:#fff;font-size:12px}
}

@media screen and (max-width:576px) {
    .btn-header-actions .material-icons-round {
        font-size: 32px;
    }
}
@media screen and (max-width:992px) {
    /*#navbar-site{top:100px}*/
    #navbar-site-menu .menu-level-1{width:100%;max-height:calc(100vh);overflow:auto}
    #navbar-site-menu .menu-level-2 .nav-link{padding:15px 10px !important}
    #navbar-site-menu .menu-level-3{padding-top:0}
    #navbar-site-menu .menu-level-3 .nav-item{height:60px;border-bottom:1px solid #aaa}
    /*#navbar-site-menu .menu-level-1 > .nav-item > .sub-menu{border-left:5px solid #fff}*/
    #navbar-site-menu .sub-menu{left:0;top:0}
    #navbar-site-pub{display:none}
    #navbar-site-menu .nav-item > .sub-menu.active, #navbar-site-menu .nav-item.active > .sub-menu{display:block}
}
@media screen and (max-width:1366px) {
    .nav-link{font-size:12px;line-height:14px}
}
#menu-dark{background-color:rgba(0,0,0,0.5);width:100vw;height:100vh;position:fixed;top:60px;left:0;right:0;z-index:99;display:none}

@media (max-height: 850px) and (min-width:992px) {
    #navbar-site-menu,.menu-level-1, #navbar-site-menu .sub-menu{
        max-height: calc(100vh - 223px);
    }
}
@media (max-height: 850px) and (max-width:767px) {
    .menu-level-1, #navbar-site-menu .sub-menu{
        height:100%;
        max-height:inherit;
    }
}

#site-navbar{height:100px}
@media (min-width:1199px) {
    #navbar-site{top:125px}
	#site-navbar{height:130px}
}
@media (max-width:991px) {
    #navbar-site-menu{top:0}
    #navbar-site-menu .container{padding:0}
	#logo_site_mobile{max-height:100px}
    .searchbar{box-shadow:none}
    /*.searchbar{width: calc(100% + 64px)}*/
}
@media (max-width:768px) {
    #site-navbar{height:60px}
	#logo_site_mobile{max-height:60px}
}
@media (max-width:375px) {
    #navbar-site-menu-mobile {padding:7px !important}
    #navbar-site-menu-mobile .row{margin:0 -5px !important}
    #navbar-site-menu-mobile .row > *{padding:0 5px !important}
}

#site-navbar .row{height:100%;display:flex;align-items:center}
#site-navbar .row > *{height:100%;display:grid;align-items:center}
#site-navbar .container{height:100%}

#navbar-site-menu-mobile{background:#EEE;border-top:1px solid #707070;border-bottom:1px solid #707070;padding:7px 20px;height:57px}
#navbar-site-menu-mobile a{color:#333}
#navbar-site-menu-mobile .material-icons-round{font-size:28px;line-height:36px}

#menu-univers-mobile{}
#menu-univers-mobile .menu-univers{font-size:26px;color:#333}
#menu-univers-mobile .nav-link{background:#fff}
#menu-univers-mobile .menu-label{text-transform:uppercase}

#col-form-searchbar{z-index:1000}

#nav-header{}
#nav-header #logo-site{}
#nav-header #header-bg-shop{background:url('/images/site/dompro/back_adherent_on.jpg') no-repeat}
#nav-header #header-search{}
#nav-header #header-logo-shop{}
#nav-header #header-actions{}