/*-- Index --*/
#index_offre,
#details_offre,
#form_offre{overflow:hidden;}
#index_offre h2{
	width:441px;
	height:25px;
	padding:7px 0px 0px 22px;
	background:url(../../images/common/fond/bg_h2_carriere.gif) no-repeat 0px 0px;
	font-size:15px;
	font-weight:normal;
	color:#ffffff;
	border-right:1px solid #0a82b3;
}
/* Offre */
#index_offre .liste_offre{
	width:463px;
	overflow:hidden;
	zoom:1;
	/*border-right:1px solid #0a82b3;*/
	margin-bottom:10px;
}
#index_offre .offre{
	padding:15px;	
	float:left;
	display:block;
	width:200px;
	border:1px solid #0a82b3;
	background:url(../../images/common/fond/bg_offre.gif) #198ab8 repeat-x top left;
}
#index_offre .offre:hover{background:url(../../images/common/fond/bg_offre_on.gif) #ffffff repeat-x top left;}
#index_offre .offre.type2{
	border-left:none;
	width:200px;
}
#index_offre .liste_offre h3{
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
	margin-bottom:5px;
}
#index_offre .liste_offre  h3.on{color:#0a82b3;}
#index_offre .offre p{
	font-size:10px;
	color:#ffffff;
	margin-bottom:5px;
}
#index_offre .offre p.on{color:#0a82b3;}
#index_offre .offre a.lien_offre{
	font-size:10px;
	color:#ffae34;
	text-decoration:none;
	padding-left:10px;
	background:url(../../images/common/puce/puce7.gif) no-repeat 0px 4px;
}
#index_offre .offre a.lien_offre.on{
	color:#00b5ff;
	text-decoration:underline;
	background:url(../../images/common/puce/puce8.gif) no-repeat 0px 4px;
}

/* Metier */
#index_offre .h2{
	width:441px;
	height:25px;
	padding:7px 0px 0px 22px;
	background:url(../../images/common/fond/bg_h2_carriere.gif) no-repeat 0px 0px;
	font-size:15px;
	font-weight:normal;
	color:#ffffff;
}
#index_offre .h2 h2{
	width:auto;
	height:auto;
	padding:0px;
	background:none;
	float:left;
}
#index_offre select{
	font-size:11px;
	color:#333333;
	float:right;
	width:150px;
	margin-right:5px;
}
#index_offre .liste_metier{
	background-color:#e9f3f7;
	padding:8px 8px 0px 8px;
	margin-bottom:50px;
	overflow:hidden;
	zoom:1;
}
#index_offre .metier{
	background-color:#ffffff;
	padding:10px 7px 10px 7px;
	margin:0px 0px 8px 0px;
}
#index_offre .metier h3{
	background:url(../../images/common/puce/puce9.gif) no-repeat 0px 4px;
	padding-left:15px;
	font-size:12px;
	font-weight:bold;
	color:#1078a3;
	text-transform:uppercase;
}
#index_offre .metier p{
	margin-left:15px;
	color:#666666;
	font-size:11px;
	margin-bottom:5px;
}
#index_offre .metier a.lien_metier{
	font-size:10px;
	color:#ffae34;
	text-decoration:none;
	padding-right:10px;
	margin-left:15px;
	background:url(../../images/common/puce/puce7.gif) no-repeat 76px 5px;
}
#index_offre .metier a.lien_metier:hover{
	color:#b3b3b3;
	background:url(../../images/common/puce/puce10.gif) no-repeat 76px 5px;
}

/*-- Details --*/
#centre #details_offre h1{margin-bottom:10px;}
#details_offre a.retour{
	padding-left:15px;
	font-size:10px;
	font-weight:bold;
	color:#33aee1;
	background:url(../../images/common/puce/puce11.gif) no-repeat 0px 4px;
	text-decoration:underline;
}
#details_offre a.retour:hover{text-decoration:none;}
#details_offre h2{
	font-size:18px;
	font-weight:normal;
	color:#009ada;
	text-transform:uppercase;
	margin:15px 0px 25px 0px;
}
#details_offre .details{
	padding:8px;
	background-color:#e9f3f7;
}
#details_offre .element{
	background-color:#ffffff;
	padding:10px 7px 10px 7px;
	margin:0px 0px 1px 0px;
}
#details_offre .element h3{
	background:url(../../images/common/puce/puce9.gif) no-repeat 0px 4px;
	padding-left:15px;
	font-size:12px;
	font-weight:bold;
	color:#1078a3;
	text-transform:uppercase;
}
#details_offre .element .wg{
	font-size:11px;
	color:#333333;
	margin-left:15px;
}
#details_offre .candidature{
	width:448px;
	height:48px;
	margin:8px 0px 8px 0px;
	background:url(../../images/fr/candidature.gif) no-repeat 0px 0px;
	overflow:hidden;
	zoom:1;
}
#details_offre .candidature p{
	color:#0e85b6;
	font-size:11px;
	font-weight:bold;
	padding:8px 0px 0px 25px;
	float:left;
}
#details_offre .candidature a{
	width:183px;
	height:25px;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin:12px 10px 0px 0px;
}
#details_offre .ami{
	width:448px;
	height:34px;
	background:url(../../images/fr/ami.gif) no-repeat 0px 0px;
	overflow:hidden;
	zoom:1;
}
#details_offre .ami p{
	color:#0e85b6;
	font-size:11px;
	padding:10px 0px 0px 25px;
	float:left;
}
#details_offre .ami a{
	width:137px;
	height:22px;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin:6px 10px 0px 0px;
}

/*-- Formulaire --*/
#centre #form_offre h1{margin-bottom:10px;}
#form_offre a.retour{
	padding-left:15px;
	font-size:10px;
	font-weight:bold;
	color:#33aee1;
	background:url(../../images/common/puce/puce11.gif) no-repeat 0px 4px;
	text-decoration:underline;
}
#form_offre h2{
	font-size:18px;
	font-weight:normal;
	color:#009ada;
	text-transform:uppercase;
	margin:15px 0px 25px 0px;
}
#form_offre #nav_offre{
	width:463px;
	height:20px;
	background:url(../../images/common/fond/bg_nav_offre.gif) repeat-x bottom left;
	margin-bottom:15px;
}
#form_offre #nav_offre ul{
	list-style:none;
	margin:0px 0px 0px 10px;
	overflow:hidden;
	zoom:1;
}
#form_offre #nav_offre ul li{
	float:left;
	margin-right:10px;
}
#form_offre #nav_offre ul li.last{margin-right:0px;}
#form_offre #nav_offre ul li a{
	padding:2px 10px 6px 10px;
	height:10px;
	display:block;
	border:1px solid #009ada;		
	font-weight:bold;
	text-decoration:none;
	background:url(../../images/common/fond/bg_nav_offre_bt.gif) #208ebb repeat-x bottom left;
	color:#ffffff;
	_display:inline;
	zoom:1;
	_padding:2px 10px 0px 10px;
}
#form_offre #nav_offre ul li a.on{
	border-bottom:1px solid #ffffff;
	color:#3d3d3d;
	background:#ffffff;
}
#form_offre .ligne{
	padding:5px 10px 5px 10px;
	overflow:hidden;
	zoom:1;
}
#form_offre .type1{background:#e9f3f7;}
#form_offre .type2{background:#ffffff;}
#form_offre a.bt_envoyer{
	width:173px;
	height:24px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:15px 0px 0px 150px;
	/* voir fichier de langue */
}
#form_offre a.bt_suivant{
	width:78px;
	height:24px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:15px 0px 0px 200px;
	/* voir fichier de langue */
}

/* Etape 1*/
#form_offre .etape1 label{
	text-align:left;
	width:130px;
	float:left;
	margin-right:10px;
}
#form_offre label span,
#form_offre .obl span{color:#ff9900;}
#form_offre .etape1 input,
#form_offre .etape1 select{
	width:140px;
	float:left;
	font-size:12px;
	color:#3d3d3d;
}
#form_offre input#submit{
	width:78px;
	height:24px;
	margin:15px 0px 0px 200px;
}
#form_offre input#envoyer{
	width:173px;
	height:24px;
	margin:15px 0px 0px 150px;
}

#form_offre .etape1 select{width:180px;}
#form_offre .obl{
	font-size:10px;
	color:#999999;
	margin:15px 0px 0px 0px;
}

/* Etape 2 */
#form_offre .etape2 label{
	text-align:left;
	width:220px;
	float:left;
	margin-right:10px;
	color:#1078a3;
}
#form_offre .etape2 select{
	width:180px;
	float:right;
	font-size:12px;
	margin-right:10px;
	color:#3d3d3d;
}

/* Etape 3 */
#form_offre fieldset{border:none;}
#form_offre legend{display:none;}
#form_offre .etape3 h3,
#form_offre .etape4 h3{
	color:#1078a3;
	font-size:12px;
	font-weight:bold;
}
#form_offre .etape3 label,
#form_offre .etape4 label{
	text-align:left;
	width:130px;
	float:left;
	margin-left:10px;
}
#form_offre .etape3 select,
#form_offre .etape4 select{
	width:140px;
	float:right;
	font-size:12px;
	margin-right:10px;
	color:#3d3d3d;
}

/* Etape 5 */
#form_offre .etape5 label{
	text-align:left;
	width:130px;
	float:left;
	color:#1078a3;
}
#form_offre .etape5 input{
	width:auto;
	float:right;
	font-size:12px;
	margin-right:10px;
	color:#3d3d3d;
}
#form_offre .etape5 p.note{
	font-size:11px;
	color:#8a8a8a;
	padding:5px;
}
#form_offre .etape5 .checkbox label{
	text-align:left;
	width:auto;
	float:left;
	color:#1078a3;
	!padding-top:4px;
}
#form_offre .etape5 .checkbox input{
	width:auto;
	float:left;
	margin-right:15px;
}
#form_offre .etape5 .checkbox p{
	color:#999999;
	font-size:10px;
	margin:10px 0px 0px 0px;
}