@charset "utf-8";

/* CSS Document */
body, a {
    color: #797979;
}

body {
hyphens: manual;
    line-height: 1.5;	
}
button, html, input, select, textarea {
  
    font-family: "Helvetica Nueue",Arial,Verdana,sans-serif;
}
.job_listings { margin-bottom:30px; }
.job_listing {
    border-bottom: 1px solid #ccc;
    margin: 0;
  /*  padding: 1em;*/
    position: relative;
}
/*.linkJobs {text-decoration:none;display:block;padding: 1em;}*/

/* gestion des annonces  */
ul.job_listings-gestion { border:0; }

ul.job_listings-gestion li {
	margin-bottom:20px;
	border: 1px solid #ccc;
	border-radius : 3px;
}

ul.job_listings-gestion li:last-child { border: 1px solid #ccc; }

ul.job_listings-gestion li li:last-child { border:0; }

ul.job_listings-gestion li li { border:0; }

.job_listing-infos {
	margin-top:10px;
	border-top: 1px solid #ccc;
}

.job_listing-infos ul {
	padding-left:10px;
	margin-bottom:0
}
/*****************************/


ul.job_listings, ul.resumes {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
}
ul.job_listings .job_listing:hover, .job_position_featured, li.type-resume:hover {
	box-shadow:inset 5px 0 0 #00aeef;
}

.job_listing-clickbox, .jobify-clickbox, .resume-clickbox {
    color: inherit;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.job_listing-logo, .resume-logo {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}
.job_listing-logo img, .resume-logo img {
    max-width: 100%;
}



.job_listing-about, .resume-about {
    width: 68%;
	margin-left: 5%;
    display: inline-block;
}
.job_listing-about.full {
	 width: 100%;	
}


.job_listing__column, .resume__column {
    vertical-align: top;
    margin-bottom: .5em;
}

.job_listing-meta, .resume-meta {
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.job_listing-meta li, .resume-meta li {
    margin-bottom: .25em;
}
.job-type{
    background-color: #00aeef;
}
.job-type, .job_listing-type {
    font: 700 12px/normal Montserrat, sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 10px;
}
.job_listing-meta li:last-child, .resume-meta li:last-child {
    margin-bottom: 0;
}
.jobify_widget_jobs .job_listing-date, .jobify_widget_jobs .resume-date {
    display: block;
}
.job_listing-date, .resume-date {
    font-size: 14px;
}

.job_listing-title, .resume-title {
    line-height: 18px;
	font-size: 20px;
    font-weight: bold;
	margin: 0;
}
.job_listing-company, .resume-candidate-title {
    font-size: 14px;
}
.job_listing-company strong {
    font-weight: 100;
}




@font-face {
	font-family:Ionicons;
	src:url(fonts/ionicons.eot?v=2.0.0);
	src:url(fonts/ionicons.eot?v=2.0.0#iefix) format("embedded-opentype"), url(fonts/ionicons.ttf?v=2.0.0) format("truetype"), url(fonts/ionicons.woff?v=2.0.0) format("woff"), url(fonts/ionicons.svg?v=2.0.0#Ionicons) format("svg");
	font-weight:400;
	font-style:normal
}

.job_listing-location:before, .resume-location:before {
	content:"";
	font-size:22px;
	vertical-align:middle;
	margin:-1px 4px 0 0;
	
	display: inline-block;
    font-family: Ionicons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto;
    height: auto;
}
.job_listing-location.no-icon:before {
    content: "";
	display:none;
}

.bgblue {
	background:#00aeef;		
}

.bgrouge{
	background:#8700ef; /*ef2700*/
}
.bgrouge2{
	background:#fa3b2c; /*ef2700*/
}
.bgrouge2:hover{
	border-color:#fa3b2c; /*ef2700*/
	color:#fa3b2c;
}

.bgvert{
	background:#5bbc2e;
}
.bgorange{
	background:#ef7c00;
}


.widget-area--sidebar .widget_featured_jobs ul.job_listings .job_listing-about, .widget-area--sidebar .widget_featured_jobs ul.job_listings .job_listing-location, .widget-area--sidebar .widget_featured_jobs ul.job_listings .job_listing-logo, .widget-area--sidebar .widget_featured_jobs ul.job_listings .job_listing-meta, .widget-area--sidebar .widget_featured_jobs ul.job_listings .job_listing-position, .widget-area--sidebar .widget_featured_jobs ul.job_listings .resume-about, .widget-area--sidebar .widget_featured_jobs ul.job_listings .resume-candidate, .widget-area--sidebar .widget_featured_jobs ul.job_listings .resume-location, .widget-area--sidebar .widget_featured_jobs ul.job_listings .resume-logo, .widget-area--sidebar .widget_featured_jobs ul.job_listings .resume-meta, .widget-area--sidebar .widget_featured_jobs ul.resumes .job_listing-about, .widget-area--sidebar .widget_featured_jobs ul.resumes .job_listing-location, .widget-area--sidebar .widget_featured_jobs ul.resumes .job_listing-logo, .widget-area--sidebar .widget_featured_jobs ul.resumes .job_listing-meta, .widget-area--sidebar .widget_featured_jobs ul.resumes .job_listing-position, .widget-area--sidebar .widget_featured_jobs ul.resumes .resume-about, .widget-area--sidebar .widget_featured_jobs ul.resumes .resume-candidate, .widget-area--sidebar .widget_featured_jobs ul.resumes .resume-location, .widget-area--sidebar .widget_featured_jobs ul.resumes .resume-logo, .widget-area--sidebar .widget_featured_jobs ul.resumes .resume-meta {
	width:100%;
	display:block
}

@media screen and (max-width: 510px) {
	
	.job_listing-date, .resume-date {
		font-size: 11px;
	}
	
	.job_listing-title, .resume-title {
		line-height: 12px;
		font-size: 14px;
		font-weight: bold;
		margin: 0;
	}	
		
	.job_listing-company, .resume-candidate-title {
		font-size: 11px;
	}	
	.job_listing {
		padding: 5px;
	}
	.job_listing-about, .resume-about {

	    margin-left: 4%;
	}
	.job_listing-location,.job_listing-location:before {
		font-size: 12px;
		line-height:12px;
		
	}
	.job_listing__column, .resume__column {
	    margin-bottom: 3px;
	}
	
	.job-type, .job_listing-type {
 	   font: 700 9px/normal Montserrat, sans-serif;
	}
	
}
/* style global pour entourer certain élément */
.blockShadow {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	border:0px;
	background:#ffffff;
    border-radius: 3px;
}

.linkJobs {
    text-decoration: none;
    display: block;
    padding: 0.6em;
    color: #797979;
}
ul.job_listings {
    border: 0px;
    border-radius: 3px;
}
ul.job_listings .job_listing:last-child {
    border-bottom: 0px;
}

ul.job_listings img {vertical-align:middle}


@media screen and (min-width:768px) {
	.job_listing-logo, .resume-logo {
		width:20%;
		vertical-align:middle
	}
	
	.job_listing-about, .resume-about {
		width:76%;
		margin-left:3%;
		vertical-align:middle
	}

	.job_listing-logo, .resume-logo {
		width:6%
	}
	.job_listing-about, .resume-about {
		width:91%;
		margin-left:2%
	}
	.job_listing-position, .resume-candidate {
		width:45%
	}
	.job_listing-location, .resume-location {
		width:25%
	}
	.job_listing-meta, .resume-meta {
		text-align:center;
		width:22%
	}
	.job_listing-position, .resume-candidate {
		width:45%
	}
	.job_listing-title, .resume-title {
		font-size:18px
	}
	.job_listing-location, .resume-location {
		width:25%
	}
	.job_listing-meta, .resume-meta {
		text-align:center;
		width:22%
	}
	.job-type, .job_listing-type, .single-product .page-header .sale .onsale {
		display:block
	}
	.job_listing__column, .resume__column {
		vertical-align: middle;
		display: inline-block;
		margin-right: 3%;
		margin-bottom: 0;
	}
	.job_listing__column:last-child, .resume__column:last-child {
		margin-right:0
	}
	.linkJobs {
   
		padding: 10px;
	
	}
}
	
@media screen and (min-width:1200px) {
	.job_listing-logo, .resume-logo {
		width:6%
	}
	.job_listing-about, .resume-about {
		width:90%;
		margin-left:2%
	}
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


ul.job_listings .job_listing {padding:0}