/*========================
* 
* 				HEADER
* 
* ======================*/

/*========== col flex-menu-logo ==========*/

header .rangee-menu .fl-row-content-wrap .fl-row-content .col-flex-menu-logo .fl-col-content {
	background-color: var(--blanc) !important;
	margin: 32px;
	border-radius: 40px
}

header .rangee-menu .fl-row-content-wrap .fl-row-content .col-flex-menu-logo .fl-col-content .col-menu .fl-module-uabb-advanced-menu .uabb-creative-menu ul.menu li.menu-item:focus a span,
header .rangee-menu .fl-row-content-wrap .fl-row-content .col-flex-menu-logo .fl-col-content .col-menu .fl-module-uabb-advanced-menu .uabb-creative-menu ul.menu li.menu-item a span {
	color: var(--noir); 
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	font-family: var(--typo-principale); 
	transition: all linear 300ms; 
}



header .rangee-menu .fl-row-content-wrap .fl-row-content .col-flex-menu-logo .fl-col-content .col-menu .fl-module-uabb-advanced-menu .uabb-creative-menu ul.menu li.menu-item:hover a span {
	color: var(--couleur-principale); 
	transition: all linear 300ms; 
}

header .rangee-menu .fl-row-content-wrap .fl-row-content > .fl-col-group {
	display: flex; 
	flex-direction: row; 
	justify-content: center;
    align-items: center;
}


header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo {
	
	width: calc(100% - 75px);
}

header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo > .fl-col-content {
	padding: 10px 24px;
	margin-right: 16px; 
	margin-left: 86px; 
}

header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo .fl-col-group {
	display: flex;
	flex-direction: row; 
	justify-content: space-between;
	align-items: center;
}

header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo .fl-col-group .col-logo {
	width: 230px;
}

header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo .fl-col-group .col-menu .fl-col-content .fl-module,
header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo .fl-col-group .col-menu .fl-col-content,
header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo .fl-col-group .col-logo .fl-col-content .fl-module,
header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo .fl-col-group .col-logo .fl-col-content {
	padding: 0px;
	margin: 0px; 
}


header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo .fl-col-group .col-menu {
	width: 100%; 
}


header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo .fl-col-group .col-menu .fl-module-uabb-advanced-menu .fl-module-content ul.menu li.menu-item,
header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo .fl-col-group .col-menu .fl-module-uabb-advanced-menu .fl-module-content {
	margin: 0px; 
}

/*========== col espace client ==========*/

header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-espace-client {
	width: 65px; 
	margin-right: 84px;
}

header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-espace-client .fl-col-content {
	display: flex;
	flex-direction: row; 
	justify-content: space-between;
	align-items: center;
	padding: 0px; 
	margin-top: 4px;
}


header .rangee-menu .fl-row-content-wrap .fl-row-content .col-espace-client .espace-client a {
	background: #036bb0;
	padding: 22px;
	border-radius : 50px;
}


/*========== Menu responsive ==========*/


header .rangee-menu .fl-row-content-wrap .fl-row-content .col-flex-menu-logo .fl-col-content .col-menu .fl-module-uabb-advanced-menu .uabb-creative-menu-mobile-toggle-container {
	text-align: right;
	
}

header .rangee-menu .fl-row-content-wrap .fl-row-content .col-flex-menu-logo .fl-col-content .col-menu .fl-module-uabb-advanced-menu .uabb-creative-menu-mobile-toggle-container .hamburger:focus { 
	outline: none !important; 
}


header .rangee-menu .fl-row-content-wrap .fl-row-content .col-flex-menu-logo .fl-col-content .col-menu .fl-module-uabb-advanced-menu .uabb-creative-menu .display {
	display:none; 
}

.off-canvas.menu-open .uabb-off-canvas-menu {
	width: 100%;
	transition: all linear 300ms; 
}



.off-canvas.menu-open .uabb-off-canvas-menu .uabb-menu-close-btn {
	font-size: 40px; 
	padding-right: 89px;
	padding-top: 9px;
}

.off-canvas.menu-open .uabb-off-canvas-menu ul#menu-menu-desktop-1 {
	margin-top: 25px; 
}


.off-canvas.menu-open .uabb-off-canvas-menu ul#menu-menu-desktop-1 li.logo {
	position:relative; 
	margin-bottom: 100px;
}

.off-canvas.menu-open .uabb-off-canvas-menu ul#menu-menu-desktop-1 li.logo a {
	position: absolute;
	top: 0; 
	left: 50%;
    transform: translateX(-50%);
}

.off-canvas.menu-open .uabb-off-canvas-menu ul#menu-menu-desktop-1 li a span {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    font-family: var(--typo-principale);
    transition: all linear 300ms;
}


@media (max-width: 1200px) {

	header .rangee-menu .fl-row-content-wrap .fl-row-content .col-flex-menu-logo .fl-col-content .col-menu .fl-module-uabb-advanced-menu .uabb-creative-menu .display {
		display: block; 
	}
	header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo > .fl-col-content {
		    margin-left: 16px;
	}

}

@media (max-width: 769px) {
	header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo {
		width: 100% !important;
	}

	header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo .fl-col-group .col-logo {
		margin: 0; 
	}

header .rangee-menu .fl-row-content-wrap .fl-row-content .fl-col-group .col-flex-menu-logo .fl-col-group .col-menu {
	margin-right: 0;
	}

.off-canvas.menu-open .uabb-off-canvas-menu .uabb-menu-close-btn {
	font-size: 40px; 
	padding-right: 50px;
	padding-top: 9px;
}
}