html{
	background: #23374c;
	font-family: Arial;
}
body{
	margin: 15px 0 0 0;
}

div#container{
	width: 920px;
	/*height: 400px;*/
	margin: 0 auto;
}

h1.title_type1{
	color: #0d2977;
	font-size: 14pt;
	font-weight: normal;
	margin: 0 0 10px 45px;
	padding: 0;
}
h1.title_type2{
	color: #0d2977;
	font-size: 14pt;
	font-weight: normal;
	margin: -20px 0 10px 15px;
	padding: 0;
}
h1.title_type3{
	color: #0d2977;
	font-size: 14pt;
	font-weight: normal;
	margin: 0 0 10px 15px;
	padding: 0;
}
h2.subtitle{
	color: #86c7dd;
	font-size: 10pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/*---- Header ----*/
div#header{
	width: 920px;
}
div#top_header{
	width: 920px;
	height: 20px;
	background: #23374c url(../images/top_header.png);
}
div#header_content div#zone_diapo{
	position: relative;
	margin: 0 0 1px 300px;
	width: 360px;
	height: 130px;
	text-align: center;
	overflow: auto;
}	
}
div#header_content div#zone_diapo img{
	margin: 0;
	padding: 0;
}
div#header_content div#filiales{
	position: absolute;
	top: 60px;
	margin-left: 765px;
	padding: 0;
	float: right;
	font-size: 8pt;
}
div#header_content div#filiales img{
	border: none;
	margin-right: 2px;
}
div#header_content div#filiales a#link_procedia, div#header_content div#filiales a#link_pronto{
	color: #616161;
	text-decoration: none;
}
div#header_content div#filiales a#link_procedia:hover{
	color: red;
	text-decoration: underline;
}
div#header_content div#filiales a#link_pronto:hover{
	color: green;
	text-decoration: underline;
}
div#header, div#content{
	background: url(../images/bg.png) repeat-y;
}
img#logo{
	position: absolute;
	top: 35px;
	width: 184px;
	height: 114px;
	margin: 0 0 0 15px;
	padding: 0px;	
}
/*---- Menu ----*/
div#menu{
	width: 900px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #b3b3b3;
	clear: both;
	font-size: 12pt;
	overflow: visible;
}
div#menu ul{
	list-style-type: none;
	margin: 0 0 0 15px;
	padding: 0;
	height: 32px;
	overflow: visible;
}
div#menu li{
	float: left;
	height: 32px;
	/*background: #ececec;*/
	background: #20558d;
	background-image: url(../images/menu_top_left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	/*padding-left: 5px;*/
	margin-top: 0px;
	margin-right: 1px;
}
div#menu li a{
	background-image: url(../images/menu_top_right.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	float: left;
	text-decoration: none;
	padding: 6px 30px 8px 30px;
}
div#menu ul li a:hover{
	color: #cacaca;
}
div#menu li.li_active{
	height: 34px;
	background-image: url(../images/active_menu_top_left.jpg);
	margin-top: -1px;
	margin-right: 0;
	margin-left: -1px;
}
div#menu li.li_active a{
	font-weight: bold;
	background-image: url(../images/active_menu_top_right.jpg);
	padding: 0 10px;
	color: #000;
}
div#menu li.li_active a span{
	display: block;
	background: url(../images/menu_border_top.jpg) repeat-x;
	float: left;
	padding: 6px 20px 9px 20px;
}
/*---- Fin Menu ----*/
/*---- Fin Header ----*/

/*---- Content ----*/
div#content{
	width: 920px;
	/*height: 400px;*/
	font-size: 11pt;
}
div#content p{
	margin: 0;
	padding: 0;
}
div.titre_bloc{
	background: #dddddd;
	height: 23px;
	color: #616161;
	padding: 5px 0 0 10px;
	font-size: 10pt;
}
div.titre_bloc a{
	font-size: 8pt;
	color: #2ca7cf;
	margin-left: 15px;
	text-decoration: none;
}
div.titre_bloc a:hover{
	text-decoration: underline;
}
div.bloc_corner_left{
	background: url(../images/bloc_corner_left.jpg)  no-repeat bottom left;
	width: 10px;
	height: 10px;
	float: left;
}
div.bloc_corner_right{
	background: url(../images/bloc_corner_right.jpg)  no-repeat bottom right;
	width: 10px;
	height: 10px;
	float: right;
}
div.clear{
	width: 920px;
	height: 1px;
	clear: both;
	margin: 0;
	padding: 0;
}
/*---- Content left ----*/
div.content_left{
	float: left;
	width: 670px;
	margin: 15px 0 0 25px;
	font-size: 10pt;
}
/*---- Texte présentation ----*/
div#content_texte_pres{
	width: 676px;
	height: 310px;
	background: url(../images/bg_pres.jpg) no-repeat;
}
div#content_texte_pres p{
	margin: 0 10px 0 210px;
	padding: 40px 0 0 0;
	text-align: justify;
}
/*---- Fin Texte présentation ----*/

/*---- Bloc actu ----*/
div#actualites{
	width: 676px;
	height: 160px;
	background: #f8f8f8;
	margin: 15px 0 15px 0;
}
div#actualites div.content{
	width: 640px;
	height: 100px;
	margin: 10px 0 12px 15px;
}
div#actualites div.content p{
	font-size: 9pt;
	padding: 0;
	margin: 0;
}
div#actualites div.content p a{
	color: #787878;
	text-decoration: underline;
	margin-left: 15px;
}
div#actualites div.content p a:hover{
	color: #2ca7cf;
}
/*---- Fin Bloc actu*/
/*---- Fin Content left ----*/
/*---- Content right ----*/
div.content_right{
	float: right;
	margin: 15px 25px 0 0;
}
/*---- Bloc agences ----*/
div#agences{
	width: 180px;
	height: 210px;
	background: #f8f8f8;
}
div#agences div.content{
	background: url(../images/basrhin.jpg) no-repeat;
	height: 43px;
	color: #616161;
	font-size: 10pt;
	margin: 15px 0 14px 10px;
	padding: 100px 0 0 85px;
}
div#agences div.content span{
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/puce_fleche.png) no-repeat;
	float: left;
	margin: 3px 3px 0 0;
}
div#agences div.content a{
	color: #616161;
	text-decoration: none;
}
div#agences div.content a:hover{
	text-decoration: underline;
}
div#agences div.bloc_bottom{
	clear: both;
}
/*---- Fin Bloc agences ----*/
/*---- Bloc Groupe Pac ----*/
div#groupepac{
	width: 180px;
	height: 85px;
	background: #f8f8f8;
	margin: 15px 0;
}
div#groupepac div.content{
	margin: 5px 10px 8px 10px;
	text-align: left;
}
div#groupepac div.content span{
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/puce_fleche.png) no-repeat;
	float: left;
	margin: 3px 3px 0 0;
}
div#groupepac div.content a{
	color: #616161;
	font-size: 9pt;
	text-decoration: none;
}
div#groupepac div.content a:hover{
	text-decoration: underline;
}
/*---- Fin Groupe Pac ----*/
/*---- Bloc offres*/
div#offres{
	width: 180px;
	height: 160px;
	background: #f8f8f8;
}
div#offres div.content{
	height: 105px;
	margin: 10px 10px 7px 10px;
	overflow: auto;
}
div#offres div.content div.offre{
	height: 105px;
}
div#offres div.content p.sstitre{
	color: #2ca7cf;
	font-weight: bold;
	margin-bottom: 5px;
}
div#offres div.content p.desc{
	font-size: 9pt;
	color: #616161;
	margin-bottom: 5px;
}
div#offres div.content p.suite span{
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/puce_fleche.png) no-repeat;
	float: left;
	margin: 3px 3px 0 0;
}
div#offres div.content p.suite a{
	color: #616161;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
}
div#offres div.content p.suite a:hover{
	text-decoration: underline;
}
/*---- Fin Bloc offres ----*/
/*---- Fin Content right ----*/
/*---- Fin Content*/

/*---- Offres emploi ----*/
div.para{
	margin-left: 20px;
}

div#rechercheemp{
	width: 670px;
	background: #7e8cc0 url(../images/top_rechercheemp.jpg) no-repeat top;
	margin-top: 15px;
	color: #fff;
}
div#rechercheemp div{
	position: absolute;
	width: 210px;
}
div#rechercheemp div select, div#rechercheemp div input[type="text"]{
	width: 190px;
	margin-top: 4px;
}
div#rechercheemp div select, div#rechercheemp div input[type="text"]{
	color: #767676;
	font-size: 8pt;
}
div#rechercheemp div input[type="checkbox"]{
	margin-top: 4px;
}
div#rechercheemp div#secteur_activite{
	margin: 15px 0 0 15px;
}
div#rechercheemp div#type_metier{
	margin: 15px 0 0 235px;
}
div#rechercheemp div#mots_cles{
	margin: 15px 0 0 455px;
}
div#rechercheemp div#type_contrat{
	margin: 70px 0 0 15px;
}
div#rechercheemp div#departement{
	margin: 120px 0 0 15px;
}
div#rechercheemp input[type="button"]{
	margin: 125px 0 5px 535px;
	border: none;
	width: 116px;
	height: 34px;
	background: url(../images/bg_button3.jpg) no-repeat 0 2px;
	cursor: pointer;
	color: #fff;
}
div#bottom_rechercheemp{
	width: 670px;
	height: 10px;
	background: url(../images/bottom_rechercheemp.jpg) no-repeat bottom;
	margin-bottom: 15px;
}

div#res_recherche{
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 10px;
}
div.pagination_top{
	border-bottom: 1px dotted #b3b3b3;
	padding: 5px 0 5px 15px;
	font-size: 9pt;
}
div.pagination_top a{
	color: #39acd1;
	text-decoration: none;
	font-size: 8pt;
}
div.pagination_top a:hover{
	text-decoration: underline;
}
div.pagination_bottom{
	border-top: 1px dotted #b3b3b3;
	padding: 5px 0 5px 15px;
	font-size: 9pt;
}
div.pagination_bottom a{
	color: #39acd1;
	text-decoration: none;
	font-size: 8pt;
}
div.pagination_bottom a:hover{
	text-decoration: underline;
}
div#res_recherche div.res{
	margin-left: 5px;
	padding: 10px 0 9px 0;
	border-top: 1px dotted #b3b3b3;
}
div#res_recherche div#firstres{
	border-top: none;
}
div#res_recherche div.res div.titre_offre{
	color: #0d2977;
	font-size: 12pt;
	margin-bottom: 10px;
}
div#res_recherche div.res div.titre_offre span.pucerond{
	display: block;
	float: left;
	width: 6px;
	height: 6px;
	background: url(../images/puce_rond.jpg) no-repeat;
	margin: 6px 5px 0 10px;
}
div#res_recherche div.res div.lieu_offre{
	margin-left: 20px;
}
div#res_recherche div.res div.contrat_offre{
	margin: 0 0 10px 20px;
	float: left;
}
div#res_recherche div.res div.date_debut{
	float: right;
}
div#res_recherche div.res div.desc_offre{
	margin: 0 0 10px 20px;
	clear: both;
}
div#res_recherche div.res div.date_offre{
	margin-left: 20px;
	float: left;
}
div#res_recherche div.res div.details_offre{
	float: right;
}
div#res_recherche div.res div.details_offre a{
	color: #92ccde;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}
div#res_recherche div.res div.details_offre a:hover{
	text-decoration: underline;
}
div#res_recherche div.res div.postulez_offre{
	background: url(../images/puce_fleche.jpg) no-repeat 585px 5px;
	padding-left: 14px;
	text-align: right;
}
div#res_recherche div.res div.postulez_offre a{
	color: #92ccde;
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
}
div#res_recherche div.res div.postulez_offre a:hover{
	text-decoration: underline;
}
div#res_recherche div.res div.clear_offre{
	height: 1px;
	clear: both;
}
div#res_recherche table{
	font-size: 9pt;
	margin-left: 10px;
}
div#res_recherche table td{
	width: 160px;
}
div#res_recherche table td.col_left{
	color: #616161;
	font-weight: bold;
	width: 130px;
}
div#res_recherche h2.subtitle{
	font-weight: bold;
	margin: 10px 0 5px 0;
}
div#res_recherche div.no_result{
	margin: 10px 0 10px 10px;
	color: #92ccde;
	font-weight: bold;
}
/*---- Fin Offre emploi ----*/

/*---- Contact ----*/
div.agence{
	width: 420px;
	height: 240px;
	margin: 0 0 10px 25px;
	float: left;
}
div.agence_content{
	border-top: 1px solid #ececec;
	font-size: 10pt;
	margin: 5px 0 0 0;
	padding: 15px 0 0 0;
}
div.agence_content a{
	color: #616161;
	text-decoration: none;
}
div.agence_content a:hover{
	text-decoration: underline;
}
div.agence div.agence_content div.map{
	width: 220px;
	height: 200px;
	float: left;
	margin-right: 10px;
}
div.agence img{
	margin: 20px 0 0 50px;
}

span.mention{
	position: absolute;
	color: #ff0000;
	font-size: 7pt;
	margin: -15px 0 0 750px;
}
div#zone_contact{
	display: none;
}
div.form_contact{
	border-top: 1px solid #ececec;
	margin: 0 25px;
	padding-top: 10px;
	font-size: 10pt;
}
div.form_contact table{
	margin-left: auto;
	margin-right: auto;
}
div.form_contact div.btn_valider{
	text-align: center;
	margin: 10px 0 10px 0;
}
div.btn_valider input[type="button"]{
	color: #fff;
	border: none;
	cursor: pointer;
	background: url(../images/bg_button2.jpg);
	width: 120px;
	height: 31px;
	font-size: 10pt;
}
/*---- Fin Contact ----*/

/*---- Content left 2 ----*/
div.content_left2{
	float: left;
	margin: 15px 0 0 25px;
}
div.content_left2 div#ssmenu{
	color: #616161;
	background: #ddd url(../images/top_ssmenu.jpg) no-repeat top;
	padding-top: 8px;
	width: 190px;
}
div.content_left2 div#ssmenu span{
	margin-left: 8px;
}
div.content_left2 div#ssmenu span a{
	color: #616161;
	text-decoration: none;
}
div.content_left2 div#ssmenu span a:hover{
	text-decoration: underline;
}
div.content_left2 div#ssmenu ul{
	margin: 5px 0 0 0;
	padding: 0;
	color: #0e2677;
	list-style-type: none;
}
div.content_left2 div#ssmenu ul li{
	border-bottom: 1px solid #fff;
	background: #ececec;
	padding-top: 2px;
	width: 190px;
	height: 20px;
}
div.content_left2 div#ssmenu ul li span.pucerond{
	display: block;
	float: left;
	width: 6px;
	height: 6px;
	background: url(../images/puce_rond.jpg) no-repeat;
	margin: 6px 5px 0 10px;
}
div.content_left2 div#ssmenu ul li a{
	color: #000;
	text-decoration: none;
	font-size: 9pt;
}
div.content_left2 div#ssmenu ul li a:hover{
	text-decoration: underline;
}
div.content_left2 div#ssmenu ul li a.ssmenu_active{
	font-weight: bold;
}
div.content_left2 div#ssmenu div.bottom_ssmenu_candidats{
	width: 190px;
	height: 226px;
	background: #fff url(../images/bottom_ssmenu_candidats.jpg) no-repeat bottom;
}
div.content_left2 div#ssmenu div.bottom_ssmenu_entreprises{
	width: 190px;
	height: 226px;
	background: #fff url(../images/bottom_ssmenu_entreprises.jpg) no-repeat bottom;
}
div.content_left2 div#ssmenu div.bottom_ssmenu_legroupe{
	width: 190px;
	height: 226px;
	background: #fff url(../images/bottom_ssmenu_legroupe.jpg) no-repeat bottom;
}
/*---- Fin Content left 2 ----*/

/*---- Content right 2 ----*/
div.content_right2{
	float: right;
	width: 660px;
	margin: 15px 25px 0 0;
	font-size: 10pt;
}
div.content_right2 span.mention{
	position: absolute;
	color: #ff0000;
	font-size: 7pt;
	margin: 4px 0 0 420px;
}
div.content_right2 span.ast{
	color: #ff0000;
	position: absolute;
}
div.content_right2 div#div_erreur, div#div_erreur{
	color: #ff0000;
	font-size: 8pt;
}
div.content_right2 table{
	border-top: 1px solid #ececec;
	width: 660px;
	margin: 5px 0 20px 0;
	padding: 10px 0 0 30px;
}
div.content_right2 table tr td.col_left{
	width: 130px;
}
div.content_right2 table span{
	color: #a7a7a7;
	font-size: 9pt;
}
div.content_right2 a{
	color: #2ca7cf;
}
div.content_right2 input[type="text"], div.content_right2 select{
	margin: 0 15px 0 6px;
}
div.content_right2 textarea{
	margin: 0 15px 0 6px;
	width: 300px;
	height: 100px;
}
div.content_right2 iframe#upload_iframe{
	display: none;
}
div.content_right2 div.cgu{
	margin: 0 0 0 30px;
}
div.content_right2 div.cgu input[type="checkbox"]{
	margin:  0 0 0 6px;
}
div.content_right2 div.btn_valider{
	text-align: center;
	margin: 40px 0 10px 0;
}
div.content_right2 div.btn_valider input[type="button"]{
	color: #fff;
	border: none;
	cursor: pointer;
	background: url(../images/bg_button.jpg);
	width: 161px;
	height: 31px;
}
img#loader{
	position: absolute;
	margin-top: 8px;
}
/*---- Fin Content right 2 ----*/

/*---- Le groupe ----*/
/*---- Actualités ----*/
h2.titre_actu{
	color: #86c7dd;
	font-size: 10pt;
	padding: 0;
	margin: 0 0 5px 0;
}
h2.titre_actu .date_actu{
	color: #787878;
	font-size: 8pt;
}
/*---- Fin Actualités ----*/

/*---- Nos partenaires ----*/
table#partenaires td{
	text-align: center;
}
table#partenaires img{
	border: none;
}
/*---- Fin Nos partenaires ----*/
/*---- Fin Le groupe ----*/

/*---- Mentions légales ----*/
div.mentionslegales{
	margin: 0 35px 10px 25px;
	padding-left: 10px;
	font-size: 9pt;
}
div.mentionslegales h2{
	margin: 15px 0 5px -10px;
}
/*---- Fin Mentions légales ----*/

/*---- Footer ----*/
div#footer{
	width: 920px;
	height: 90px;
	background: url(../images/bg_footer.png) repeat-y;
	margin-bottom: 10px;
	clear: both;
	color: #616161;
	font-size: 8pt;
}
div#footer_content{
	width: 885px;
	height: 40px;
	border-top: 1px solid #b3b3b3;
	margin-left: 10px;
	padding: 20px 0 0 15px;
}
div#footer_content span{
	margin-right: 8px;
}
div#footer_content a{
	color: #2ca7cf;
	text-decoration: none;
	margin: 0 8px 0 8px;
}
div#footer_content a:hover{
	text-decoration: underline;
}
div#bottom_footer{
	width: 920px;
	height: 20px;
	background: #23374c url(../images/bottom_footer.png);
	background-position: bottom;
	margin-top: 10px;
}
/*---- Fin Footer ----*/