/* ================================================== */
/*  Header  - (min-width: 977px)                      */
/* ================================================== */
#mainHeader {
    height: 95px;
}

#mainHeader .logo, #mainHeader .logo.hide {
	display: block !important;
	height: 42px;
	left: 30px;
	top: 25px;
	width: 201px;
}

#mainHeader .mobileTitleEmp {
	display: none !important;
}

#mainHeader #top-nav {
	right: 30px;
	top: 20px;
}

#mainHeader.smallHeader #top-nav {
	top: 6px;
}

#mainHeader #top-nav li, #mainHeader.cascade #top-nav li, #mainHeader #top-nav li.phone {
	display: inline-block;
}

#mainHeader #top-nav li a.phone.link, #mainHeader #top-nav li a.phone.link:hover {
	font-size: calc( 15px + (19 - 15) * (100vw - 320px) / (2560 - 320) );
}

.svgPhoneIcon {
	top: 4px;
}

#mainHeader #top-nav li a.recruitingButton {
    background: #ee3451;
	border: 1px solid #ee3451;
	border-radius: 20px;
	color: #fff;
	font-size: calc( 13px + (15 - 13) * (100vw - 320px) / (2560 - 320) );
	text-transform: none;
}

#mainHeader #top-nav li a.recruitingButton:hover {
	background: #af263c;
    border-color: #af263c;
}

#mainHeader #top-nav li a.produits {
	background: #e1edf4;
	border-radius: 20px;
	border: 1px solid #233c3c;
	font-size: calc( 13px + (15 - 13) * (100vw - 320px) / (2560 - 320) );
	color: #252525;
	text-transform: none;
}

#mainHeader #top-nav li a:hover.produits {
	background: #fff;
}

#mainHeader #top-nav li.lang, #mainHeader #top-nav li.lang.hide {
	display: inline !important;
	margin-right: 0;
}

#mainHeader #top-nav li a.link, #mainHeader #top-nav li a:hover.link {
	background: none;
	border-radius: 0;
	color: #363636;
	font-size: calc( 12px + (14 - 12) * (100vw - 320px) / (2560 - 320) );
	padding: 10px 0;
}

#mainHeader #top-nav li a:hover.link, #mainHeader #top-nav li.lang a:hover.link {
	color: #6c7d85;
}

#mainHeader #top-nav a, #mainHeader #top-nav button {
	line-height: 26px;
}

#mainHeader.newHeaderCascade #top-nav a {
    line-height: normal;
}

#mainHeader #top-nav .burger, #mainHeader .mobileTitle, #mainHeader #mobile-nav-emp {
	display: none !important;
}

#mainHeader.newHeaderCascade #nav {
	 top: 72px;
}
/* ================================================== */
/*  Solutions  - (min-width: 977px)                   */
/* ================================================== */
#solutions article {
	flex: 1 1 360px;
}

/* ================================================== */
/*  Employeurs                                        */
/* ================================================== */
#slider1 {
	width: 780px;
}


@media screen and (min-width: 1110px) {
	
	#solutions article.open span.arrow {
		border-color: transparent #188aaf transparent transparent;
		border-style: solid;
		border-width: 0 40px 33px 0;
		bottom: -33px;
		display: block;
		height: 0;
		left: 50%;
		margin-left: -20px;
		position: absolute;
		width: 0;
	}

	#solutions article.open:nth-child(3) span.arrow {
		border-color: #188aaf transparent transparent transparent;
		border-width: 33px 20px 0 20px;
	}

	#solutions article.open:last-child span.arrow {
		border-color: #188aaf transparent transparent transparent;
		border-width: 33px 40px 0 0;
	}
}