/* -------------------- */
/* ANNONCES				*/
/* -------------------- */

.offer {
	border-left:solid 1px #e1e4ef;
	border-right:solid 1px #e1e4ef;
	color:#676772
}
.offer .user-picture { margin:1em; }

/* Header lignes */
.offer-infos-header {
	padding:0 5px;
	border-bottom:1px solid #ebeff4;
	border-left:1px solid #ebeff4;
	background-color:#f9fafc
}

.offer-infos-header li {
	line-height:2.5em;
	display:inline;
	margin-right:5px;
	padding:.7em;
	border-right:1px solid #ebeff4
}
.offer-infos-header li a {
	text-decoration:none;
	border:0;/*
	color:#ffffff;*/
	white-space:nowrap
}
.offer-infos-header li a:hover {
	text-decoration:none;/*
	border-bottom:2px solid #ffffff;*/
}

/* ---------- */

.offer {
	margin-bottom:30px;
	font-size:14px
}
.offer > h2 {
	background-color:#dfe4ed;
	-webkit-transition:background-color 300ms ease-out;
	padding:10px 15px;
	padding:10px 1rem;
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	/*
	border-radius:5px 5px 0px 0px;
	margin-top:2px;*/
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border:0px solid #000000
}
.offer > h2 a {
	color:#415157
}
.offer > h2, .offer-meta {
	margin-bottom:0
}
.offer .offer-meta:before {
	width:0px;
	height:0px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	position:absolute;
	top:-8px;
	right:50%
}

.offer-title {
	position:relative
}

.offer-content {
	float:left;
	width:84%
}

.offer-cf {
}
.offer-cf:before, .offer-cf:after {
	content:" ";
	display:table
}
.offer-cf:after {
	clear:both
}

@media only screen [class*="column"]+[class*="column"]:last-child {
	float:right
}
@media only screen and (min-width:368px) {
	.row .row {
		width:auto;
		margin-left:-0.9375em;
		margin-right:-0.9375em;
		margin-top:0;
		margin-bottom:0;
		max-width:none;
	}
}
@media only screen and (min-width:768px) {
	.column, .columns {
		position:relative;
		padding-left:0.9375em;
		padding-right:0.9375em;
		width:100%;
		float:left;
	}
}

.offer-description {
	padding:16px;
	border-left:1px solid #ebeff4;
	line-height:24px;
	color:#888888;
	min-height:140px
}

.offer-meta:before {
	border-bottom:8px solid #fff
}
.offer-meta, .offer-description {
	background-color:#ffffff
}
.offer-meta .offer-deadline {
	width:16%;
	text-align:center;
	float:left;
	/*color:#fff;*/
}
.offer-meta-below-desc {
	background-color:#f9fafc;
	border-top:1px solid #ebeff4;
	border-bottom:1px solid #ebeff4;
	color:#8899a0
}

.offer-skills {
	display:block;
	float:left;
	padding:16px;
	line-height:1.8em
}

.offer-skills .offer-label, .user-skills .offer-label, .bidder-skills .offer-label, .offer-container .offer-label {
	position:relative;
	margin-right:1em;
	margin-bottom:0.5em;
	padding:5px 10px 5px 14px
}
.offer-skills .offer-label, .user-skills .offer-label, .bidder-skills .offer-label, .offer-container .offer-label {
	background-color:#e6e8ea;
	color:#353d30
}
.offer-label {
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	line-height:1;
	white-space:nowrap;
	display:inline-block;
	position:relative;
	padding:0.1875em 0.625em 0.25em;
	font-size:0.875em;
	background-color:#2ba6cb;
	color:#fff
}
.offer-skills .offer-label:after, .user-skills .offer-label:after, .bidder-skills .offer-label:after, .offer-container .offer-label:after {
	left:100%;
	top:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(230, 232, 234, 0);
	border-left-color:#e6e8ea;
	border-width:11px;
	margin-top:-11px
}

/* ---------- */

.offer-deadline .project-budget {
	background-color:#a5d886
}

.project-budget-wrapper {
	border-bottom:1px solid #000000
}
.project-budget-wrapper, .project-expires-wrapper {
	padding:10px
}

.offer-deadline .budget {
	font-weight:bold;
	padding:12px 0;
	font-size:1.3em;
	min-height:53px
}
.offer-deadline .budget, .offer-deadline .budget-type {
	display:block
}
.offer-deadline .project-budget .budget-type {
	background-color:#92c871
}
.offer-deadline .budget-type {
	font-size:10px;
	padding:6px 0
}

/* ---------- */

.project-infos-wrapper {
	padding:10px
}
.offer-deadline .project-infos {
	background-color:#ff6600
}
.offer-deadline .project-infos .date-infos-left {
	background-color:#ff9900
}
.project-infos {
	font-size:12px;
	padding:0 0 6px
}
.project-infos, .project-infos span {
	display:block
}
.project-infos .date-infos-left {
	padding:12px 0;
	font-size:25px;
	font-weight:bold;
	margin-bottom:6px;
	min-height:53px
}

.offer-deadline .project-expires {
	background-color:#58bcd7
}
.offer-deadline .project-expires .days-left {
	background-color:#81daf3
}

/* ---------- */

.project-expires {
	font-size:10px;
	padding:0 0 6px
}
.project-expires .days-left {
	padding:12px 0;
	font-size:25px;
	font-weight:bold;
	margin-bottom:6px;
	min-height:53px
}
.project-expires, .project-expires span {
	display:block
}

/* ---------- */

.recruiter-grid .row {
	padding:1em 1em
}
.recruiter-grid.views-row-odd {
    background-color:#efefef
}
.recruiter-grid.views-row-even {
    background-color:#ffffff
}

/* ---------- */

.offer-grid .row {
	padding:1em 0px
}
.offer-grid .offer-date {
	font-size:15px;/*
	padding-left:2px;*/
}
.offer-grid h2,
.recruiter-grid h2 {
	font-size:19px;
	font-size:1.9rem;
	font-family:inherit;
	font-style:inherit;
	line-height:inherit;
	font-size-adjust:inherit;
	font-stretch:inherit;
	font-feature-settings:inherit;
	font-language-override:inherit;
	font-kerning:inherit;
	font-synthesis:inherit;
	font-variant:inherit;
	vertical-align:baseline;
	/*
	font-weight:bold;
	background-color:#dfe4ed;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	-webkit-transition:background-color 300ms ease-out;
	border-radius:5px 5px 0px 0px;
	margin-top:2px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;*/
	margin-top:0;
	padding:0 1px;
	border:0px solid #000000
}
.offer-grid  h2 a {
	/*color:#415157;*/
}

.offer-grid.views-row-odd {
    background-color:#efefef
}
.offer-grid.views-row-even {
    background-color:#ffffff
}


/* -------------------- */
/* TYPE CDD / CDI ...	*/
/* -------------------- */

.typecontrat, .typecdi, .typecdd, .typeinterim, .typecontratpro, .typeapprentissage, .typeformation, 
.typefranchise, .typestage, .typeteletrav, .typeskill {
	padding:2px 5px;
	color:#fff;
	border-radius:3px;
	line-height:1.8em
}
.typeskill { background:#f5f5f5; color:#333333; }
.typecontrat { background:#f26522; }
.typecdi { background:#52ac61; }
.typecdd { background:#f26522; } /* f90 */
.typeinterim { background:#aa9; }
.typecontratpro { background:#447ec7; }
.typeapprentissage { background:#8b48d7; }
.typeformation { background:#e6e8ea; color:#333333; }
.typefranchise { background:#8b48d7; }
.typestage { background:#cc2600; } /* a6c744 */
.typeteletrav { background:#333333; } /* aa9 */


/* -------------------------- */
/* OFFRE / COLONNE ESSENTIEL  */
/* -------------------------- */
/* http://bootsnipp.com/snippets/featured/awesome-discount-label */

.dl-offer {
    background:#f0f0f0;
    padding:30px 0;
    border-radius:20px;
    position:relative
}
.dl-offer:before {
    content:" ";
    height:20px;
    width:20px;
    background:#ddd;
    border-radius:20px;
    position:absolute;
    left:50%;
    top:20px;
    margin-left:-10px
}

.dl-offer .essentiel {
    min-height:50px;
    position:relative;
    font-size:30px;
    line-height:80px;
    text-align:center;
    font-weight:bold;
    padding:10px 15px 0;
    color:#ffffff
}
.dl-offer .essentiel:after {
    content:" ";
    border-right:20px solid transparent;
    border-left:20px solid transparent;
    position:absolute;
    bottom:-20px;
    left:20%
}
    
.box-offer-default {
    background:#aea79f
}
.dl-offer .box-offer-default:after {
    border-top:20px solid #aea79f
}

.box-offer-primary {
    background:#dd4814
}
.dl-offer .box-offer-primary:after {
    border-top:20px solid #dd4814
}

.box-offer-success {
    background:#38b44a
}
.dl-offer .box-offer-success:after {
    border-top:20px solid #38b44a
}

.box-offer-warning {
    background:#efb73e
}
.dl-offer .box-offer-warning:after {
    border-top:20px solid #efb73e
}

.box-offer-danger {
    background:#df382c
}
.dl-offer .box-offer-danger:after {
    border-top:20px solid #df382c
}

.box-offer-info {
    background:#772953
}
.dl-offer .box-offer-info:after {
    border-top:20px solid #772953
}

/* ---------- */

.dl-offer .brand {
    text-transform:uppercase;
    padding:10px 5px;
    margin-top:10px;
    text-align:center;
    /*
    letter-spacing:3px;
	min-height:100px;
	white-space:normal;
	hyphens: auto;
	*/
}

.dl-offer .essentiel .type-offer {
    font-size:19px;
    letter-spacing:1px;
    margin-top:-30px
}
.dl-offer .discount .type-offer {
    font-size:20px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-top:-30px
}

.dl-offer .descr {
    color:#325d88; /* #999 */
    margin-top:10px;
    padding:20px 15px; 
}
 
.dl-offer .box-offer-ends {
    padding:0 15px;
    color:#f1c40f;
    margin-bottom:10px
}

.dl-offer .coupon,
.dl-offer .candidature {
    min-height:50px;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-size:18px;
    padding:20px 15px
}
.dl-offer .candidature a.open-code {
    color:#ffffff
}
.dl-offer .coupon a.open-code {
    color:#16a085
}
.dl-offer .candidature .code {
    letter-spacing:1px;
    border-radius:4px;
    margin-top:10px;
    padding:10px 15px;
    color:#244363;
    background:#f0f0f0
}
.dl-offer .coupon .code {
    letter-spacing:1px;
    border-radius:4px;
    margin-top:10px;
    padding:10px 15px;
    color:#f1c40f;
    background:#f0f0f0
}

/* ---------- */

.alizarin {
    background:#e74c3c
}
.amethyst {
    background:#9b59b6
}
.emerald {
    background:#2ecc71
}
.midnight-blue {
    background:#325d88; /* #2c3e50 */
}
.peter-river {
    background:#3498db
}

.dl-offer .discount {
    min-height:50px;
    position:relative;
    font-size:80px;
    line-height:80px;
    text-align:center;
    font-weight:bold;
    padding:20px 15px 0;
    color:#f1c40f
}
.dl-offer .discount:after {
    content:" ";
    border-right:20px solid transparent;
    border-left:20px solid transparent;
    position:absolute;
    bottom:-20px;
    left:20%
}
.dl-offer .discount.alizarin:after {
    border-top:20px solid #e74c3c
}
.dl-offer .discount.peter-river:after {
    border-top:20px solid #3498db
}
.dl-offer .discount.emerald:after {
    border-top:20px solid #2ecc71
}
.dl-offer .discount.amethyst:after {
    border-top:20px solid #9b59b6
}