@media screen and (max-width: 767px) {

    #masthead {
        position: fixed;
        z-index: 1000;
        padding: 0;
    }

    #main #content {
        padding-top: 76px;
    }

    .enteteBureau .site-branding .site-title {
        padding: 0;
        margin: 20px 0 !important;
        font-size: 37px !important;
    }

    .social-icone {
        display: none;
    }

    #primary-menu .menu-item {
        width: initial !important;
        display: block !important;
        padding: 0.75em 0.75em 0.75em 0.75em !important;
        font-weight: bold;
    }

    #primary-menu .menu-item .sub-menu {
        display: none;
        position: initial !important;
        transform: none !important;
        width: initial !important;
        padding: 0 !important;
        margin: 0 !important;
		background:rgba(229,229,229,1);
    }
	
	.sub-menu li {
        background:rgba(229,229,229,1);
    }

    .enteteBureau {
        position: relative;
    }   
    
    #site-navigation-toggle {
        position: absolute;
        left: 20px;
        top: 4px;
        background-color: white;
    }

    #site-navigation {
        display: none;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
    }

    /* .active-menu {
        display: block !important;
        transition: all 0.3s;
    } */
    #site-navigation.active-menu {
        display: block !important;
        transition: all 0.3s;
    }
    
}