/* General elements */

	/*Colors
		DCE4E9 : fond bleu clair
		EDF2F8 : fond bleu tres clair
		354241 : text gris
		2C5A85 : liens bleus
		6A829C : fond bleu sur title newscontent
		BF7A00 : fond ocre des boutons et des numeros dans faq
		B46C00 : site title et menu gauche selectionne
		e1dbd3 : fond taupe du tableau d'annonces
		b8aa96 : fond different sur colonne titre du job
		B3B8BC : couleur bordure tableau d'annonces
		
	*/

	html, body{ height: 100%; width: 100%; }
	body{ 	
		margin: 0;
		padding: 0;
		font: 13px Arial, Helvetica, sans-serif, clean;
		background-color:#DCE4E9;
		color:#354241;
		line-height:1.22em;
	}
	.bold {
		font-weight:bold;
	}

	h3 {
		font-size:140%;
	}
	h4 {
		font-size:110%;
	}

	h5 {
		font-size:100%;
	}

	p.backTop{
		text-align : right;
	}

		p.backTop a{
			padding:0 12px 0 0;
			background-image: url(/erecrut/images/fo/transversal/puce_top.gif);
			background-position:right 2px;
			background-repeat:no-repeat;
		}

	.legend {
		font-style:italic;
	}
	
/* forms and field */

	input, select, textarea {
		font-size: 100%;
		color: #354241; 
		font-family: Arial, sans-serif;
		border-width: 1px;
		border-style: solid;
		border-color: #354241;
	}

	input.radio, input.checkbox{
		border:none;
	}

	.smallSelect {
		width:200px;
	}

	.largeSelect {
		width:275px;
	}

/* links */

	a{
		text-decoration:none;
		color:#354241;
	}
	a:hover{
		text-decoration:underline;
	}

	.mainPage a{
		text-decoration:underline;
		color:#2C5A85;
	}
	.mainPage a:hover{
		color:#2C5A85;
	}

	.mainPage a.mainButton {
	    color: #FFFFFF;
	    font-weight: bold;
		background-color: #BF7A00;
		border: 1px solid #ffffff;
	    box-shadow: 2px 2px 8px #555555;
		-moz-box-shadow: 1px 1px 6px #aaa;
		-webkit-box-shadow: 1px 1px 6px #aaa;
	    padding: 1px 12px;
	    text-decoration: none;
	}
  
	.mainPage a.mainButton:hover {
		-moz-box-shadow: 0px 0px 0px #aaa;
		-webkit-box-shadow: 0px 0px 0px #aaa;
		box-shadow: 0px 0px 0px #555;
		text-decoration: underline;
	}
	
	a.OkButton{
     	background-image: url(/erecrut/images/fo/transversal/bouton_OK_blanc_off.gif);
     	width : 33px;
     	height: 27px;
     	display: block;
     	text-decoration:none ;
	}

	a.OkButton:hover{
		background-image: url(/erecrut/images/fo/transversal/bouton_OK_blanc_on.gif);
		width : 33px;
		height: 27px;
		display: block;
		text-decoration:none ;
	}

	a.fleche {
		padding:0 0 0 15px;
		background-image: url(/erecrut/images/fo/transversal/puce_lien.gif);
		background-position:left 3px;
		background-repeat:no-repeat;
	}
	
	a.linkSmall {
		font-size:90%;
	}


/* Main Structure */

	div#global{
		height: 100%; 
		position: relative;
		width: 844px;
		margin: 0 auto 0 auto;
	}

	
/* Header */

	div#logo{ 
		width: 170px;
		height:173px;
		margin: 0 0 0 0;
		padding : 0 0 0 0;
		border:0;
		float:left;
		background-image: url(/erecrut/images/fo/transversal/menus_gauche/ombre_verticale.gif);
		background-color:#EDF2F8;
		background-repeat: repeat-y;
		background-position: 0;
		border:none;
	}
	
		div#logo img {
			border :0;
		}

	div#header{ 
		padding : 0px;
		margin : 0px;
		background-image: url(/erecrut/images/fo/transversal/bandeau_sup/Careers_banner.jpg);
		background-color:#DCE4E9;
		background-repeat: no-repeat;
		height:173px;
		width: 674px;
		position : absolute;
		left:170px;
		border:0;
		}

	div#changeLanguage {
		float:left;
		padding-top:3px;
		padding-left:580px;
		font-size:10px;
	}
	div#changeLanguage a {
		text-decoration:underline;
	}

	div#loginForm {
		float:left;
		padding : 27px 20px 0 510px;
		font-size:85%;
	}

	div#loginForm table td.txt10{
		color:white;
		font-size:11px;
	}

	table.login{
		border:0;
		margin: 0;
	}
	
	.inputLogin {
		width:100px;
	}
	
	a.forgotPassword {
		color: #ffffff;
		text-decoration: none;
	}
	a.forgotPassword:hover {
		text-decoration: underline;
	}

/* Main page */

	div#contentContainer {
		width:844px;
		clear:both;
		padding:0 0 0 0;
		background-color:white;
		background-image: url(/erecrut/images/fo/transversal/menus_gauche/ombre_verticale.gif);
		background-position:left top;
		background-repeat:repeat-y;
		float:left;
		font-size:90%;
	}
		
	div.mainPage {
		float:left;
		padding:8px 10px 10px 15px;
		width: 644px;
		/*border: 1px solid #ff0000;*/
		min-height:300px;
		font-size: 92%;
	}
		   
	div.mainPage h1 {
		font-weight:normal;
		color: #b46c00; 
		border-bottom : 1px dotted #354241;
		padding:0 0 5px 0;
		margin:0 0 5px 0;
		font-size:167%;
	}

	div.mainPage h2 {
		font-weight:normal;
		padding:0 0 0 0;
		margin:8px 0 10px 0;
		font-size:150%;
	}
		
	div.mainPage .clear{
		margin:5px 0 0 0;
		clear:both;
	}

	div.mainPage ul{
		padding: 0 0 0 15px;
		margin:0;
	}

	div.mainPage li{
		margin-left: 15px;
	}
	
	div.introText{
		font-weight:bold;
		margin :0 0 10px 0;
	}

/* Footer */
	div#bottomShadow {
		clear:both;
		background-image: url(/erecrut/images/fo/transversal/footer/ombre_bas.gif);
		background-position:163px top;
		background-repeat:no-repeat;
		background-color:#edf2f8;
		height:7px;
		padding:0;
	}
	
	div#footer {
		clear:both;
		background-color:#edf2f8;
		padding:5px 0 10px 170px;
		font-weight:bold;
		font-size:85%;
	}

	div#footer p {
		text-align:center;
		margin:0;
	}
	
	div#footer p a {
		color: #354241; 
	}
		
/* Left Menu */

	div.leftMenu {
		float:left;
		padding:5px 0 0 0;
		margin: 0 0 0 0;
		width: 170px;
		min-height:300px
	}

	.siteTitle {
		color:#B46C00;
		font-weight:bold;
		padding:5px 5px 0 10px;
		margin:0 0 3px 0;
		font-size:150%;
	}

	.siteTitleOn {
		background-image: url(/erecrut/images/fo/transversal/menus_gauche/leftMenu_puce.gif);
		background-repeat:no-repeat;
		background-position: 2px 9px;
		color:#B46C00;
		font-weight:bold;
		padding:5px 5px 0 10px;
		margin:0 0 3px 0;
		font-size:150%;
	}

	.mainLeftRubrique {
		background-image: url(/erecrut/images/fo/transversal/menus_gauche/nav_separation_rubriques.gif);
		background-position:left top;
		background-repeat:no-repeat;
		padding:3px 0 0 2px;
	}

	.mainLeftRubrique UL {
		padding : 0 0 0 0;
		margin:0;
		LIST-STYLE-TYPE: none; 
		LIST-STYLE-IMAGE: none;
		font-size: 90%;
		line-height:1.22em;
	}

	.mainLeftRubrique UL LI.off {
		padding-left: 20px;
	}
	.mainLeftRubrique UL LI.on {
		padding-left: 12px;
	}

	.mainLeftRubrique a.selected_title {
		background-image: url(/erecrut/images/fo/transversal/menus_gauche/leftMenu_puce.gif);
		background-repeat:no-repeat;
		background-position: 0px 5px;
		color:#b46c00;
		padding : 0 0 0 8px;
		font-weight:bold;
		font-size:105%;
	}
		
	.mainLeftRubrique a.titleOn {
		color:#b46c00;
		padding : 0 0 0 8px;
		font-weight:bold;
		font-size:105%;
	}

	.mainLeftRubrique .titleOff {
		padding : 0 0 0 8px;
		font-weight:bold;
		font-size:105%;
	}

	.mainLeftRubrique a.selected_sub_title {
		background-image: url(/erecrut/images/fo/transversal/menus_gauche/leftMenu_puce.gif);
		background-repeat:no-repeat;
		background-position: 0px 5px;
		padding : 0 0 0 8px;
	}

	.mainLeftRubrique .socialNetwork {
		padding:3px 0 0 8px;
	}
	.mainLeftRubrique .socialNetwork a img{
		border:0;
		padding:0 2px 0 0;
	}

/* My workspace */

  div.workSpace{
	background-image: url(/erecrut/images/fo/transversal/bg_workspace.jpg);
	background-repeat: no-repeat;
	width:586px;
	height:230px;
	padding : 5px 0 0 10px;
	clear:both;
  }
  	div.workSpace div.folder {
  		width:369px;
  		margin: 0 11px 0 0;
  		float:left;
  	}
 
	.titleBlock{
  		text-align:center;
  		font-weight:bold;
  		padding : 3px 0 0 0;
  	}
		div.workSpace div.folder .titleBlock{
		  	width:369px;
		  	height:35px;
		}

		div.workSpace div.folder .contentProfile{
		  	width:365px;
		  	padding:120px 0 0 4px;
		}

	div.workSpace div.lastOffers {
  		width:194px;
  		margin: 0 0 0 0;
  		float:left;
  	}
	  	div.workSpace div.lastOffers .titleBlock {
	  		width:194px;
	  		height:35px;
	  	}
		div.workSpace div.lastOffers .contentOffers {
		  	/*width:188px;*/
		  	padding: 2px 3px 5px 8px;
			background-image: url(/erecrut/images/fo/transversal/bg_offers.jpg);
			background-position:left bottom;
			background-repeat:no-repeat;
		}

/* List of jobs */

	table.listJobs {
		width:605px;
		border:solid #B3B8BC 1px;
		border-collapse:collapse;
	  	margin:5px 0 5px 10px;
	}
	
		table.listJobs tr{
			text-align:center;
		}

		table.listJobs tr.head{
			border:none;
			background-color:#e0e7ed;
			background-image: url(/erecrut/images/fo/transversal/bg_th.jpg);
			background-position:left top;
			background-repeat:repeat-x;
		}
	
		table.listJobs tr.dark{
			background-color:#e0e7ed;
		}
		table.listJobs tr.light{
			background-color:#f0f5f9;
		}

		table.listJobs td{
			/*border-left:solid #B3B8BC 1px;*/
		}
	
/* searchForm */
	table.searchForm {
		width:570px;
		border:0;
		background-color:#EDF2F8;
	}

	table.searchForm td {
		text-align:center;
	}

	table.pagin {
		width:570px;
		border:0;
		margin:10px 0 5px 10px;
	}
	
/* faq */

	div.faqSummary {
		padding: 0 20px 0 5px;
		margin:10px 0 10px 0;
	}

	div.faqSummary p.faqSummaryHead {
		padding:0 10px 0 0;
		border-bottom :solid #354241 1px;
	}
		div.faqSummary p.faqSummaryHead a{
			text-decoration:none;
		}

	div.faqSummary p.faqSummaryHead span.summaryNumber{
		color:white;
		font-weight:bold;
		background-color:#BF7A00;
		font-style:italic;
		padding : 1px 2px 1px 2px;
	}
	
	div.faqContent {
		padding: 0 20px 0 5px;
		margin:10px 0 10px 0;
	}
		div.faqContent div.faqBlock{
		}

		div.faqContent div.faqBlock h3{
			font-weight:normal;
			border-bottom :solid #354241 1px;
			font-size:120%;
		}
		div.faqContent div.faqBlock h4{
			font-weight:bold;
			margin : 10px 0 5px 15px;
		}

		div.faqContent div.faqBlock p{
			margin : 0 0 5px 15px;
		}		

/* jobDetail */
	h3.jobRef{
		text-align:right;
	}
	h4.jobSubtitle {
		font-weight:normal;
		border-bottom :solid #6A829C 1px;
		margin:5px 0 5px 5px;
		padding:1px 0 1px 0;
		font-size:110%;
	}

		h4.jobSubtitle span{
			color:white;
			background-color:#6A829C;
		}

	h5.jobLabel {
		background-image: url(/erecrut/images/fo/transversal/menus_gauche/leftMenu_puce.gif);
		background-repeat:no-repeat;
		background-position: 0px 5px;
		padding : 0 0 0 8px;
		margin : 0 0 0 10px;
	}
	
		
/* versions locales */
	div.newsContent{
		clear:both;
		width:600px;
		margin:10px 10px 0 10px;
	}
		div.newsContent h3.newsTitle{
			color:white;
			font-weight:bold;
			background-color:#6A829C;
			margin:5px 0 5px 5px;
			padding:1px 0 1px 0;
			font-size:110%;
		}
		div.newsContent p{
			margin:5px 0 5px 10px;
		}
		div.newsContent span.knowMoreLink{
			float:right;
			margin: 0 0 10px 0;
		}
			div.newsContent span.knowMoreLink a{
				padding:0 0 0 15px;
				background-image: url(/erecrut/images/fo/transversal/puce_lien.gif);
				background-position:left 3px;
				background-repeat:no-repeat;
			}		
			

/**register */

	p.introCandidature{
		font-weight: bold;
		font-style:italic;
	}
	
	h3.register {
		font-weight:normal;
		border-bottom :solid #6A829C 1px;
		margin:5px 0 5px 5px;
		padding:1px 0 1px 0;
		font-size:110%;
	}

		h3.register span{
			color:white;
			background-color:#6A829C;
		}

	h4.register {
		background-image: url(/erecrut/images/fo/transversal/menus_gauche/leftMenu_puce.gif);
		background-repeat:no-repeat;
		background-position: 0px 5px;
		padding : 0 0 0 8px;
		margin : 10px 0 10px 10px;
	}


	table.tableForm{
		width: 500px;
		border: 1px black solid;
		margin : 0 0 0 20px;
	}

	table.tableFormEnd{
		width: 500px;
		border: 0;
		margin : 0 0 0 20px;
	}

	/*font color in case of correction*/
	td.correction{
		color:red;
	}

	p.nextBlock {
		text-align:right;
	}

/**fiches */
	div.fiche h4 {
		color : #2c5a85;
		border-bottom : #2c5a85 1px solid;
		margin : 5px 0 5px 0;
	}
	
	div.fiche h5 {
		color : #b46c00;
		margin : 5px 0 5px 0;
	}