@charset "UTF-8";
/* CSS Document */


/*resets */

body {
	padding:0;
	margin:0;
	font-size:12px;
	position:relative;
	z-index:1;
	}
	

	
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}	
	
h1,h2,h3,h4,h5,h6,ul,ol,li,pre,code  {
	padding:0;
	margin:0;
	font-size:12px;
	}
	
table { 
	font-size:inherit;font:100%;}
	
ul li, 
ol li { list-style:none;}

img {
	border:0;}

p {
	margin:0;
	padding:0}
	
a,a:hover {
	color:#000;
	text-decoration:none;
	cursor:pointer;
	}	
	
.clear {
	clear:both;}	
	
.spacer5 {
	height:5px;}	
	
.spacer10 {
	height:10px;}	
	

.spacer20 {
	height:20px;}	
	
.hideChat {
	display:none;}		
	
	

    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
	
	
	

	
	
	/*structure*/


#wrapper {
	width:1188px;
	margin:10px auto 0 auto;
	padding:0 10px;
	position:relative;
	z-index:3;
	}
	
#mobile {
	display:none;}	
	
#headerContainer {
	position:relative;
	}
	
.myLObackground {
	display:none;}	
	
#headerContainerMobile {
	display:none;}	
	
#content {
	margin-bottom:10px;
	position:relative;
    display: -webkit-flex;
    display: flex;
   -webkit-flex-wrap: wrap;
    flex-wrap: wrap;}	
	
/*#wrapper #content .sectorLinks {
	display:none;}	*/
	
	
#wrapper #content .col1 {
	width:160px;
	margin-right:40px;}		

#wrapper #content .col2 {
	width:703px;
	margin-right:40px;
	}
	
#wrapper #content .col3 {
	width:245px;
	}
	
			
			
#wrapper.home #content .col1,
#wrapper.training #content .col1  {
	width:160px;
	margin-right:20px;}				
	
#wrapper.home #content .col2,
#wrapper.training #content .col2 {
	width:484px;
	margin-right:40px;}		

#wrapper.home #content .col3,
#wrapper.training #content .col3 {
	width:484px;
	margin-right:0;}
	


			
	
#wrapper.jobdetail #content .col2,
#wrapper.application #content .col2,
#wrapper.quickapply #content .col2 {
	width:988px;
	margin-right:0px;}		


#wrapper.magazine #content .col2,
#wrapper.catalogues #content .col2 {
	height:auto;
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap:wrap;
	 -webkit-align-content: flex-start;
    align-content: flex-start;
	
}


#wrapper.recruiter #content .col1 {
	width:100%;
	margin:0;}
	
	
#wrapper.chat #content .col1,
#wrapper.chat #content .col3 {
	display:none;	}
	
#wrapper.chat #content .col2 {
	width:100%;
	margin:0;}
	
#wrapper.chat #content .col2 .chat iframe {
	border:none;
	width:600px;
	height:100%;}	


#footerContainer {
	margin-bottom:10px;
	}		
	
	
	
/* page specific structure */



.fb-holder {
	margin:20px 0;
	padding-bottom:20px;
	border-bottom:2px solid #000;}
	
	
	
	

	
	@media screen and (max-width:1202px) {	
	
#wrapper {
		width:1018px;
		
	}
	
	
#wrapper #content .col1 {
	margin-right:30px;}		

#wrapper #content .col2 {
	width:553px;
	margin-right:30px;}
	

	

	
#wrapper.home #content .col2,
#wrapper.home #content .col3,
#wrapper.training #content .col2,
#wrapper.training #content .col3
 {
	width:399px;
	}		

#wrapper.jobdetail #content .col2,
#wrapper.application #content .col2,
#wrapper.quickapply #content .col2 {
	width:818px;
	
	
	}
	
	
	
	
	
	@media screen and (max-width:650px) {	
	
#wrapper {
		width:90%;/*for older browers*/
		width:calc(100% - 20px);
		padding:0 10px;
		margin:0;
	}
	

	
/*#wrapper.home #desktop {
	display:none;}
	
#wrapper.home #mobile {
	display:block;}	*/
	
	
#headerContainer {
	display:none;}	
	
	
#headerContainerMobile {
	display:block;}		
	
	
	
#wrapper #content .col1 {
	display:none;}
	


#wrapper #content .sectorLinks {
	display:block;
	width:100%;
	margin-top:-10px;
	margin-bottom:20px;}
	
	

		
	
#wrapper #content .col2,
#wrapper #content .col3,
#wrapper.training #content .col2,
#wrapper.training #content .col3 {
	width:100%;
	margin-right:0px;
	margin-bottom:30px;}	
	
#wrapper.home #content .col2 {
	width:47%;
	margin-right:6%;}	
	
#wrapper.home #content .col3 {
	width:47%;
	}	
				
	
#wrapper.recruiter  #content .col1 {
	display:block;}	
	
	
#wrapper #content .col3 #newsSearch .field2 {display:none;}	

#wrapper #content .col3 #newsSearch {margin-bottom:0px;}

#wrapper #content .col3 #newsSearch .field1 {
	width:100%;}

#wrapper #content .col3 #newsSearch .field1 input {
    width:99%;
	width:calc(100% - 6px);}
	
#wrapper #content .col3 #newsSearch .field1 button {
	
	background-color:#a5a6a8;
	
	}
	
#wrapper #content .col3 #newsSearch .field1 button:hover {
	background-color:#a5a6a8;
}    


	

#wrapper.chat #content .col2 .chat iframe {
	
	width:100%;
	}
	

	}