/* 
	File : dv.act.css
*/

div#rec-content {
	background:url("/images/page.backgroundContentLight.jpg");
	background-repeat: no-repeat;
	background-color:#141414;
	margin:0 auto;
	color:#FFFFFF;
	width:946px;
	height:620px;
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	padding-top:40px;
	padding-bottom:20px;
}

div#tabContener {
	width:337px;
	height:458px;
	float:left;
	margin-left:5px;
	position : relative;
	background-repeat: no-repeat;
}

div.OffreActive {
	background:url("/images/rec.menuOffre.background.jpg");
}

div.MetierActive {
	background:url("/images/rec.menuMetier.background.jpg");
}

div#tabContener div#menu-title-left {
	float:left;
	width:148px;
	font-size:14pt;
	text-align:center;
	height:31px;
	position:absolute;
	left:18px;
	top:7px;
}


div#tabContener div#menu-title-right {
	float:right;
	width:144px;
	font-size:14pt;
	text-align:center;
	height:31px;
	position:absolute;
	right:22px;
	top:7px;
}


div#tabContener div.candidatureSpontanee {
	position: absolute;
	bottom: 10px;
	right:15px;
	width: 330px;
	height:20px;
	text-align:right;
	font-size:11pt;
}


ul.tabs {
	clear: both;
	margin-top:55px;
}


ul.tabs li.content {	
	margin-top:6px;
	margin-left:18px;
	list-style:none;
}

ul.tabs a {
	padding-left:5px;
	display:block;
	color: #ffffff;
    width:300px;
}

ul.tabs a:hover {
	background:url("/images/rec.menu.lien.background.jpg");
	background-position:top left;
	background-repeat:repeat-y;
}

ul.tabs a.current {
	background:url("/images/rec.menu.lienActif.background.jpg");
	background-position:top left;
	background-repeat: repeat-y;
	color:#000000;
}

a.menuTitle {
	color:#000000;
	background:none;
	width:140px;
	font-style:italic;
}

a.menuTitle:hover {
	text-decoration:underline;
}


div.panes div.pane {
	display:none;		
	background:url("/images/rec.details.background.jpg");
	width:508px;
	height:596px;;
	float:right;
	padding-left:22px;
	padding-right:22px;
	position:relative;
	font-size:10pt;
	text-align:justify;
	color:#cccccc;
}

div.panes div.pane div.titleMetier {
    display:block;
    width:300px;
    
    margin-top:5px;
    margin-left:5px;
    margin-bottom:10px;
    font-size:14pt;
    text-align:left;
    color:#ffffff;
}

div.panes div.pane div.titleOffre {
	display:block;
	width:500px;
	height:25px;
	margin-top:3px;
	margin-left:0px;
	font-size:14pt;
	text-align:left;
	color:#ffffff;
}

div.panes div.pane div.refOffre {
    margin-left:95px;
    margin-top:8px;
    font-size:12pt; 
    margin-bottom:10px;
    color: #ffffff;
}

div.panes div.pane div.candidature {
	width:300px;
	height:20px;;
	position:absolute;
	bottom:20px;
	right:30px;
	text-align:right;
}

div.panes div.pane li {
	margin-left: 30px;
}

div#candidatureContener {
	background: url("/images/rec.candidature.background.jpg");
	width:819px;
	height:503px;
	position:relative;
	left:20px;
	font-size:11pt;
}

div#candidatureContener div#titre {
	font-size:16pt;
	position:relative;
	top: 5px;
	left:35px;
}

div#candidatureContener div#champsObligatoires {
	font-style:italic;
	position:absolute;
	bottom:10px;
	right:30px;
}

table.candidatureTbl {
	
	margin-left:10px;
	margin-top:20px;
	
}

table.candidatureTbl td {
	padding:2px;
	vertical-align:top;
}

table.candidatureTbl td input {
	border:0px;
}

div#candidatureContener div#resultat {
	width:780px;
	position: relative;
	top: 60px;
	left: 20px;
}