/* CSS Document */
* {margin:0; padding:0}
body
{
	text-align: left;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
	background-color: #F2F2F2;
	color: #868686;
	}
div#conteneur
{
	width: 850px;
	margin: 0 auto;
	background-color: #FFF;
	margin-top: 5px;
}
h1#header
{
	background: url(../Images/logo.gif) no-repeat;
	float: left;
	margin: 0px 0px 0px 0px;
	border-bottom: 5px #F2F2F2 solid;
	width: 850px;
	background-position: 2px 5px;
	}
h1#header a
{
	width: 170px;
	height: 80px;
	display: block;
	position: relative;
	float: left;
	}
h1#header a span
{
	display: none;
	}
h1#header span {
	float: right;
	text-align: right;
	color: #868686;
	background-color: #FFFFFF;
	font-size: 9pt;
	margin: 55px 10px 0px 0px;
	width: 250px;
	}
div#conteneurbas {
	background-color: #FFFFFF;
	width: 850px;
	}
/*menu------------------------------------------------------------------------------------------------------*/
div#menuconteneur
{
	margin: 10px 0px 0px 10px;
	width: 170px;
	text-align: left;
	float: left;
	clear: left;
	}
ul#menu {
	width: 160px;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 5px;
	text-align: left;
}
ul#menu li {
	display: block;
}
ul#menu li a {
	display: table-cell;
	display: inline-block;
	text-decoration: none;
	vertical-align: bottom;
	margin: 0px;
	width: 150px;
	padding: 5px 0px 0px 5px;
	font-weight: bold;
	}
ul#menu li a:hover {
	color: #FFFFFF;
	}
/* DEBUT Candidats --------------------------------------------------------------------*/
	
ul#menu li.candidats, ul#menu li.candidats1 {
	margin-top: 15px;
	}
ul#menu li.candidats a{
	color: #666666;
	border-bottom: 2px solid #9E004F;
	font-weight: bold;
	padding-bottom: 5px;
	}
ul#menu li.candidats a:hover{
	background-color: #9E004F;
	border-bottom: 2px solid #9E004F;
	font-weight: bold;
	color: #FFF;
	border-color: #9E004F;
	}
ul#menu li.candidats1 a{
	background: #9E004F;
	color: #FFF;
	font-weight: bold;
	padding: 5px 0px 5px 5px;
	}
ul#ref li.espcand a{
	border-bottom: solid 1px #FFF;
	color: #868686;
	font-size: 0.9em;
	font-weight: normal;
	background: #FFF;
	width: 150px;
	}
ul#ref li.espcand a:hover {
	background-color: #FFF;
	color: #868686;
	font-weight: bold;
	border-bottom: solid 1px #9E004F;
	}
/* FIN Candidats */
/* DEBUT Contact -----------------------------------------------------------------------------------------------*/
ul#menu li.contact, ul#menu li.contact1 {
	margin-top: 15px;
	}
ul#menu li.contact a {
	color: #666666;
	border-bottom: 2px solid #999;
	font-weight: bold;
	padding: 5px 0px 5px 5px;
	}
.contact1 a {
	background: #999;
	color: #FFF;
	}
ul#menu li.contact1 a {
	padding: 5px 0px 5px 5px;
	font-weight: bold;
	}
	
ul#menu li.contact a:hover {
	background-color: #999;
	color: #FFFFFF;
	}
/* FIN Contact -----------------------------------------------------------------------------------------------*/
/* DEBUT Presta */
.presta a {
	color: #666666;
	border-bottom: 2px solid #778BC4;
	font-weight: bold;
	}	
ul#menu li.presta1 a {
	background: #778BC4;
	color: #FFF;
	font-weight: bold;
	}
ul#menu ul li.presta2 a, ul#menu ul li.presta2box a, ul#menu ul li.presta2select a, ul#menu ul li.presta2search a,
 ul#menu ul li.presta2phone a, ul#menu ul li.presta2recrut a, ul#menu ul li.presta2alac a {
	color: #868686;
	font-size: 0.9em;
	background: url(../Images/box.gif) no-repeat;
	padding-left: 50px;
	width: 100px;
	background-position: 10px;
	font-weight: normal;
	}
ul#menu ul 
	{ margin-top: 15px
	}
ul#menu li.presta2box {
	margin-top: 10px;
	}
ul#menu li.presta, ul#menu li.presta1 {
	margin-top: 15px;
	margin-bottom: 15px;
	}
ul#menu li.presta a, ul#menu li.presta1 a{
	padding: 5px 0px 5px 5px;
	}
ul#menu li.presta a:hover {
	background-color: #778BC4
	}
ul#menu li.presta2 a:hover, ul#menu li.presta2box a:hover, ul#menu li.presta2select a:hover,
 ul#menu li.presta2search a:hover, ul#menu li.presta2phone a:hover, ul#menu li.presta2recrut a:hover,
  ul#menu li.presta2alac a:hover {
	background-color: #FFF;
	color: #868686;
	font-weight: bold;
	}
ul#menu li.presta2box a:hover {
	border-right: 3px solid #004C7A;
	background: url(../Images/box2.gif) no-repeat 10px;
	}
ul#menu li.presta2select a:hover {
	border-right: 3px solid #FFCC33;
	background: url(../Images/boxselect2.gif) no-repeat 10px;
	}	
ul#menu li.presta2search a:hover {
	border-right: 3px solid #9E004F;
	background: url(../Images/boxsearch2.gif) no-repeat 10px;
	}
ul#menu li.presta2phone a:hover {
	border-right: 3px solid #99CC33;
	background: url(../Images/boxphone2.gif) no-repeat 10px;
	}
ul#menu li.presta2recrut a:hover {
	border-right: 3px solid #778BC4;
	background: url(../Images/boxrecrut2.gif) no-repeat 10px;
	}
ul#menu li.presta2alac a:hover {
	border-right: 3px solid #666;
	background: url(../Images/boxalac2.gif) no-repeat 10px;
	}
ul#menu ul li.presta3box a {
	border-right: 3px solid #004C7A;
	background: url(../Images/box2.gif) no-repeat 10px #FFF;
	color: #868686;
	padding-left: 50px;
	width: 100px;
	font-size: 0.9em;
	font-weight: bold;
	}
ul#menu li.presta3select a {
	border-right: 3px solid #FFCC33;
	background: url(../Images/boxselect2.gif) no-repeat 10px #FFF;
	color: #868686;
	padding-left: 50px;
	width: 100px;
	font-size: 0.9em;
	font-weight: bold;
	}
ul#menu li.presta3search a {
	border-right: 3px solid #9E004F;
	background: url(../Images/boxsearch2.gif) no-repeat 10px #FFF;
	color: #868686;
	padding-left: 50px;
	width: 100px;
	font-size: 0.9em;
	font-weight: bold;
	}
ul#menu li.presta3phone a {
	border-right: 3px solid #99CC33;
	background: url(../Images/boxphone2.gif) no-repeat 10px #FFF;
	color: #868686;
	padding-left: 50px;
	width: 100px;
	font-size: 0.9em;
	font-weight: bold;
	}
ul#menu li.presta3recrut a {
	border-right: 3px solid #778BC4;
	background: url(../Images/boxrecrut2.gif) no-repeat 10px #FFF;
	color: #868686;
	padding-left: 50px;
	width: 100px;
	font-size: 0.9em;
	font-weight: bold;
	}
ul#menu li.presta3alac a {
	border-right: 3px solid #666;
	background: url(../Images/boxalac2.gif) no-repeat 10px #FFF;
	color: #868686;
	padding-left: 50px;
	width: 100px;
	font-size: 0.9em;
	font-weight: bold;
	}
/*FIN Presta -----------------------------------------------------------------------------------------------*/
/*DEBUT Recruter*/
ul#menu li.recrutef a,  ul#menu li.recrutef1 a {
	padding: 5px 0px 5px 5px;	
	border-bottom: solid 2px #FFCC33;
	font-weight: bold;
	}
ul#menu li.recrutef, ul#menu li.recrutef1 {
	margin-top: 15px;
	}
.recrutef a {
	color: #666666;
	}
li.recrutef1 a {
	color: #FFF;
	background: #FFCC33;
	border-bottom: solid 3px #FFCC33;
	padding-bottom: 5px;
	}
ul#ref li.recrutef4 a{
	border-bottom: solid 1px #FFF;
	color: #868686;
	font-size: 0.9em;
	font-weight: normal;
	background: #FFF;
	width: 150px;
	}
ul#ref li.recrutef4 a:hover {
	background-color: #FFF;
	color: #868686;
	font-weight: bold;
	border-bottom: solid 1px #FFCC33;
	}
ul#menu li.recrutef3 a {
	background-color: #FFF;
	color: #868686;
	font-size: 0.9em;
	border-bottom: solid 1px #FFCC33;
	}	
ul#menu li.recrutef a:hover {
	background-color: #FFCC33
	}
/* FIN Recruter -----------------------------------------------------------------------------------------------*/
ul#menu li.neo a, ul#menu li.neo a:hover, ul#menu .neo1 a{
	padding: 5px 0px 5px 5px;	
	border-bottom: solid 2px #C9CFE9;
	font-weight: bold;
	}
.neo a {
	color: #666666;
	}
.neo1 a{
	color: #FFF;
	background-color: #C9CFE9;
	}
ul#menu li.neo a:hover {
	background-color: #C9CFE9;
	color: #FFF;
	}
/* FIN MENU -----------------------------------------------------------------------------------------------*/

div#contenu {
	margin: 10px 0px 0px 0px;
	width: 650px;
	float: left;
	background: #FFF;
}
div#contenu p
{
	text-align: justify;
	color: #666666;
	text-decoration: none;
	padding: 1em 2em 1em 1em;
	font: 1.2em;
}

A:link { color: #666666; text-decoration: none;}
A:visited {
	text-decoration: none;
	color: #868686;
}
A:hover { color:#778BC4; text-decoration: none; }

div#titre{
	width: 170px;
	height: 126px;
	background-color: #7E90C7;
	font-size: 13pt;
	color: #FFFFFF;
	display: block;
	float: left;
	text-align: center;
	padding-top: 22px;
	background: url(../Images/carrebleu1.gif) no-repeat;
	border-bottom: 5px #F2F2F2 solid;
	}


div#titre a{
	color:#FFFFFF;
	text-decoration: none;
	width: 100px;
	font-size: 13pt;
	}
	
div#centre {
	background-image:url(../Images/oeil3.gif);
	width: 455px;
	height: 148px;
	float: left;
	background-repeat: no-repeat;
	border-bottom: 5px #F2F2F2 solid;
	border-left: 5px #F2F2F2 solid;
	border-right: 5px #F2F2F2 solid;
	}

div#centre a {
	color: #868686;
	font-size: 13pt;
	display: block;
	width: 190px;
	text-align: center;
	margin: 50px 60px 0px 0px;
	float: right;
	vertical-align: middle;
	height: 50px;
	}

.apropos a {
	color: #004C7A;
	}

.home a {
	color: #456EB1;
	}

.candicentre a {
	color: #A4A27B;
	}

.contcentre a {
	color: #D4D4D4
	}
	
div#candidats {
	width: 215px;
	height: 50px;
	float: left;
	text-align: center;
	padding-top: 20px;
	background-color: #FFFFFF;
	background-image: url(../Images/topdgris.gif);
	}

div#candidats a {
	font-size: 13pt;
	color: #FFFFFF;
	}

div#contact {
	width: 215px;
	height: 53px;
	background-color: #7C8FC6;
	float: left;
	text-align: center;
	padding-top: 20px;
	border-bottom: 5px #F2F2F2 solid;
	border-top: 5px #F2F2F2 solid;
	background-image: url(../Images/topbd.gif);
	}

div#contact a {
	color: #FFFFFF;
	font-size: 13pt;
	display: block;
	width: 200px;
	}

div#paris {
	width: 230px;
	float: left;
	margin: 10px 0px 0px 10px;
	}
div#paris p {
	color: #666666;
	text-align: center;
	padding: 0px;
	}
	
div#paris a:hover {
	color: #778BC4;
	}
	
div#lyon {
	width: 200px;
	float: left;
	margin: 10px 0px 0px 0px;
	}
div#lyon p {
	font-size: 1em;
	color: #666666;
	text-align: center;
	padding: 0px;
	}
div#lyon a:hover {
	color: #778BC4;
	}

div#nantes {
	width: 200px;
	float: left;
	margin: 10px 0px 20px 0px;
	}

div#nantes p {
	color: #666666;
	text-align: center;
	padding: 0px;
	}

div#nantes a:hover {
	color: #778BC4;
	}

div#box {
	background: url(../Images/box1.gif) no-repeat 30px;
	height: 160px;
	float: left;
	width: 200px;
	margin-right: 10px;
	padding-left: 30px;
	}

div#box a
{
	width: 160px;
	height: 130px;
	display: block;
	position: relative;
	float: left;
	}
		
div#box p {
	margin: -10px 0px 0px -10px;
	padding: 10px 0px 0px 10px;
	width: 170px;
	}

div#box1 {
	background: url(../Images/box1.gif) no-repeat;
	height: 160px;
	float: left;
	width: 160px;
	}
		
div#select {
	background: url(../Images/boxselect1.gif) no-repeat;
	height: 160px;
	float: left;
	width: 160px;
	margin-right: 10px;
	}

div#select a
{
	width: 160px;
	height: 130px;
	display: block;
	position: relative;
	float: left;
	}

div#select p {
	margin: -10px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	width: 160px;
	}

div#search {
	background: url(../Images/boxsearch1.gif) no-repeat 15px;
	height: 160px;
	float: left;
	width: 175px;
	margin-left: 0px;
	}

div#search a
{
	width: 160px;
	height: 130px;
	display: block;
	position: relative;
	float: left;
	}

div#search p {
	margin: -10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width: 175px;
	}

div#phone{
	background: url(../Images/boxphone1.gif) no-repeat;
	height: 180px;
	float: left;
	width: 200px;
	margin-right: 10px;
	padding-left:30px;
	background-position: 30px 20px;
	}

div#phone a
{
	width: 160px;
	height: 130px;
	display: block;
	position: relative;
	float: left;
	}

div#phone p {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	width: 138px;
	text-align: center;
	}

div#recrut {
	background: url(../Images/boxrecrut1.gif) no-repeat;
	background-position: 0px 20px;
	height: 180px;
	float: left;
	width: 180px;
	margin: 0px 10px 0px 0px;
	}

div#recrut a
{
	width: 160px;
	height: 130px;
	display: block;
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	}

div#recrut p {
	margin: 0px 0px 0px 5px;
	padding: 0px 10px 10px 10px;
	width: 120px;
	text-align: center;
	}

div#alac {
	background: url(../Images/boxalac1.gif) no-repeat 0px 20px;
	height: 180px;
	float: left;
	width: 160px;
	margin-left: 0px;
	}

div#alac a
{
	width: 160px;
	height: 130px;
	display: block;
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	}

div#alac p {
	width: 80px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
b#basconteneur {
	width: 850px;
	height:13px;
	display: block;
	background: url(../Images/bascontenu2.gif) no-repeat -9px;
	}

div#boxdroite {
	height: 160px;
	float: right;
	width: 160px;
	margin: 13px 0px 0px 5px;
	background-position: bottom;
	}
	
.bbox {
	background: url(../Images/box1.gif) no-repeat;
	color: #004C7A;
	}

div.bbox#boxdroite p {
	color: #004C7A;
	}

div.bselect#boxdroite p {
	color: #FFCC33;
	}
	
div.bsearch#boxdroite p {
	color: #9E004F;
	}

div.bphone#boxdroite p {
	color: #99CC33;
	}
	
div.brecrut#boxdroite p {
	color: #778BC4;
	}

div.balac#boxdroite p {
	color: #666;
	}
	
.bselect {
	background: url(../Images/boxselect1.gif) no-repeat;
	}
.bsearch {
	background: url(../Images/boxsearch1.gif) no-repeat;
	}
.bphone {
	background: url(../Images/boxphone1.gif) no-repeat;
	}
.brecrut {
	background: url(../Images/boxrecrut1.gif) no-repeat;
	}
.balac {
	background: url(../Images/boxalac1.gif) no-repeat;
	}

div#boxdroite p {
	text-align: left;
	padding: 0px;
	margin: -2px 0px 0px 35px;
	font-weight: bolder;
	font-size: 12pt;
	width: 130px;
	}
	
div#schema {
	background-image: url(../Images/recrutef.gif);
	height: 440px;
	width: 665px;
	float: right;
	}

div#schema1 {
	height: 500px;
	width: 650px;
	float: left;
	background: url(../Images/schema.gif) no-repeat 20px;
	}
ul#details li{
	margin: 0px 0px 0px 30px;
	padding: 0px;
	color: #666666;
	}
p.contactbas{
	margin: 30px 0px 0px 15px;
	}

div#contenu ol li {
	margin: 0px 0px 0px 40px;
	padding: 0px;
	color: #666666;
	}

div#part1 {
	background: url(../Images/parteguichet.gif) no-repeat 30px;
	height: 265px;
	float: left;
	width: 220px;
	margin: 20px 60px 0px 20px;
	padding-left: 30px;
	}

div#part1 a
{
	width: 220px;
	height: 265px;
	display: block;
	position: relative;
	float: left;
	}
		
div#part1 p {
	margin: -10px 0px 0px -10px;
	padding: 0px 0px 0px 0px;
	width: 220px;
	}
		
div#part2 {
	background: url(../Images/partturbino.gif) no-repeat;
	height: 265px;
	float: left;
	width: 220px;
	margin: 20px 0px 0px 0px;
	}

div#part2 a
{
	width: 220px;
	height: 265px;
	display: block;
	position: relative;
	float: left;
	}

div#part2 p {
	margin: -10px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	width: 220px;
	}
div#part3 {
	background: url(../Images/partmonster.gif) no-repeat ;
	height: 265px;
	float: left;
	width: 220px;
	margin: 20px 0px 0px 10px;
	padding-left: 30px;
	}

div#part3 a
{
	width: 220px;
	height: 265px;
	display: block;
	position: relative;
	float: left;
	}
		
div#part3 p {
	margin: -10px 0px 0px -10px;
	padding: 0px 0px 0px 0px;
	width: 220px;
	}
		
div#part4 {
	background: url(../Images/partcadremploi.gif) no-repeat;
	height: 265px;
	float: left;
	width: 220px;
	margin: 0px 0px 0px 0px;
	}

div#part4 a
{
	width: 220px;
	height: 265px;
	display: block;
	position: relative;
	float: left;
	}

div#part4 p {
	margin: -10px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	width: 220px;
	}
		
div#part5 {
	background: url(../Images/partkeljob.gif) no-repeat;
	height: 265px;
	float: left;
	width: 220px;
	margin: 0px 0px 0px 40px;
	}

div#part5 a
{
	width: 220px;
	height: 265px;
	display: block;
	position: relative;
	float: left;
	}

div#part5 p {
	margin: -10px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	width: 220px;
	}
p#footer
{
	line-height: 15px;
	text-align: center;
	color: #999999;
	text-decoration: none;
	font-size: 0.9em;
	clear: both;
	width: 400px;
	height: 30px;
	margin: 10px 0px 2px 250px;
	}

p#footer a{
	color: #999999;	
	}
p#footer a:hover { 
	color:#778BC4; 
	text-decoration: none; }
/*TURBINO*/
____________________________________________________________
/*neosourcing - http://neo-sourcing.site-rh.com/fo_offer_list.php */

	/*Général*/
		body {font-family:Trebuchet MS, helvetica, sans-serif;}
		.spacer {clear: both; font-size: 0.1em}
		
		.rouge {color:#CE0000; font-weight:bold; font-size: 13px; background:#FDD6D6; border:1px solid #CE0000; border-bottom: 2px solid #680707; border-right: 2px solid #8D0606;  padding: 5px; margin:8px 0px;}
		.warning {color:#CE0000; font-weight:bold; font-size: 14px;}
		.boutonbaspage,
		.boutonbaspage_passeword { text-align:center; margin:5px 0px;}
		
		.accueil_bloc_login .boutonbaspage {width:255px;}
		.boutonbaspage_passeword {width:370px;}

		.accueil_candidat {width:550}
		.commentaires_moteur {font-size: 11px; font-style:italic; color:#666; text-align:center;}
		.mentions_candidat {font-style:italic; font-size:0.85em;}

		#contenu {text-align:left; padding-left:12px;}

		.accueil_intitule,
		.txt {font-size:13px;}

		
		legend.annnonce,
		legend.candidat_form {font-size: 15px; color:#666; font-weight:bold;}
		
		input,
		select {font-size:13px;}
		input.champs {background:#E4E4E4 ; border:1px solid #ABB3D8;}
		input.button {background:#9E004F; border:1px solid #ECECEC; color:#FFF; padding:1px 3px; font-size:13px;}
		select.liste {background:#E4E4E4;}
	
		.accueil_bloc_login input.champs {width:120px;}

		#contenu h1 {font-size:1.28em;}
		h1 {color: #868686; font-size: 13pt; display: block;	float: left; text-align: center; margin-bottom :3;}
		
	/*fo_offer_list.xsl*/
		.moteur {width:620px; border:1px solid #808080; border-bottom: 2px solid #6B6B6B; border-right: 2px solid #6B6B6B; spacing:2;}

		td {font-size:12px; color:#666; padding-bottom:8px; padding-left:8px;}
		
		/*.button {background-color:#4AA269; color:#FFF; font-weight:bold;}*/
		.blocannonce,
		.nav_bas {width:550;}
		
		.nav_bas {text-align:center;}

		.annonce_intitule,
		.annonce_intitule2 {width:620; margin-top:2; padding:4; border-bottom:1px solid #808080;}
		
		a.lien_intitule {font-weight:bold; font-size:13px;}
		a.lien_intitule:link {color:#5C5C5C; text-decoration:none;}
		a.lien_intitule:visited {color:#666; text-decoration:none;}
		a.lien_intitule:hover {color:#5C5C5C; text-decoration:underline;}
		
		.08 {font-size:0.8em;}
	
		.annonce {width:620px;}
		.annonce fieldset {border:1px solid #DFDFDF; background:#FDFDFD; padding:8 8 15 8; font-size: 13px;}
		.annonce legend {color:#666; font-size:15px; font-weight:bold;}
		.entete_annonce {font-size: 13px; color:#868686; line-height:21px; margin-bottom:15px;}

		.entete_annonce01 hr {margin-top:15px;}
		.accueil_candidat h1 {margin-top:15px;}

		fieldset#contact p {padding-left:15px; font-size:14px;}
		fieldset#contact p a font-size:14px;

		
/*Personnalisation*/ 
#custom_top {background: url(http://www.neosourcing.fr/Images/logo.gif) 2px 5px no-repeat; width:850px; height:80px;}
#custom_header {position:relative; background: url(/img/top.jpg) no-repeat; width:850px; height:158px; text-align:left;}
#custom_header a {font-size: 13pt;	color:#FFF; display: block;	float: left; text-align: center;}

