@charset "utf-8";

div.row {
    clear: left;
    padding: unset;
    width: 100%;
  }
  .ds-custom #wrapper {
    padding-bottom: unset;
    padding-top: unset;
    position: relative;
  }
  .ds-custom #wrapper .portlet-column-content.empty {
    padding: unset;
  }
  .ds-custom #wrapper .portlet-title-text {
    display: none;
  }
  .ds-custom #wrapper .portlet-content, .ds-custom #wrapper .portlet-minimized .portlet-content-container {
    padding: unset;
  }
  .ds-custom #wrapper .portlet-decorate .portlet-content {
    border: unset;
  }
  .ds-custom #wrapper .portlet {
    margin: 0;
  }
  .ds-custom #wrapper .row {
    margin: 0 !important;
  }
  .ds-custom #wrapper .col-xs-1, .ds-custom #wrapper .col-sm-1, .ds-custom #wrapper .col-md-1, .ds-custom #wrapper .col-lg-1, .ds-custom #wrapper .col-xs-2, .ds-custom #wrapper .col-sm-2, .ds-custom #wrapper .col-md-2, .ds-custom #wrapper .col-lg-2, .ds-custom #wrapper .col-xs-3, .ds-custom #wrapper .col-sm-3, .ds-custom #wrapper .col-md-3, .ds-custom #wrapper .col-lg-3, .ds-custom #wrapper .col-xs-4, .ds-custom #wrapper .col-sm-4, .ds-custom #wrapper .col-md-4, .ds-custom #wrapper .col-lg-4, .ds-custom #wrapper .col-xs-5, .ds-custom #wrapper .col-sm-5, .ds-custom #wrapper .col-md-5, .ds-custom #wrapper .col-lg-5, .ds-custom #wrapper .col-xs-6, .ds-custom #wrapper .col-sm-6, .ds-custom #wrapper .col-md-6, .ds-custom #wrapper .col-lg-6, .ds-custom #wrapper .col-xs-7, .ds-custom #wrapper .col-sm-7, .ds-custom #wrapper .col-md-7, .ds-custom #wrapper .col-lg-7, .ds-custom #wrapper .col-xs-8, .ds-custom #wrapper .col-sm-8, .ds-custom #wrapper .col-md-8, .ds-custom #wrapper .col-lg-8, .ds-custom #wrapper .col-xs-9, .ds-custom #wrapper .col-sm-9, .ds-custom #wrapper .col-md-9, .ds-custom #wrapper .col-lg-9, .ds-custom #wrapper .col-xs-10, .ds-custom #wrapper .col-sm-10, .ds-custom #wrapper .col-md-10, .ds-custom #wrapper .col-lg-10, .ds-custom #wrapper .col-xs-11, .ds-custom #wrapper .col-sm-11, .ds-custom #wrapper .col-md-11, .ds-custom #wrapper .col-lg-11, .ds-custom #wrapper .col-xs-12, .ds-custom #wrapper .col-sm-12, .ds-custom #wrapper .col-md-12, .ds-custom #wrapper .col-lg-12 {
    padding: unset;
    width: unset;
    margin: unset;
    float: none;
  }
  @media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ds-custom #wrapper {
      padding: 0;
      margin: 0;
    }
    .ds-custom .portlet-decorate .portlet-content {
      border: none;
      margin: 0;
      padding: 0;
    }
    .ds-custom .col-xs-1, .ds-custom .col-sm-1, .ds-custom .col-md-1, .ds-custom .col-lg-1, .ds-custom .col-xs-2, .ds-custom .col-sm-2, .ds-custom .col-md-2, .ds-custom .col-lg-2, .ds-custom .col-xs-3, .ds-custom .col-sm-3, .ds-custom .col-md-3, .ds-custom .col-lg-3, .ds-custom .col-xs-4, .ds-custom .col-sm-4, .ds-custom .col-md-4, .ds-custom .col-lg-4, .ds-custom .col-xs-5, .ds-custom .col-sm-5, .ds-custom .col-md-5, .ds-custom .col-lg-5, .ds-custom .col-xs-6, .ds-custom .col-sm-6, .ds-custom .col-md-6, .ds-custom .col-lg-6, .ds-custom .col-xs-7, .ds-custom .col-sm-7, .ds-custom .col-md-7, .ds-custom .col-lg-7, .ds-custom .col-xs-8, .ds-custom .col-sm-8, .ds-custom .col-md-8, .ds-custom .col-lg-8, .ds-custom .col-xs-9, .ds-custom .col-sm-9, .ds-custom .col-md-9, .ds-custom .col-lg-9, .ds-custom .col-xs-10, .ds-custom .col-sm-10, .ds-custom .col-md-10, .ds-custom .col-lg-10, .ds-custom .col-xs-11, .ds-custom .col-sm-11, .ds-custom .col-md-11, .ds-custom .col-lg-11, .ds-custom .col-xs-12, .ds-custom .col-sm-12, .ds-custom .col-md-12, .ds-custom .col-lg-12 {
      padding: 0;
      width: unset;
      margin: 0;
      float: none;
    }
  }



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----------------------------*/
/*	   	  Main Elements  	  */
/*----------------------------*/

/* !!!! DO NOT INSERT PARAMETERS INTO THESE STYLES. THESE ARE TO HIDE MAIN ELEMENTS FROM THE TEMPLATE !!!! */
/* !!!! DO NOT INSERT PARAMETERS INTO THESE STYLES. THESE ARE TO HIDE MAIN ELEMENTS FROM THE TEMPLATE !!!! */
/* !!!! DO NOT INSERT PARAMETERS INTO THESE STYLES. THESE ARE TO HIDE MAIN ELEMENTS FROM THE TEMPLATE !!!! */
#outer-topnavigation {display: none;}
#outer-bottomnavigation {display: none;}
#outer-navigation {display: none;}
#sub-navigation {display: none;}
#headernavigation {}
#inner-header h1 {
	display: none;
}
#sideleft-navigation {/* display: none; */}
#sideright-navigation {display: none;}

#outer-header {}
#outer-slideshow {}
#outer-main {}
#outer-footer {}

#outer-clientfooter { display: none; }
#outer-languagebar { display: none; }
#breadcrumbs { display: none; }

/* Make sure these add up to your sites width */
#sidebar-left, #content, #sidebar-right { min-height:200px; float:left; }
#sidebar-left {width:35%;}
#content { width:63%; background: white; }
#sidebar-right { width:37%; float:right; display: none;}
#sidebar-right {
    float: none !important;
    width: 100% !important;
    display: block !important;
}



 .mobile-nav {
	display: none;
}
  
 .mobile-nav .overlay {
	width: 100%;
	height: 0%;
	position: fixed;
	z-index: 230;
	left: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.8);
	overflow-y: hidden;
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.63, 0.14, 0.82);
	transition: all 0.3s cubic-bezier(0.165, 0.63, 0.14, 0.82);
  }
  
 .mobile-nav .overlay .overlay-content {
	padding: 1em;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
  }
  
 .mobile-nav .overlay .overlay-content nav {
	list-style: none;
  }
  
 .mobile-nav .overlay .overlay-content nav li {
	margin-bottom: 2em;
  }
  
  .mobile-nav .overlay .overlay-content nav li a {
	font-size: 2em;
	color: #ffffff;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	text-decoration: none;
  }
  
 .mobile-nav .overlay .overlay-content nav li a:hover, .mobile-nav .overlay .overlay-content nav li a:focus {
	color: #ffffff;
  }
  
 .mobile-nav .overlay .overlay-content {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	width: 100%;
	text-align: center;
	padding: 1em;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
  }
  
 .mobile-nav .hamburger {
	position: fixed;
	top: 5px;
	right: 15px;
	cursor: pointer;
	z-index: 240;
	outline: none;
	border: 0;
	height: 27px;
	width: 41px;
	background-color: transparent;
	display: block;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
  }
  
 .mobile-nav .hamburger-inner {
	background: #ffffff;
	display: block;
	height: 2px;
	width: 100%;
	margin-bottom: 6px;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
  }
  
.mobile-nav .hamburger-inner:before,  .mobile-nav .hamburger-inner:after {
	background: rgba(69, 95, 174, 0.97);
  }
  
   .mobile-nav .hamburger-inner:first-child {
	width: 100%;
  }
  
 .mobile-nav .hamburger-inner:last-child {
	width: 100%;
  }
  
 .is-active .hamburger .hamburger-inner:nth-of-type(1) {
	-webkit-transform: translate(0px, 5px) rotate(-45deg);
			transform: translate(0px, 5px) rotate(-45deg);
  }
  
 .is-active .hamburger .hamburger-inner:nth-of-type(2) {
	display: none;
  }
  
.is-active .hamburger .hamburger-inner:nth-of-type(3) {
	-webkit-transform: translate(0px, -3px) rotate(45deg);
			transform: translate(0px, -3px) rotate(45deg);
  }
  
.is-active .hamburger .hamburger-inner:before, .is-active .hamburger .hamburger-inner:after {
	background: #fff;
  }
  
.is-active .overlay {
	height: 100%;
  }

  

  @media (max-width: 768px) {
	 .mobile-nav {
	  display: block;
	}
	.active-nav ul {
		display: block !important;
		text-align: center;
		display: inline-block;
		padding: 1em;
		box-sizing: border-box;
	}
	
	.active-nav ul li {
		background-color: transparent;
	
	}
	
	.active-nav ul li a {
		color: white;
	}
  }


  
/* Universal mobile and desktop navigation  LIST IDs */

li#l1, ul#mobilenavigation li#l1 { }
li#l2, ul#mobilenavigation li#l2 { }
li#l3, ul#mobilenavigation li#l3 { }
li#l4, ul#mobilenavigation li#l4 { }
li#l5, ul#mobilenavigation li#l5 { }
li#l6, ul#mobilenavigation li#l6 { }
li#l7, ul#mobilenavigation li#l7 { }
li#l8, ul#mobilenavigation li#l8 { }



			.line-footer {
				border-top: 1px solid #e5e5e5;
				padding-top: 10px;
			}

			#expert-site-footer ul li {
				float: left;
				border-left: 1px solid #d1d1d1;
				margin-bottom: 8px;
				padding: 0px 6px;
			}

			#expert-site-footer ul li.first {
				border-left: none ! important
			}

			#expert-site-footer ul li a {
				color: #333;
				font-size: 12px;
				text-decoration: none
			}

			#expert-site-footer ul li a:hover,
			#copyright-expert p a:hover {
				color: #002776
			}

			#copyright-expert p a {
				font-size: 12px;
				color: #009ed9
			}

			#copyright-expert p {
				padding-bottom: 10px;
			}

			#footerLogo-Links a {
				color: #666;
				font-size: 16px;
				margin-left: 20px;
			}

			body {
				font: 400 16px/22px 'Gotham Narrow A', 'Gotham Narrow B', Arial, sans-serif;
				font-style: normal
			}

			#outer-footer .html5-footer {
				padding: 0px
			}

			#outer-footer .html5-footer .line-footer {
				padding-left: 15px;
				padding-right: 15px;
			}

			#outer-footer .html5-footer .line-footer ul {
				padding-bottom: 0px;
			}

			.html5-footer #copyright-expert p {
				margin-top: -10px;
				margin-right: 20px;
			}

			#outer-footer .html5-footer .line-footer ul li {
				margin: 0 0 8px 0;
			}

			#outer-footer .html5-footer #footerLogo-Links {
				padding-top: 10px
			}

			#inner-footer-expert a {
				text-decoration: none !important
			}

			.expertLink1 {
				display: none !important;
			}

			#inner-footer-expert {
				background-color: #fff;
				padding: 0px
			}

			#inner-footer-expert #copyright-expert p a {
				margin-left: 10px;
				margin-bottom: 5px
			}

			#inner-footer-expert #expert-site-footer {
				padding-left: 5px;
			}

			#outer-footer .html5-footer #footerLogo-Links a {
				vertical-align: top;
				margin-top: 12px;
				display: inline-block;
			}

			#outer-footer #footerLogo-Links p {
				display: inline-block;
				margin-left: 10px;
				margin-bottom: 10px;
			}

			#outer-footer #footerLogo-Links a {
				margin-top: 12px;
				vertical-align: top;
				display: inline-block;
			}


			@media (max-width: 768px) {

				#outer-footer .html5-footer,
				#inner-footer-expert {
					padding: 0px
				}
			}
		
/*----------------------------*/
/*	  MISC/GENERAL STYLES  	  */
/*----------------------------*/
body,html { min-height: 100%; height:100%; } 
body { font:0.8em Arial, Helvetica, sans-serif; color:#666; overflow:visible; }
#wrapper { }

#inner-topnavigation, #inner-header, #inner-navigation, #inner-main, #inner-clientfooter, #inner-footer, #inner-bottomnavigation, #inner-languagebar {
	max-width: 1024px; /* SITE WRAPPER WIDTH recommend: 960px, 1140px */
	min-width: 0px; width: 100%;
	margin: 0 auto;
}

#outer-topnavigation, #outer-header, #outer-navigation, #outer-main, #outer-bottomnavigation, #outer-slideshow, #outer-clientfooter, #outer-footer, #outer-languagebar {
	width: 100%;
	float:left;
}

.last { margin-right:0!important; }

#nos-metiers .remove-nav {
	display: none;
}

/*----------------------------*/
/*	   	  Language style  	  */
/*----------------------------*/
#outer-languagebar { }
#inner-languagebar ul { float:right; }
#inner-languagebar li { float:left; padding:10px 10px 10px 0; }
#inner-languagebar a { color:#009fda; }

/*----------------------------*/
/*	   	  Header style   	  */
/*----------------------------*/
/* Outer region for 100% styles */
#outer-header { border-bottom: 2px solid #E23828; margin-bottom: 50px;}
#inner-header { position:relative; min-height: 170px;}
#inner-header a.logo {float:left; margin:30px 0; display: inline-block; width:300px;}
#inner-header a.logo IMG {}

/*----------------------------*/
/*	   	  Slideshow style  	  */
/*----------------------------*/
/* Outer region for 100% styles */
#outer-slideshow { margin: 0 0 20px 0; }
#inner-slideshow { height:auto; position:relative; z-index:0; }
#inner-slideshow .strapline { position:absolute; z-index:99; bottom:20px; right:20px; background:#555; padding:20px; display: none; }

#inner-slideshow IMG { position:absolute; top:0; left:0; z-index:8; width:100%; height: auto; }
#inner-slideshow IMG.active { z-index:10; position: relative; }
#inner-slideshow IMG.last-active { z-index:9; position: absolute; } 

/*----------------------------*/
/*	  Main navigation style	  */
/*----------------------------*/
/* Outer region for 100% styles */
#outer-navigation {background:#ccc; margin: 0 0 20px 0; }
#inner-navigation {background:#002776; height:46px; }
#inner-navigation li { float:left; }
#inner-navigation li a { display:block; padding:0 20px 0 20px; line-height:46px; color:#fff;  }

/* Hover state and hover */
#inner-navigation li a:hover, #inner-navigation li.active a { background:#40b7e3; }
/* Active state for custom style */
#inner-navigation li.active a { }

/* Unique button styles */
#inner-navigation li#l1 { }

/*----------------------------*/
/*	  Top navigation style	  */
/*----------------------------*/
/* Outer region for 100% styles */
#outer-topnavigation {background:#ccc; }
#inner-topnavigation { background:#002776; height:46px; }
#inner-topnavigation li { float:left; }
#inner-topnavigation li a { display:block; padding:0 20px 0 20px; line-height:46px; color:#fff; }

/* Hover state *//* Active state */
#inner-topnavigation li a:hover, #inner-topnavigation li.active a { background:#40b7e3; }

/* Unique button styles */
#inner-topnavigation li#l1 { }

/*--------------------------------*/
/*	  Bottom navigation style	  */
/*--------------------------------*/
/* Outer region for 100% styles */
#outer-bottomnavigation {background:#ccc; margin: 0 0 20px 0; }
#inner-bottomnavigation {background:#002776; height:26px; }
#inner-bottomnavigation li { float:left; }
#inner-bottomnavigation li a { display: block; padding:0 20px 0 20px; line-height:26px; color:#fff; }

/* Hover state *//* Active state */
#inner-bottomnavigation li a:hover, #inner-bottomnavigation li.active a { background:#40b7e3; }

/* Unique button styles */
#inner-bottomnavigation li#l1 { }

/*--------------------------------*/
/*	  header navigation style	  */
/*--------------------------------*/
#headernavigation {clear: right; position: absolute; bottom: -16px; right: 20px; }
#headernavigation li { float:left; margin-right: 35px; height:26px;}
#headernavigation li a { display:block; padding:0 20px 0 20px; line-height:26px; color:#E23828; text-transform: uppercase; background: white; border-left: 2px solid #E23828;}

/* Hover state *//* Active state */
#headernavigation li a:hover, #headernavigation li.active a { color: black; }

/* Unique button styles */
#headernavigation li#l1 { }

/*--------------------------------*/
/*	  sideleft-navigation style	  */
/*--------------------------------*/
#sideleft-navigation { }
#sideleft-navigation li {  }
#sideleft-navigation li a {}

/* Hover state *//* Active state */
#sideleft-navigation li a:hover, #sideleft-navigation li.active a {color: black;border-right: 2px solid #E23828;width: 90%;background: url(https://microsites.hays.fr/cs/groups/hays_common/@uk/@content/documents/webassets/hays_1680964.png) no-repeat right center;}

/* Unique button styles */
#sideleft-navigation li#l1 { }
#opportunities #sidebar-left {display: none;}

/*--------------------------------*/
/*	  sideright-navigation style	  */
/*--------------------------------*/
#sideright-navigation { margin:15px 0 0 0; background:#000000; }
#sideright-navigation li { }
#sideright-navigation li a { display:block; line-height:46px; color:#fff; background:#009fda; text-indent:20px; }

/* Hover state *//* Active state */
#sideright-navigation li a:hover, #sideright-navigation li.active a { background:#40b7e3; }

/* Unique button styles */
#sideright-navigation li#l1 { }

/*----------------------------*/
/*	  Sub-navigation style	  */
/*----------------------------*/
#sub-navigation {margin: 0 0 20px 0; padding-left: 0px !important; }
#sub-navigation li { float:left; list-style-type:none!important;}
#sub-navigation li a { display:block; text-indent:20px; line-height:46px; color:#fff; background:#009fda; width:90px; margin:0 3px 0 0; text-decoration:none!important;  }

/* Hover state *//* Active state */
#sub-navigation li a:hover, #sub-navigation li.active a { background:#002776; color: #fff; }

#sub-navigation li#l1 { }

/*----------------------------*/
/*	 	 Content styles	      */
/*----------------------------*/
/* Outer region for 100% styles */

#outer-main {background: url(https://microsites.hays.fr/cs/groups/hays_common/@uk/@content/documents/webassets/hays_1680955.jpg) no-repeat -5% 26px white; float: left; }
#nosMetiers #outer-main {background: url(https://microsites.hays.fr/cs/groups/hays_common/@uk/@content/documents/webassets/hays_1680956.jpg) no-repeat -5% 26px white; float: left;}
#opportunities #outer-main, #job-details #outer-main {background: none;}
#opportunities #text h1 {color: #E23828; }

#inner-main { background: white; float: none; margin: 0 auto;}
#content {  }
#text {margin-top: 34px; padding:0 0 20px 0; background: white;}

/*----------------------------*/
/*	Sidebar + module style    */
/*----------------------------*/

#sidebar-left {padding-top: 30px; background: white;}
#sidebar-right {display: none;}

#job-details #sidebar-left {display: none;}
#jobs #outer-main {background: none;}
#jobs #content {width: 70%;}

.module { min-height:50px; background:#ddd; margin:0 0px 15px 0px; padding:10px; position:relative;  }
/* Individual module boxes and remove ones not getting used */
.module.a {display: none;}
.module.b {display: none;}
.module.c {display: none;}
.module.d {}
.module.e {min-height: 240px;display: none;}
.module.f {display: none;}
.module.g {display: none;}
.module.h {display: none;}

/*----
------------------------*/
/*	Module: Slideshow         */
/*----------------------------*/
.module.e IMG { position:absolute; height:auto; z-index:8; }
.module.e IMG.active { z-index:10;  }
.module.e IMG.last-active { z-index:9;  } 

/*----------------------------*/
/*    Client footer styles	  */
/*----------------------------*/
/* Outer region for 100% styles */
#outer-clientfooter {}
#inner-clientfooter { background:#444; height:100px; }

/*------------------------*/
/*	 Hays footer styles	  */
/*------------------------*/
/* Outer region for 100% styles */
#outer-footer { background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee;  }
#inner-footer { margin:0 auto 0 auto;  }
#inner-footer .copyright { float:left;margin:18px 0px 0px 0px; }
#inner-footer #hayslogo { float:left; margin:20px 30px 0px 0px; }
#inner-footer #disclaimer { float:left; width:880px; margin:10px 0px 0px 0px; padding:0px 0px 16px 0px; font-size:0.8em; text-align:left; color:#777; }
#inner-footer .addthis_toolbox{ float:right; width:138px; margin:32px 30px 0px 0px;}
#inner-footer p { float:left; color:#304a7f; }
#inner-footer span { color:#1fcdff; }
#inner-footer a { color:#304a7f; }
#inner-footer a:hover { text-decoration:underline; }

/*----------------------------*/
/*	 	   Typography	      */
/*----------------------------*/
/* Header */
#inner-header h1 { font-size:2.4em; position:relative; margin-top:10px; font-weight:bold; color:#333; float:right; }

/* Slideshow */
#inner-slideshow h1 { font-size:1.4em; font-weight:bold; color:#fff; }
#inner-slideshow h2 { font-size:1.2em; font-weight:bold; color:#ddd; }
#inner-slideshow p { font-size:0.9em; font-weight:normal; color:#999; }

#tabs .sub-title {font-size: 1em;text-transform: uppercase; color: #E23828;}
ol.flex-control-nav.flex-control-paging, ul.flex-direction-nav  {display: none; }


/* Main Content */
#content p, #content ul { margin:0px 0px 10px 0px; }
#content a { color:#009fda; text-decoration:underline; }
#content a:hover { color:#002776; text-decoration:none; }
#content ul {list-style: square; padding-left: 40px;}
#content li {  }
#content h1, #content h2, #content h3, #content h4, #content h5 { margin:0px 0px 10px 0px; font-weight:normal; }
#content h1 { color:#333; font-size:2em; margin-bottom:20px; }
#content h2 { color:#666; font-size:1.8em; }
#content h3 { color:#999; font-size:1.6em; }
#content h4 { color:#aaa; font-size:1.4em; }
#content h5 { color:#eee; font-size:1.2em; background:#444; padding:10px; }

#jobs #text h1 {color:#E23828}

#text {padding-bottom: 140px;background: url(https://microsites.hays.fr/cs/groups/hays_common/@uk/@content/documents/webassets/hays_1680993.jpg) no-repeat bottom right;}
#job-details #text {padding-bottom:0;}
/* Module */
.module h1 { font-size:2em; color:#333; margin:0 0 10px 0; font-weight:normal; }
.module a { color:#009fda; }
.module a:hover { text-decoration:underline; }

/* Client footer */
#inner-clientfooter h1 { font-size:1.4em; font-weight:bold; color:#fff; padding:20px; }	


/*-----------------------------------------*/
/* GLOBAL JOBS (NORMAL ASPX & SANGAM JOBS TABLE + DETAILS */
/* GLOBAL JOBS (NORMAL ASPX & SANGAM JOBS TABLE + DETAILS */
/*-----------------------------------------*/
.jobTable, .Micro { width:100%; color: #333; margin-top:20px; }

/* Job table header */
tr.jobListHeader th, tr.MicroHeader th 	{width:65%; color:#fff; text-align:left;  line-height:1.2em; font-weight:bold; background:#E23828; padding: 15px 0px 15px 10px; }

/* Job row */
tr.jobListItemAlt, tr.jobListItem, tr.MicroItem, tr.MicroAltItem {}
tr.MicroItem, tr.jobListItem				{ background-color: #fafafa;}
tr.MicroItem td, tr.jobListItem td 			{ padding:15px 20px 15px 10px; text-align:left; }
tr.MicroAltItem, tr.jobListItemAlt 			{ background-color: #eaeaea;}
tr.MicroAltItem td, tr.jobListItemAlt td 	{ padding:15px 20px 15px 10px;  text-align:left;}

/* Job links */
#content .jobTitle a,
.module .jobTitle a,
.jobTitle,
.jobRate,
table.Micro a,
table.Micro a:link, table.Micro a:visited		{ color: #002776; text-decoration: none; display:block; }

#content .jobTitle a:hover,
.module .jobTitle a:hover,
table.Micro a:hover, table.Micro a:focus 		{ color: #002776; text-decoration: underline; display:block; }


.Viewall {
    display: inline-block;
    color: #002776 !important;
    margin: 1em 0 !important;
    padding: 1em 0.5em;
}


/*IF YOU WANT TO ADD A BULLET TO THE JOB LINKS, ADD THEM HERE */
/*IF YOU WANT TO ADD A BULLET TO THE JOB LINKS, ADD THEM HERE */
/*IF YOU WANT TO ADD A BULLET TO THE JOB LINKS, ADD THEM HERE */
.module .jobTitle a, table.Micro a:link 		{ background: url(https://microcontrib.hays.com/documents/4236418/4238473/joblink_bullet.gif/48817275-5837-477a-bd7e-466e6d32ed4a?t=1578581505305) left center no-repeat; padding-left:20px;}

/* Job titles */
.title, .detailedTitle {padding:20px 0px 10px 0px!important;margin:-10px 0 0 20px;color: #E23828;font-size:1.8em!important;} 

/* Job details bulletpoints */
.recordInfo li { line-height:18px; list-style:square; list-style-type:square; list-style-position:outside; margin:0 0 5px 10px; }

/* Applylinks */
a.detailedBack,a.detailedApply,.applylinks {padding:10px 10px 10px 10px!important;background: #E23828!important;color:#fff!important;text-decoration:none!important;margin:20px 10px 0 0;font-weight: normal;position:relative;display:inline-block;border: none;text-shadow: none;}
a.detailedBack:hover,a.detailedApply:hover,.applylinks:hover { background:#40b7e3; }

/* Hide 1 of 1 jobs text below table */
p.Micro { display:none; }

/*-----------------------------------------*/
/* DETAILED JOB STYLES */
/* DETAILED JOB STYLES */
/*-----------------------------------------*/

/* Control all cells */

/* RSS links */
.rsslink span, .rsslink {float:left;padding:0px 0px 10px 0px;text-indent:5px;display: none;}

.rsslink img { float:left; }
.rsslinkLocal { float:left; padding: 0 0 0 15px; margin-bottom: 15px; text-indent:5px; background: url(https://microcontrib.hays.com/documents/4236418/4238473/rss.png/574cf740-84f7-32b0-5e60-84f5118ea527?t=1578581505951) no-repeat top left; }

/* Alternatate styling columns */
.jobTitle, .jobRate { vertical-align:middle; }
.jobTitle { }
.jobLocation { }
.jobRate {}

/* Jobs detailed page */

/* Job Location */
.detailedLocation span{ }
.detailedLocation { }

/* Job Salary */
.detailedSalary span{ }
.detailedSalary {padding-right: 20px; }

/* Job Type */
.detailedType { }
.detailedType span{ }

/* Job Closing Date */
.detailedClosingDate { }
.detailedClosingDate span{ }

/* Job Reference */
.detailedRef { }
.detailedRef span{ }

/* Job Description */
.detailedDescription { }
.detailedDescription p { }
.detailedDescription ul{ }
.detailedDescription li{ }

/* Job Closing Date */
.detailedContact { }
.detailedContact span{ }

/* Job office */
.detailedOffice { }
.detailedOffice span{ }

.detailedPhone { }
.detailedPhone span{ }

.detailedEmail { }
.detailedEmail span{ }

/*---------------------------------------------*/
/*	 	   Page: Google map API			       */
/*---------------------------------------------*/
#map_canvas { height: 400px; width:100%;  z-index:10; }
#map_canvas img, #map_canvas embed, #map_canvas object { max-width:none;}

#buttons{ margin:0; padding:0; position:relative; z-index:20; border-radius:4px; border-radius:4px; height:68px; display:none; }
#buttons a { margin-right:10px; }

/*---------------------------------------------*/
/*	 	   Page: Tab styles				       */
/*---------------------------------------------*/
/* Hide elements on pages by referencing id page names on the body element */
ul#tabnav  { float:left; padding:0 0 20px 0; }

ul#tabnav li {  float:left; list-style:none; width: 100%; margin-bottom: 4px;}

ul#tabnav li a {padding: 0 0 0 15px;line-height: 27px;color:#E23828;text-transform: uppercase;display: inline-block;}

ul#tabnav li a span {background: white;padding-right: 15px;}

ul#tabnav li #active {}
ul#tabnav li a#active, #nos-metiers ul#tabnav li a#active{color: black; border-right: 2px solid #E23828; width: 90%; background: url(https://microsites.hays.fr/cs/groups/hays_common/@uk/@content/documents/webassets/hays_1680964.png) no-repeat right center;}

#tabs { position:relative; width:auto; padding-left:20px;  }
#tabs { position:relative; }

/*---------------------------------------------*/
/*	 	   Page: Profile styles				   */
/*---------------------------------------------*/
.profile-img { padding:0 10px 10px 0; float:left;  }
.profileTab {float:left; margin: 0 10px 10px 0}
.boxgrid h2{ margin: 10px 10px 0 10px; color:#fff!important; font-size:1.2em!important; line-height: 1em; font-weight:bold; padding:15px; text-transform:uppercase;}
.boxgrid { 
	width: 140px; 
	height: 149px; 
	margin:0px 20px 20px 0px; 
	float:left; 
	overflow: hidden; 
	position: relative; 
	border:1px solid #eee;
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p { 
	padding: 0 10px; 
	color:#002776; 
	font-weight:bold !important; 
	font:.8em Arial, sans-serif;
	text-transform:uppercase; 
}		
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #009fda; 
	height: 150px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 150px;
	left: 0;
}

.pagination {font-size: 0.8em;margin-top: 10px; }
.pagination ul {padding: 0 !important; list-style: none !important; }
.pagination ul li {
	display: inline; margin-right: 13px; display: none; 
}
.pagination li.pageNumber, .pagination li.resultCount, .pagination li.active, .pagination li.resultCount, .pagination li.next {
	display: inline-block;
}
.pagination li.pageNumber {padding-right: 14px!important;}
.pagination li a { font-size: 1em !important; text-decoration: none !important; }
li.resultCount {float: right; }
li.pageNumber {border-right: 1px solid #ccc; padding-right: 5px; margin-right: 5px; }

.pagination li.active { }
.pagination li.next a {
	background: url(https://microsites.hays.fr/prd_contrib/groups/hays_common/@uk/@content/documents/webassets/hays_897309.png) center center #243746; display: inline-block; width: 18px; height: 18px; background-size: 80%; 

	-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;
}
.pagination li.next a:hover {background-color:#5e9732; }



/*-------------------------------------------------*/
/*	 	   Page: FAQ							   */
/*-------------------------------------------------*/
/* Hide elements on pages by referencing the id page names on the body element */
.dropdown { display:none; background:#009fda; z-index:999; position:absolute; top:46px; }
.dropdown li { width:100%; color:#fff; background:#009fda; }


/*----------------------------*/
/*	  MISC/GENERAL STYLES  	  */
/*----------------------------*/
.last { margin-right:0px!important; }
.clear { clear:both; }

.sldr div {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 12;
	height: 185px;
	background-image: url(https://microcontrib.hays.com/documents/4236418/4236487/1.jpg/ab18e106-8f45-45bb-5e4d-90a0f1c0961a?t=1578581523618);
}

.sldr div.two {
	background-image: url(https://microcontrib.hays.com/documents/4236418/4236487/1.jpg/ab18e106-8f45-45bb-5e4d-90a0f1c0961a?t=1578581523618);
}

.sldr div.three {
	background-image: url(https://microcontrib.hays.com/documents/4236418/4236487/2.jpg/3ccc10c8-a335-5c78-7412-0ea67279eb79?t=1578581523316);
}

.sldr div.four {
	background-image: url(https://microcontrib.hays.com/documents/4236418/4236487/3.jpg/bf23164e-59b1-b811-5950-02cdd9b368cd?t=1578581524573);
}

.sldr div.five {
	background-image: url(https://microcontrib.hays.com/documents/4236418/4236487/4.jpg/76477557-e001-0145-5a37-b9e3c9be95ed?t=1578581523886);
}

.sldr div.six {
	background-image: url(https://microcontrib.hays.com/documents/4236418/4236487/5.jpg/db19adbb-1e9a-e5b5-7583-87f9f7f8cff1?t=1578581521812);
}
/*----------------------------*/
/*	  HIDE MOBILE ELEMENTS 	  */
/*----------------------------*/

#outer-footer {
    font-family: 'Arial', Helvetica, sans-serif;
    background: #fff;
    border-top: 1px solid #eee;
    width: 100% !important;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px !important;

  }

  #outer-footer p {
      margin: 0;
  }
  
  #inner-footer-expert {
  
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 auto 0 auto;
  }
  
  #inner-footer-expert #footerLogo-Links {
    margin: 10px 0px 0px 0px;
    display: flex;
    align-items: center;
    height: 43px;
  
    font-size: 17px;
    margin-left: 20px;
  }
  
  div#footer-bottom {
    font-size: 13px;
    margin-bottom: 5px;
    margin-left: 11px;
  }
  
  #inner-footer-expert #footer-bottom .single-col .col.col-12 nav ul {
    padding: 0;
    margin: 0;
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
  
  }

  #inner-footer-expert #footer-bottom .single-col .col.col-12 nav ul  li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  
  /*NEED AMEND*/
  #inner-footer-expert #copyright-text {
    font-family: Arial, Helvetica, sans-serif !important;
    margin: 19px 0px 0px 20px;
  }
  
  #inner-footer-expert #footerLogo {
    margin: 10px 0px 0px 0px;
  }
  
  #inner-footer-expert p {
    color: #304a7f;
  }
  
  #inner-footer-expert span {
    color: #333;
  }
  
  #inner-footer-expert a {
    margin-right: 8px;
    color: #666;
    font-weight: normal;
  }
  
  #inner-footer-expert a:hover {
    text-decoration: none;
    color: #002776;
  }
  
  #inner-footer-expert #copyright-text {
    display: none;
  }



#topbar { display:none; }
ul#mobilenavigation li { display:none;  }
ul#mobilenavigation h5 { display:none;  }



@media handheld, only screen and (max-width: 980px) {

	#inner-footer #disclaimer {width:500px;}
	#wrapper { padding:10px; width:auto; }	

}


@media handheld, only screen and (max-width: 770px) {
	/* General css styles and fixes for mobile */
	body, #wrapper, #outer-topnavigation, #outer-header, #outer-navigation, #outer-slideshow, #outer-main, #outer-clientfooter, #outer-footer,#inner-topnavigation, #inner-header, #inner-navigation, #inner-slideshow, #inner-main, #inner-bottomnavigation, #inner-clientfooter, #inner-footer, #sidebar-left, #sidebar-right, #content  {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#outer-navigation {display:none;}

	.fixer { overflow:hidden; height:100%; }
	#wrapper { padding:10px; width:auto; }	
	
	/* Header fixes for styles and logo */
	#outer-slideshow, #outer-navigation {margin: 0px;}
	#inner-header h1 {float: left; clear:both;font-size: 1.7em;}
	#outer-header {margin-bottom: 0px;}
	#inner-languagebar { display:none; }
	#inner-header { float:none;min-height: 0px;  }
	#inner-header a.logo { float:none; margin:0px auto 10px auto !important; width: 100%; }
	#inner-header a.logo IMG {width: 120px; display: block; margin: 0 auto;}
	
	/* Slideshow fixes */
	#inner-slideshow { overflow:hidden; }
	#inner-slideshow .strapline { display:none; }

	/* Hide all desktop navigations */
	#inner-topnavigation, #sidebar-left, #sideright-navigation, #inner-bottomnavigation, #inner-navigation, #headernavigation { display:none; }

	#sub-navigation li {width: 100%; border-bottom:1px solid #002776; margin-bottom:2px;}
	#sub-navigation li a  {width: 100%;}
	/* Mobile slideshow fixes */
	#inner-slideshow { min-height:0; height:auto; margin:15px 0 0 0; }
	#inner-slideshow img { width:100%; }
	#inner-slideshow img.active { position:relative; }
	#inner-slideshow img.last-active { position:absolute; }

	#text {background:url(https://microcontrib.hays.com/documents/4236418/4238473/frenchMessage.jpg/1aba0aa4-c8fc-1b06-3f0d-3099f0e89a53?t=1578581507457) no-repeat bottom center;}

	#sidebar-left {display: block; min-height: 0px;}
	ul#tabnav {width:100%; border: none; padding-bottom: 0;}
	ul#tabnav li {float: none;border: none!important;background: url(https://microcontrib.hays.com/documents/4236418/4238473/mobNavBackground.jpg/7390781e-02db-39b8-6604-c56f52877e8f?t=1578581507826) no-repeat right;height: 35px;line-height: 38px;width: 100%!important;padding: 0px!important;margin-bottom: 2px;border-right: none;}
	ul#tabnav li a {padding: 0 0 0 20px!important; color: white!important; font-size: 1em; font-weight: 200; background: none;}
	ul#tabnav li a span {background: none;}
	ul#tabnav li a:hover {color: white; text-decoration: underline;}
	ul#tabnav li a#active {text-decoration: underline;color: white!important;border-right: none!important;background: none!important;}
	#tabs {padding-left:0;}

	/* Mobile top navigation bar */
	#topbar {
		background:url(https://microcontrib.hays.com/documents/4236418/4238473/mobile_icons.gif/be98a7f2-5226-2bb7-c533-cb467bc4ee36?t=1578581505445) top repeat-x;
		height:37px!important;
		width:100%;
		display:block!important;
		position: fixed;
		z-index: 10;
	}
	
	/* Mobile navigation background */
	ul#mobilenavigation {
		font-family:Arial, Helvetica, sans-serif;
		display:none;
		position:relative;
		width:0%;
		float:left;
		min-height: 100%;
		background-color:#111;
		background:url(https://microcontrib.hays.com/documents/4236418/4238473/tab_bg.png/1fa57bf6-f93e-e91f-53ec-3f0c9ff9239c?t=1578581506479) right;
		overflow:hidden!important;
		background:#222;
	}
	
	/* Mobile navigation buttons */
	ul#mobilenavigation li { display:block; }
	ul#mobilenavigation li a {
		width:100%;
		min-width:100%;
		overflow:hidden;
		height:40px;
		line-height:40px;
		text-decoration:none;
		color:#fff;
		font-weight:normal;
		text-shadow:#111 1px 1px 1px;
		float:left;
		border-top:1px solid #333;
		border-bottom:1px solid #222;
		text-indent:15px;
		background-position:20px center;
		font-size:1em;
	}
	ul#mobilenavigation li a:hover {
		background-color:#2a2a2a!important;
	}
	
	/* Mobile sub navigation links */
	ul#mobilenavigation li ul li a{ 
		text-indent:30px; 	
		height:30px;
		line-height:30px; 
	}
	
	/* Mobile navigation button */
	.Menu { 
		float:left;
		margin:5px 0 0 5px;
		cursor:pointer;
		background:url(https://microcontrib.hays.com/documents/4236418/4238473/mobile_icons.gif/be98a7f2-5226-2bb7-c533-cb467bc4ee36?t=1578581505445) left bottom no-repeat;
		height:27px;
		width:35px;
		z-index:999!important;
	}
	/* Mobile navigation button once pressed (down state) */
	.pressed {background:url(https://microcontrib.hays.com/documents/4236418/4238473/mobile_icons.gif/be98a7f2-5226-2bb7-c533-cb467bc4ee36?t=1578581505445) right bottom no-repeat; height: 27px; width: 35px; }

	/* Mobile footer elements */
	#inner-footer #hayslogo { float:left; margin:20px 20px 0px 0px; }
	#inner-footer #disclaimer {display: none;}

	ul#mobilenavigation h5 { font-size:1.2em; display: block; padding:20px 10px; color:#999; font-weight: bold; }

}

/*ADDITIONAL MEDIA QUERY SIZES //
//ADDITIONAL MEDIA QUERY SIZES //
//ADDITIONAL MEDIA QUERY SIZES //
//ADDITIONAL MEDIA QUERY SIZES */


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
	/* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
	/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	/* Styles */
}