/* ***** job form *********************************************** */

#job_form .formbody div {
	display: inline-block;
}
#job_form .formbody div.contract,
#job_form .formbody div.type {
	margin-left: 20px;
}


/* ***** job list *********************************************** */

#job_list {
	margin: 40px; 
}
#job_list .item {
	padding-left: 20px; 
	border-top: 1px solid grey;
}
#job_list .item:before {
	content: "\2022";
	position: absolute;
	font-size: 30px;
	margin-top: -10px;
	margin-left: -20px;
}
#job_list .item div {
	display: inline-block;
}
REM #job_list .item .field.response:before {
	content: " - réponse souhaitée avant le ";
}
#job_list .item .field.alias {
	display: none;
}
#job_list .item .field.title {
	display: block;
}


/* ***** job detail ********************************************* */

#job_detail .field .label {
	line-height: 15px;
	color: #333;
	width: 20%;
	text-align: right;
}
#job_detail .field div {
	display: inline-block;
	vertical-align: top;
}



.hcs a {
  color: black;
  font-weight: 600;}

/* ************************************************************** */





/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 479px) {
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 319px) {
}