/*------------------------------------------------------------ RESET --------------------------------------------------------------*/
 *, :before, :after {
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
/* For Chrome and Safari */
 * {
	 outline: none;
}
/* For Safari Webkit Fixes (NOT MS Edge) */
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	 @supports (not (-ms-accelerator:true)) {
		 input[type=search], input[type=submit], button {
			 -webkit-appearance: none;
		}
		 select {
			 -webkit-appearance: menulist;
		}
	}
}
/* Firefox Only Remove button 1px padding */
 @-moz-document url-prefix() {
	 button::-moz-focus-inner {
		 padding: 0;
		 border: 0 
	}
}
/* Firefox Only Reset font weight for custom fonts */
 @-moz-document url-prefix() {
	 p, h1, h2, h3 {
		 font-weight: normal;
	}
}
/* For IE10+ */
 a:active {
	 background-color: transparent;
}
 @media all and (-ms-high-contrast:none) {
	 button {
		 overflow: visible;
	}
	 button span {
		 left: 0;
		 position: relative;
		 top: 0;
	}
}
 a use, button use {
	 pointer-events: none;
}
 html {
	 min-height: 100%;
}
 body {
	 height: 100%;
	 margin: 0;
	 background-color: #FFF;
	 min-height: 100%;
	 overflow: auto;
	 padding: 0;
	 vertical-align: baseline;
	 -webkit-text-size-adjust: 100%;
	/* Safari iOS font fix */
}
/*=== RESETING BACKGROUND COLOR ===*/
 body, body section {
	 background-color: #FFF;
	 width: 100%;
}
/* ================================================== */
/* Header */
/* ================================================== */
 #mainHeader {
	 display: block !important;
	 height: auto;
}
 #mainHeader .logo {
	 left: 15px;
}
 #mainHeader .logo.hide, #mainHeader #top-nav .lang.hide {
	 display: none !important;
}
 #mainHeader li a.link {
	 position: relative;
}
 #mainHeader #top-nav li a.link.phone, #mainHeader #top-nav li a.link.phone:hover, #mainHeader #mobile-nav-emp li a.link.phone, #mainHeader #mobile-nav-emp li a.link.phone:hover {
	 padding: 0 0 0 15px;
}
 #mainHeader #mobile-nav-emp {
	 background: #E0EDF4;
	 box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);
	 position: absolute;
	 top: 65px;
	 width: 100%;
}
 #mainHeader #mobile-nav-emp li {
	 border-bottom: 1px solid #D0DEE6;
	 margin: 0 25px;
}
 #mainHeader #mobile-nav-emp li a {
	 display: block;
	 font-size: 16px;
	 line-height: 44px;
}
 #mainHeader .mobileTitleEmp {
	 color: #333;
	 display: none;
	 font-size: 32px;
	 font-weight: lighter;
	 left: 25px;
	 position: absolute;
	 top: 7px;
}
#toggle-candidate-nav.active .svgDropDownIcon {
    margin-top: -1px;
    transform: rotate(-90deg);
}
 .svgPhoneIcon {
	 height: 17px;
	 left: 0;
	 position: absolute;
	 top: 13px;
	 width: 9px;
}
 #phoneNumberHeader {
	 background-color: #333333;
	 color: white;
	 padding: 8px;
}
 #phoneNumberHeader .phone {
	 color: #fff;
	 padding-left: 15px;
	 position: relative;
}
 .phoneNumberHeaderContainer {
	 display: flex;
	 justify-content: flex-end;
	 margin: 0 auto;
	 max-width: 1170px;
	 padding-right: 12px;
	 width: 100%;
}
 #top-nav .headerLangDesktopCms {
	 display: none;
}
 #mainHeader #logo-twig {
	 left: 50%;
}
/* ================================================== */
/* Partners */
/* ================================================== */
/*=== Headings ===*/
 #mainContent {
	 text-align: center;
	 color: #363636;
	 display: flex;
	 flex-wrap: wrap;
	 padding: 0 20px;
}
 #partnersHeadings h1 {
	 font-weight: 200;
	 font-size: calc( 32px + (56 - 32) * (100vw - 320px) / (2560 - 320) );
	 color: #363636;
}
 .red {
	 color: #ee174b;
}
 #partnersHeadings p {
	 color: #87949b;
	 font-size: calc( 19px + (24 - 19) * (100vw - 320px) / (2560 - 320) );
	 font-weight: 500;
	 width: 60%;
	 max-width: 680px;
	 margin: 0 auto;
}
/*=== Partners Grid ===*/
 #partners {
	 display: flex;
	 flex-wrap: wrap;
	 text-align: center;
	 width: 100%;
	 max-width: 1051px;
	 margin: 0 auto;
	 border-top: 1px solid #dce2e5;
	 border-left: 1px solid #dce2e5;
	 padding: 0;
}
/* Special rule for IE, otherwise only two articles are displayed per row on desktop */
 .msie #partners {
	 max-width: 1054px;
}
 #partners article {
	 color: #363636;
	 font-size: 0.9em;
	/*flex: 0 1 33.33%;
	*/
	 flex: 1 1 350px;
	 min-height: 350px;
	 border-right: 1px solid #dce2e5;
	 border-bottom: 1px solid #dce2e5;
	 margin: 0;
}
 #partners article.empty {
	 border: 0;
	 min-height: 0;
	 display: block;
	 line-height: 0;
	 height: 0;
	 overflow: hidden;
}
 #partners article img {
	 max-width: 180px;
	 max-height: 150px;
}
 #partners article .partnerImage {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 height: 150px;
}
 #partners article .description {
	 text-align: left;
	 padding: 0 2em;
	 margin-bottom: 1.5em;
	 font-size: 16px;
}
/*=== Contact Us Section ===*/
 #contactUs {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 align-items: center;
	 margin-bottom: 4em;
}
 #contactUs .contactUsHeading {
	 margin: 2em 0;
}
 #contactUs h1 {
	 font-weight: 200;
	 font-size: calc( 28px + (52 - 28) * (100vw - 320px) / (2560 - 320) );
	 line-height: 1em;
	 margin: 0 1em;
}
 #contactUs p {
	 font-size: 16px;
	 font-weight: 400;
	 margin: 0;
}
 #contactUs .contactInfo {
	 margin: 0 1em;
}
 .contactInfo .email, .contactInfo .phone {
	 display: flex;
	 align-items: center;
	 padding: 0.2em 0;
}
 .contactInfo .email .contactImage, .contactInfo .phone .contactImage {
	 flex-shrink: 0;
	 display:flex;
	 display: -moz-box;
	 justify-content:center;
}
 .contactInfo .email img, .contactInfo .phone img {
	 margin-right: 10px;
}

/* ================================================== */
/* Footer */
/* ================================================== */
/* Cookie consent * Global styles overrides, complements of main styles from common-styles.css from JB App */
 #cookie-consent .cookie-consent-inner > .wrapper > div > .title, #cookie-consent .cookie-consent-inner > .wrapper > div > h4 {
	 margin-bottom: 1rem;
}
 #cookie-consent .cookie-consent-inner > .wrapper > div > .title > span, #cookie-consent .cookie-consent-inner > .wrapper > div > h4 > span {
	 vertical-align: middle;
}
 #cookie-consent .cookie-consent-inner > .wrapper > div > .title > span + span, #cookie-consent .cookie-consent-inner > .wrapper > div > h4 > span + span {
	 padding-left: .5rem;
}
 #cookie-consent a[data-js-cookie-consent-close] {
	 font-size: 32px;
	 color: #333;
	 line-height: 32px;
}


 @media (max-width: 977px) {
	 #partners article {
		 flex: 1 1 50%;
	}
}
 @media (max-width: 768px) {
	 #partnersHeadings {
		 margin-top: 4em;
	}
	 #partnersHeadings p {
		 width: 80%;
	}
	 #partners {
		 margin: 4em auto;
	}
    /* Cookie consent * Global styles overrides, complements of main styles from common-styles.css from JB App */
    #cookie-consent .cookie-consent-inner > .wrapper > div > h4 > span:first-child, #cookie-consent .cookie-consent-inner > .wrapper > div > .title > span:first-child {
    	 display: none;
    }
    #cookie-consent .cookie-consent-inner > .wrapper > div > h4 > span + span, #cookie-consent .cookie-consent-inner > .wrapper > div > .title > span + span {
    	 padding: 0;
    }
    #cookie-consent .cookie-consent-inner > .wrapper > div > h4, #cookie-consent .cookie-consent-inner > .wrapper > div > .title {
    	 margin-bottom: .5rem;
    }
}
 @media (max-width: 480px) {
	 #partners article {
		 flex: 1 1 100%;
	}
}
/* Styles for the header copied from the employeer page CSS */
 @media (min-width: 768px) {
	 #mainHeader {
		 height: auto;
	}
	 #mainHeader .logo {
		 top: 17px;
		 width: 148px;
	}
	 #mainHeader #top-nav li {
		 display: none;
	}
	 #mainHeader.newHeaderCascade #top-nav li {
		 display: inline-block;
		 margin: 0 0 0 30px;
	}
	 #mainHeader #top-nav .burger {
		 display: inline !important;
	}
	 #mainHeader #top-nav .burger button, #mainHeader #top-nav .burger button:hover {
		 background: transparent;
	}
	 #mainHeader #top-nav li {
		 margin-right: 10px;
	}
	 .phoneNumberHeaderContainer {
		 padding-right: 20px;
	}
	 #mainHeader.newHeaderCascade #top-nav {
		 font-size: 0;
	}
	 #mainHeader.newHeaderCascade #top-nav .headerLangDesktopCms {
		 display: none;
	}
	 #mainHeader.newHeaderCascade #top-nav .headerLangDesktopCms a, .newHeaderCascade #top-nav #profileIconMenu {
		 padding: 0;
	}
}
 @media (min-width: 977px) {
	/* ================================================== */
	/* Header - (min-width: 977px) */
	/* ================================================== */
	 #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 #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: #eb1e4f;
		 border: 1px solid #eb1e4f;
		 border-radius: 12px;
		 color: #fff;
		 font-size: calc( 12px + (15 - 12) * (100vw - 320px) / (2560 - 320) );
		 text-transform: none;
	}
	 #mainHeader #top-nav li a.recruitingButton:hover {
		 background: #fff;
		 color: #eb1e4f;
	}
	 #mainHeader #top-nav li a.produits {
		 background: #fff;
		 border-radius: 12px;
		 border: 1px solid #cccccc;
		/*font-size: 13px;
		*/
		 font-size: calc( 12px + (15 - 12) * (100vw - 320px) / (2560 - 320) );
		 color: #252525;
		 text-transform: none;
	}
	 #mainHeader #top-nav li a:hover.produits {
		 background: #252525;
		 color: #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 #top-nav .burger, #mainHeader .mobileTitle, #mainHeader #mobile-nav-emp {
		 display: none !important;
	}
}
 @media (min-width: 1170px) {
	 #mainHeader nav {
		 width: 100%;
	}
	 #mainHeader #top-nav li, #mainHeader #top-nav li.phone {
		 margin-right: 35px;
	}
	 #mainHeader #top-nav li a.link, #mainHeader #top-nav li a:hover.link {
		 padding: 10px;
	}
	 #mainHeader.newHeaderCascade #top-nav .headerLangDesktopCms {
		 display: inline-block;
	}
}

#top-nav
.navSubMenu {
padding: 20px 0px 20px 20px;

}