/*
// Site	: http://www.alinea.fr
// Date	: 2007-07-10
*/

/*
// Section : Recrutement.
*/
body{
	background-color: #7BCEDE;
}

#recrutement{
	background-color: #7BCEDE;
	width           : 660px;
	margin          : auto;
	font            : normal normal 11px Arial, Helvetica;
	color           : #005F87;
}

.blue_back{
	background-color: #7BCEDE;
}

/*
// Section : Recrutement : Contenu.
*/

#recrutement #contenu{
	margin          : 0;
	padding         : 0;
	width			: 650px;
}

#recrutement #contenu h1{
	font-size       : 16px;
	font-weight     : normal;
	letter-spacing  : 1px;
	border-top      : 1px solid #A1DDE8;
	padding         : 10px 0 0 0;
}

#recrutement #contenu h1.titre{
	height          : 45px;
	border          : 0;
	border-bottom   : 1px solid #A1DDE8;
	padding         : 0 0 10px 0;
}

#recrutement #contenu h1.titre span{
	display         : none;
}

#recrutement #contenu h2{
	font            : normal bold 11px Arial;
	border-bottom   : 1px solid #A1DDE8;
	padding         : 6px 0 12px 0;
}

#recrutement #contenu p{
	line-height     : 14px;
}

#recrutement #contenu a.top{
	background      : transparent url('bkg_recrutement_a_top.png') no-repeat 640px 6px;
	display         : block;
	text-align      : right;
	padding         : 4px 14px 4px 0;
	border-top      : 1px solid #A1DDE8;
	text-decoration : none;
	color           : #FFF;
}

#recrutement #contenu table td label{
	font-weight     : bold;
	font-size       : 12px;
}

/*
// Section : Recrutement : Recherche
*/

#recrutement #contenu h1.recherche{
	font            : normal normal 12px Arial;
	line-height     : 15px;
	padding         : 10px 0 10px 0;
	border          : none;
	border-bottom   : 1px solid #A1DDE8;
}

#recrutement #recherche{
	width           : 100%;
	margin          : 0;
	padding         : 0;
	float           : left;
	background-color: #7BCEDE;
}

#recrutement #recherche td{
	width           : 33%;
	margin          : 0;
	padding         : 0;
}

#recrutement #recherche td.recherche{
	padding         : 8px 0 0 0;
}

#recrutement #recherche td img{
	display         : block;
}

#recrutement #recherche td div.recherche{
	background      : transparent url('bkg_recrutement_recherche.png') no-repeat left top;
	margin          : 10px 0 0 0;
	width           : 206px;
	height          : 84px;
}

#recrutement #recherche td #recherche_metiers,
#recrutement #recherche td #recherche_magasins,
#recrutement #recherche td #recherche_contrats,
#recrutement #recherche td #recherche_keywords{
	font            : normal bold 15px Arial;
	color           : #005069;
	background      : transparent url('bkg_title_metiers.png') no-repeat left center;
	margin          : 0;
	padding         : 18px 0 18px 54px;
	border          : 0;
}

#recrutement #recherche td #recherche_magasins{
	background      : transparent url('bkg_title_magasins.png') no-repeat left center;
}

#recrutement #recherche td #recherche_contrats{
	background      : transparent url('bkg_title_contrats.png') no-repeat left center;
}

#recrutement #recherche td #recherche_keywords{
	font-size       : 11px;
	background      : transparent url('bkg_title_mots_clefs.png') no-repeat left center;
}

#recrutement #recherche td select{
	width           : 180px;
	font            : normal normal 11px Arial;
	color           : #005069;
	border          : 1px solid #CCC;
	margin          : 2px 0 0 0;
	padding         : 0;
}

#recrutement #recherche td input{
	font            : normal normal 11px Arial;
	color           : #005069;
	margin          : 0 0 0 20px;
}


/*
// Section : Recrutement : Résultats.
*/

#recrutement #contenu #recherche_resultats{
	background      : transparent url('bkg_title_resultats.png') no-repeat left center;
	width           : 600px;
	color           : #FFF;
	font-weight     : normal;
	font-size       : 20px;
	padding         : 16px 0 16px 54px;
	margin          : 10px 0 0 0;
	text-decoration : none;
	border-top      : 1px solid #A1DDE8;
	border-bottom   : 1px solid #A1DDE8;
	float           : left;
}

#recrutement #contenu #recherche_resultats_resume{
	font            : normal normal 11px Arial;
	padding         : 8px 0;
	margin          : 0 0 10px 0;
	line-height     : 14px;
}

#recrutement #contenu #resultats div.banner{
	background      : transparent url('bandeau_offre.png') no-repeat top;
	width           : 644px;
	height			: 107px;
}
#recrutement #contenu #resultats div.offre{
	width           : 644px;
	background      : transparent url('bkg_recrutement_resultat_offre_middle.png') repeat-y 0 33px;
	margin          : 0;
	padding         : 0;
}

#recrutement #contenu #resultats div.offre h1.metier{
	font            : normal bold 14px Arial;
	color           : #7BCEDE;
	background      : transparent url('bkg_recrutement_resultat_offre_top.png') no-repeat left top;
	margin          : 0;
	padding         : 10px 0 3px 10px;
	border          : 0;
}

#recrutement #contenu #resultats div.offre h1.detail{
	font            : normal bold 14px Arial;
	color           : #7BCEDE;
	margin          : 0;
	padding         : 10px 0 3px 10px;
	border          : 0;
}

#recrutement #contenu #resultats div.offre h1.metier span{
	display         : block;
	font            : normal bold 11px Arial;
	color           : #0C5161;
	margin          : 3px 0 0 0;
}

#recrutement #contenu #resultats div.offre div.detail{
}

#recrutement #contenu #resultats div.offre div.close{
	display         : block;
}

#recrutement #contenu #resultats div.offre div.close{
	display         : none;
}

#recrutement #contenu #resultats div.offre div.detail h2,
#recrutement #contenu #resultats div.offre div.detail p{
	width           : 610px;
	margin          : 10px 0 0 14px;
	padding         : 6px 0 0 0;
	border          : 0;
	border-top      : 1px solid #7BCEDE;
}

#recrutement #contenu #resultats div.offre div.detail p{
	border          : 0;
}

#recrutement #contenu #resultats div.offre form{
	text-align      : right;
	margin          : 20px 0 10px 0;
	padding         : 0;
}

#recrutement #contenu #resultats div.offre form input{
	margin          : 0 20px 0 0;
}

#recrutement #contenu #resultats div.offre img{
	display        : block;
}

.floatright {text-align:right;}
