/**************************
***** Emplois (categories)
************************** */
.emplois-categories{
	margin: 20px 0;
}
.emplois-categories .arrow {
    font-size: 0;
    display: inline-block;
}
.emplois-categories .inner-arrow {
	font-size: 12px;
	font-family: 'Raleway', sans-serif; font-weight: 600;
	height:40px;
    display: inline-block;
	background:#006ab8;
	text-align: center;
	line-height: 40px;
    vertical-align: middle;
    color: #FFFFFF;
    padding: 0 20px;
}
.emplois-categories .arrow:after {
	content:'';
    display: inline-block;
	width:0;
	height:0;
	border:20px solid transparent;
    vertical-align: middle;
}
.emplois-categories .arrow:after {
	border-left-color: #006ab8;
}
.emplois-categories span.first{
	display: inline-block;
	vertical-align: top;
	padding: 10px 20px;
	color: #FFFFFF;
	background: #006ab8;
}
.emplois-categories ul{
	display: inline-block;
	vertical-align: top;
}
.emplois-categories ul li.active, .emplois-categories ul li:hover{
	color: #F5951A;
	cursor: pointer;
}
.emplois-categories ul li.active{
	font-family: 'Raleway', sans-serif; font-weight: 600;
}
.emplois-categories ul li{
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	margin-right: 20px;
}

/* ========================================== */
/* ============== TABLETTE (portrait) ======= */
/* ========================================== */
@media only screen and (max-width: 800px){
	.emplois-categories ul li{
		display: block;
		padding: 5px;
		margin-right: 0;
	}
}

/* ========================================== */
/* ============== SMARTPHONE    ============= */
/* ========================================== */
@media only screen and (max-width: 619px) {

	.emplois-list .emploi-sheet{
		width: 100%;
		display: block;
		margin: 20px 0;
	}

	.home .emplois-list .emploi-sheet:nth-child(3){
		width: 100%;
	}
}