body#recrutement {
	background:#eee url(images/frontend/bg-recrutement.jpg) 0 0 repeat-x;
}
body#recrutement #content{
	background:url(images/frontend/bg-content-recrutement.jpg) 0 0 no-repeat;
}

#footer{
	background: url(images/frontend/bg-footer-activites.gif) 0 0 repeat-x;
}

#photo-business{
	float:left;
	width:256px;
	margin:5px 0 0 0;
}

div#contenu-h2{
	float:left;
	width:600px;
	margin:0 0 0 20px;
}


#h2-recrutement{
	background:url(images/frontend/h2-recrute.png) 0 0 no-repeat;
	width:600px;
	height:61px;
	text-indent:-5000px;
	overflow:hidden;
	margin:20px 0 0 0;
}

h3{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
#ul-h3{
	color:#FFFFFF;
	margin:0;
}
#ul-h3 li{
	margin:10px;
	list-style-type:none;
}

body#recrutement #contenu{
	clear:both;
	padding:20px 0;
}

h4{
	margin:20px 0 20px 5px;
	font-size:22px;
	color:#535353;
	width:420px;
	line-height:40px;
	border-bottom:1px solid #c9c9c9;
}

h4#h4-offres{
	background:url(images/frontend/offres.gif) 0 50% no-repeat;
	text-indent:40px;
}

h4#h4-candidature{
	background:url(images/frontend/candidature.gif) 0 50% no-repeat;
	text-indent:40px;
}


h4#h4-candidater{
	margin:20px 0 20px 5px;
	font-size:22px;
	color:#535353;
	line-height:40px;
	border-bottom:1px solid #c9c9c9;
	width:800px;
}

#liste-offres{
	width:460px;
	float:left;
	padding:20px 0 20px 0;
}


div.offre{
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:10px;
	margin:10px;
}

div.offre h5{
	font-size:16px;
	color:#333333;
	font-weight:bold;
	margin:0;
}

div.offre dt{
	font-weight:bold;
	margin:10px;
}
div.offre dd{
	color:#333333;
	margin:0 30px 0 30px;
	text-align:justify;
}

a.btn-postuler{
	width:80px;
	height:30px;
	background:url(images/frontend/btn-postuler.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	margin:0 0 0 335px;
}
a.btn-postuler:hover{
	background:url(images/frontend/btn-postuler-on.jpg) 0 0 no-repeat;
}

#candidature{
	width:460px;
	float:right;
	padding:20px 0 20px 0;
}


div#candidaterForm{
	width:460px;
	padding:20px 0 20px 0;
	margin:0 auto
}	

form#formCandidature.formoffre{
	margin:0 auto;
	float:none;
	width:420px;
}


form#formCandidature fieldset{
	border:none;
}
form#formCandidature input#nom,
form#formCandidature input#prenom,
form#formCandidature input#email,
form#formCandidature input#tel,
form#formCandidature input#fax{
	padding:4px;
	margin:5px;
	width:200px;
	border:1px solid #999999;
}
form#formCandidature input#cv,
form#formCandidature input#lm{
	margin:5px;
	padding:2px;
}

form#formCandidature input#asa{
	padding:4px;
	margin:5px;
	border:1px solid #999999;
}



form#formCandidature textarea#message{
	width:250px;
	padding:4px;
	margin:5px;
	border:1px solid #999999;
}

form#formCandidature textarea{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


#formCandidature label{
	clear:both;
	float:left;
	width:120px;
	margin:5px;
}

form#formCandidature label.obligatoire{
	width:300px;
	font-style:italic;
	font-size:10px;
	line-height:16px;
}

#formCandidature input#envoyer{
	background:url(images/frontend/btn-envoyer.jpg) 0 0 no-repeat;
	width:80px;
	height:30px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	padding:0;
	margin:60px 0 0 160px;
	border:none;
	
	/* IE6 */
	_cursor:pointer;
}

#formCandidature input#envoyer:hover{
	cursor:pointer;
	background:url(images/frontend/btn-envoyer-on.jpg) 0 0 no-repeat;
}

#formCandidature input.error{
	background:#fbbbbb;
}
#formCandidature label.error{
	color:#FF0000;
	font-weight:bold;
}



body#recrutement p.error{
	padding:50px 0;
	margin:0 auto;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	background:url(images/frontend/error.png) 0 50% no-repeat;
	text-indent:60px;
	width:250px;
}
body#recrutement .retour{
	text-align:center;

}

body#recrutement #contenu a{
		color:#3c6cb1;
}


#formCandidature p.legende{
	color:#333333;
	text-align:center;
	font-size:12px;

}