.bg-header {
	background-color: var(--main-color-dark);
}

.header_content {
    width: 100%;
    padding: 1.2vw 0px 1.2vw 0px;
    display: flex;
    align-items: center;
}

.header_div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_logo {
	max-height: 100%;
}

.logo_header_gauche {
    position: relative;
    width: 18vw;
    height: 3vw;
	display: flex;
	justify-content: space-between;
    margin-left: 3vw;
    z-index: 6;
}

.logo_header_gauche a {
	height:100%;
}

.logo_header_gauche a img {
	vertical-align: top;
}

.logo_header {
    position: relative;
    height: 100%;
    max-width: 35vw;
    margin: auto;
    display: inline-block;
    z-index: 6;

}

.img_gauche {
    transform: rotate(175deg);
    position: absolute;
    margin-top: -5vw;
    width: 60%;
    background-repeat: no-repeat;
    z-index: 5;
}

.img_droite {
    transform: rotate(190deg);
    position: absolute;
    margin-top: -1vw;
    width: 40%;
    right: -8vw;
    background-repeat: no-repeat;
    z-index: 5;
}

.header_content .dropdown {
	z-index:6;
}

.icons li {
    background: none repeat scroll 0 0 #fff;
    height: 7px;
    width: 7px;
    line-height: 0;
    list-style: none outside none;
    margin-right: 15px;
    margin-top: 3px;
    vertical-align: top;
    border-radius:50%;
    pointer-events: none;
}

@media (max-width: 991.98px) {
	.header_content {
		line-height: 3;
	}
	
    .logo_header {
		height: 5vw;
		width: auto;
    }
	
    #dropdownMenuButton {
		height: 5vw;
		width: auto;
    }

    .logo_header_gauche {
    	width: 25vw;
		margin-left: 2vw;
		height: 5vw;
    }
}