/*BODY*/
body{	
	font-family:Arial;
	font-size:80%;
	margin: 0;
	padding:0;
}

*{
font-family:Arial;
}

body.jobbackground{
	background:white url(../images/job/BckTop_JobWithFlower.gif) no-repeat left top  scroll;
}


body.candidatebackground{
	background:white url(../images/candidate/BckTop_CandidateWithFlower.gif) no-repeat left top  scroll;		
}

body.jobPrintFriendly{
background:white url(../images/job/printFriendly/topBanner.jpg) no-repeat left top  scroll;		
}



/*END BODY*/

/*HEADER*/
#header{
height: 45px;
}

	#urlheader {
		float:right;
		/*margin:0 0 0 750px;*/
		padding: 12px 0 0 0;		
		list-style-type:none;
		font-size:11px;	
	}

	#urlheader li {
		display: inline;		
	}

	#urlheader li a{		
		color:black;
		text-decoration:underline;
	}
	
	#urlheader li a:hover {
		background:#f0f0f0;		
	}


/*END HEADER*/

/*FOOTER*/
#footer{
	background:white url(../images/global/skyline_with-border.gif) no-repeat left top;
	clear:both;
	font-size:11px;
    height: 100px;        
    padding:0;
   	margin:0;     
        
}

#footerJobPrintFriendly{
	background:white url(../images/job/printFriendly/botBorder.jpg) no-repeat left top;
	clear:both;
	font-size:11px;
    height: 100px;        
    padding:0;
   	margin:0;     
        
}



	#urlfooter {
		margin-left: 170px;
		padding-top: 100px;
		list-style-type:none;
		font-size:11px;
		display: block;
	
	}

	#urlfooter li{
		float: left;  
	}

	#urlfooter li a{		
		color: black;
		text-decoration:underline;
	}
	

	#urlfooter li a:hover {
		background:#f0f0f0;	
	}
	

	#footer p {
		padding:10px 0 20px 0;
		margin-left:170px;
		width:810px;
		font-size:11px;
		
	}

/*END FOOTER*/

#global{
	width:990px;	
	background: url(../images/global/bckGlobal.gif) repeat-y right top;
	padding: 0;
	margin: 0;
}


#globalJobPrintFriendly{
	width:990px;	
	padding: 0;
	margin: 0;
}


/*CONTENT RIGHT*/

/*CONTENT RIGHT: JOB PART*/
#contentRightJob{
	background:  url(../images/myLuckyForm/right_STAR.gif) no-repeat top right;	
	float:right;
	width:250px;	
	padding: 0;
	margin:0;
	padding-top:-25px;
}

/*CONTENT RIGHT: NEW CANDIDATE*/
#contentRightNewCandidate{
	background:  url(../images/myLuckyForm/right_STAR_COMPLETE.gif) no-repeat top right;	
	float:right;
	width:250px;	
	height:500px;	
	/*padding: 0 20px 0 0;*/
	padding:0;
	margin:0;
	padding-top:-25px;		
}


#contentRightMyAreaCandidate{
	background:  url(../images/myLuckyForm/right_STAR_COMPLETE.gif) no-repeat top right;	
	float:right;
	width:250px;
	height:500px;	
	/*padding: 0 20px 0 0;*/
	padding:0;
	margin:0;
	padding-top:-25px;		
}

/*CONTENT RIGHT: WORKSPACE - MY AREA*/
#contentRightCandidate{
	background:  url(../images/myLuckyForm/right_EMPTY.gif) no-repeat top right;
	float:right;
	width:250px;	
	padding-top:-25px;	
	padding: 0;
	margin:0;
	height:500px;
}

/* CONTENT RIGHT: login candidate-contentRight */
#contentRightNewCandidate h1.candidateContentRight{		
		color:#9C6409;		
		font:normal 18px arial;
		text-align:right;
		padding-bottom:20px;	
		
	}



#flash{
	
	margin-top:10px;
	margin-left:0px;
}


#contentFooter{
	width: 820px;
	margin-left:170px;
	background:transparent;
	
}
	
/*BORDURE SUCCEED*/
	div.bordureSucceed{
		width: 550px;
		border-top:5px solid;
		text-align: right;
		font:bold 18px arial;
		color:#8E9702;
		margin:0px 0px 0px 0px;
		padding:10px 0px 0px 0px;	  
		
	}
	
	
	div.bordureSucceed.job{
		color:#8E9702;		   
	}
	
	div.bordureSucceed.candidate{
		color:#CE7008;	
		margin:200px 0px 0px 0px;	   
	}
	
	div.bordureSucceed.orange{
		color:#CE7008;	
			   
	}
	

	div.bordureSucceed.firstStep{
		color:#CE7008;
		margin:50px 0px 0px 0px;		   
	}
	
	div.bordureSucceed.lastStep{
		color:#CE7008;
		margin:100px 0px 0px 0px;		   
	}
	

	
	#applyOnline{
		margin-right:20px;
		text-align:right;
		font-size:10px;
		float:right;
		padding-top:5px;
	}


	#bordureSucceed{
		width: 560px;
		border-top:5px solid;
		text-align: right;
		font:normal 14px arial;
		color:#8E9702;
		float:left;
		margin:30px 0 0 0;
		padding:10px 0 0 0;
	   }


	#applyOnline{
		padding:5px 0 0 0;
		margin:0;
		text-align:right;
		font-size:10px;
		margin:0 10px 0 0;
				
		
	}

/*END BORDURE SUCCEED*/
	
/*CONTENT */
	#content{
	margin-left:170px;
	padding:0;
	width:550px;
	/*float:right;	
	background:pink;
	position:absolute;*/
	
	
}
/*MENU*/	
	ul.menu{  
		margin:60px 0px 0px 0px;
		padding:0px;	  
		list-style-type:none;  		
		text-align: right;
		color: gray;
		width:550px;
		height:50px;
		
		}

	.menu a{
		font:bold 14px arial;
		display:block;
		width:200px;
		color: gray;	
		text-decoration:none;
		padding-top:5px;	
		border-top:5px solid #cccccc;	
		
		}



	.menu li {
		float:right;
		margin-right:5px;
		margin-left:5px;	 	
		}

		#job  a.actif {
		background: white url(../images/job/icone/ico_arrowMenuJob.gif) no-repeat 190px 5px;		
		color:#8E9702;	
		border-top:5px solid #8E9702;		
		width:180px;
		padding-right: 20px;		
	}
	
	
	#job  a:hover {
		background: white url(../images/job/icone/ico_arrowMenuJob.gif) no-repeat 190px 5px;		
		color:#8E9702;	
		border-top:5px solid #8E9702;		
		width:180px;
		padding-right: 20px;
		
		
	}

	#job  a:active {
		background: white url(../images/job/icone/ico_arrowMenuJob.gif) no-repeat 190px 5px;	
		color:#8E9702;	
		border-top:5px solid #8E9702;
		width:180px;
		padding-right: 20px;		
	}
  
  

	#myarea a.actif {		
		background: white url(../images/candidate/icone/ico_arrow_MenuArea.gif) no-repeat 190px 5px;		
		color:#CE7008;	
		border-top:5px solid #CE7008;			
		width:180px;
		padding-right: 20px;		
	}

	#myarea a:hover {		
		background: white url(../images/candidate/icone/ico_arrow_MenuArea.gif) no-repeat 190px 5px;		
		color:#CE7008;	
		border-top:5px solid #CE7008;			
		width:180px;
		padding-right: 20px;		
	}

  
	#myarea a:active {		
		background: white url(../images/candidate/icone/ico_arrow_MenuArea.gif) no-repeat 190px 5px;		
		color:#CE7008;	
		border-top:5px solid #CE7008;	
		width:180px;
		padding-right: 20px;
		
		
	}

/*END MENU*/


/*TITRE*/
	#content h1{
		font:normal 18px arial;		
	}
	

/*USE IN JOB PART*/	
	#content h1.iceOutTxt{
		color:#4e562b;
		width:370px;		
		margin:0px 0 0 0;	
		padding-top:0px;
	}

	#content h1.jobTitle{
		font:bold 12px arial;
	}
/*END USE IN JOB PART*/	

	


#content h1.candidateWithBorder{		
		display:block;
		/*terracotta*/
		color:#9C6409;				
		border-bottom:1px solid #CCCCCC;
		padding-bottom:10px;
		margin:0 0 0 0;		
	}

.imageWithBorder{
border-bottom:1px solid #CCCCCC;
		padding-bottom:5px;
		margin:0 0 0 0;
}

#content h1.profilStepNumber{
		/*aubergine bright */
		color:#80766e;		
		margin:25px 0 0 0;
	}


#content h1.candidate{
		/*terracotta bright*/
		color:#9C6409;
		font:normal 18px arial;
		display:block;		
		margin:0px 0 0 0;	
		padding-top:10px;
		margin-bottom:20px;
	}




#content h2{
		padding-top:10px;
		font:bold 14px arial;		
	}
	



#content h3.profilStepTitle{
		/*aubergine bright */
		color:#80766e;	
		font:normal 14px arial;
		margin:	0 0 0 0;	
	}

/*END TITLE*/
 	
 	div.clearleft{
 		margin:0;
 		padding:0;
 		clear:right;
 		height:1px;
 		line-height:1px;
 	}
 	


/* debut partie pour les onglets */

#subtabs {
     float:left;
     width:100%;
     margin-bottom: -1px;
     background: #fff url('../images/candidate/onglet/contentContainer_bg.gif' ) repeat-x bottom;
     background: transparent;
     font-size:12px;
     line-height:normal;
      }
    #subtabs ul {
      margin:10px 0 0 0;
      padding:0;
      list-style:none;
      }
    #subtabs li {
    float:left;
    display:inline;
    margin:0;  
    padding:0;
    width:150px; 	
      }
    #subtabs a {
      float:left;
      background:url(../images/candidate/onglet/left_both.gif) no-repeat left top;
      margin:0 0 0 0;      
      padding:0 0 0 9px;      
      text-decoration:none;      
      }
      
      
    
    #subtabs a.span {
      float:left;
      display:block;
      background:url(../images/candidate/onglet/right_both.gif) no-repeat right top;      
      padding:5px 15px 4px 6px;
      font-weight:bold;
      color:#765;
            
      }
      

      
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #subtabs a.span {float:none;}
    /* End IE5-Mac hack */
    #subtabs a:hover.span {
          color:#333;
     
      }
     
     
    #subtabs #current a {
      background-position:0 -150px;   
            }
    #subtabs #current a.span {
      background-position:100% -150px;
      /*pour avoir bordure onglet courant
      background-position:100% -150px;*/      
      padding-bottom:5px;
      color:#333;
      }
        
    #subtabs a:hover {
      background-position:0% -150px;
      }
    #subtabs  a:hover.span  {
      background-position:100% -150px;
      }

/* fin de la partie pour les onglets */
/**************************************BEGINING:  candidate-login ***************************/
div#cadreLogin{ /*conteneur global login form et chapeau de l'arrière plan*/	
	margin-top: 30px;
	/*padding-top:20px;*/
	background:url(../images/candidate/newCandidate/img_top_border.gif) left top no-repeat;
	height:10px;	
}

div#bottomCadreLogin{ /*bords et pied de l'arrière plan*/
	background:url(../images/candidate/newCandidate/img_botLittle_border.gif) left bottom no-repeat;
    height:9px;
	margin-top:-7px;	
	}
	
div#middleCadreLogin{
	border-left:2px solid #CE7008;
	border-right:2px solid #CE7008;
	margin-top:-6px;	
}

.columnHyperLink{
	width:120px;
} 



.columnText{
	width:400px;
}

h1.titleMyarea{
/*display:block;
position:relative;
float:left;*/
margin-left:20px;
color:#CE7008;
padding-top:10px;
}

div#cadreNewCandidate{
	/*height:398px;*/
	border:2px solid #CE7008;
	margin-top:10px;
	margin-bottom:20px;
}

.stepTitle{
font-weight:bold;
margin-left:10px;
padding-left:40px;
padding-top:5px;
height:25px;
}

.stepText{
margin-top:15px;
margin-left:20px;
}

div#step1{
background:transparent url(../images/candidate/newCandidate/img_step1.gif) no-repeat left top;
margin-left:5px;
}

div#step2{
background:transparent url(../images/candidate/newCandidate/img_step2.gif) no-repeat left top;
}

div#step3{
background:transparent url(../images/candidate/newCandidate/img_step3.gif) no-repeat left top;
}

.linkLogin{
	background:white url(../images/global/icone/ico_arrow_orange.gif) no-repeat left top;	
	color:#CE7008;	
	padding-left:15px;
	text-decoration:underline;
}

.stepColumn{
width:180px;
}

.stepColumnPointille{
width:180px;
background:transparent url(../images/global/pointilles_vertical.gif) repeat-y right top;
}

.itemStep2{
background:transparent url(../images/global/icone/ico_arrow.gif) no-repeat left top;
padding-left:20px;
margin-top:5px;
}


/************************************************ END:  candidate-login *************************************/

.popupHeader {
	background-color:#80766E;
	border:1px solid #80766E;
	font-weight:bold;
	padding:0px;
	margin:0px;
	padding-bottom:5px;
	padding-left:0px;
	font-size:12px;
}

.popupContent{
	width:100%;
	
}

.panelPopup{
background-color:white;
width:100%;
}

.popupAlign{
	padding-top: 5px;
	padding-right: 10px;
}

.popupAlignTitle{
	text-align: left;
	color:red;
}


/* columns popup*/
.labelColumn{
	width: 200px;
	vertical-align: middle;
}

.passwordColumn{
	width: 240px;
}

.mandatoryColumn{
	width: 10px;
	vertical-align: middle;
}

/*rows popup*/
.labelrows{
	height:30px;
}

/*rows popup header*/
.labelrowsHeader{
	height:25px;
}

/*columns popup contact us*/
.labelColumnContact{
	width: 200px;
	vertical-align: middle;
}

.inputColumnContact{
	width: 290px;
}


/* columns popup send to friend*/
.labelColumnSend{
	width: 320px;
	vertical-align: middle;
}

.inputColumnSend{
	width: 290px;
}

.mandatoryColumnSend{
	width: 10px;
	vertical-align: top;
}

/*rows popup send to friend*/
.sendFriendRows{
	height:40px;
}

/* workspace */
.icePnlBrdrEast{
	padding-top: 10px;
   	vertical-align: top;
   	padding-right:0px;
}


.icePnlBrdrWest {
	padding-top: 10px;
	padding-left:0px;
}

/* couleur des liens dans le workspace*/
.linkColor{
	text-decoration: underline;
	color:#CE7008;
	font-size:12px;
}

/* Relover sur les link des workspace*/
	#urlworkspace li a:hover {
		background:##CE7008;
		color:#CE7008;
	}

/* alignement des interviews et des applications */
.alignWorkspace{
	width:270px;
	padding-bottom: 0px;
	vertical-align:top;
	margin: 15px 15 15 15px;
}

/*Create my profil:*/
.createMyProfilTitle{
		/*Terracotta bright */
		color:#CC7400;
		font-size:14px;			
		background:transparent url(../images/global/pointilles.gif) repeat-x left bottom;
		padding-bottom:10px;
		margin:20px 0 20px 0;		
}

.alignLanguage{	
	margin:0;
	padding-bottom: 0;
	vertical-align:top;
	margin: 15px;
}


/* pointille en background dans le workspace*/
#imagePointille{
	background:transparent url(../images/global/pointilles.gif) repeat-x left bottom;
	padding-bottom:10px;
	margin:0 0 0 0;
	width:190px;
}

#iconeHistoricWorkspace{
	background:transparent url(../images/global/icone/ico_historic.gif) no-repeat left;
	height:18px;
}

#iconeFutureWorkspace{
	background:transparent url(../images/global/icone/ico_calendar.gif) no-repeat left;
	height:17px;
}

#iconeLinkWorkspace{
	background:transparent url(../images/global/icone/ico_arrow_orange.gif) no-repeat left;
	height:16px;
	padding-left:30px;
	margin:0 0 0 0;
}

#iconePdfWorkspace{
	background:transparent url(../images/global/icone/ico_pdf.gif) no-repeat left;
	height:16px;
	padding-left:10px;
	margin:0 0 0 0;
}

/* message d'erreur pour les popup du workspace*/
.errorPopupInfo{
	background:white url(../images/global/icone/ico_errorMessage.gif) no-repeat left top;
	font-size:10px;
	color:#DC5034;	
	padding-left:15px;
}

.errorPopupError{
	background: url(../images/global/icone/ico_errorMessage.gif) no-repeat left top;
	font-size:10px;
	color:#DC5034;	
	padding-left:15px;
}

/* Message info du workspace */
.infoWorkspace{
	background-color:#DC5034;
	color:white;
	font-size:12px;
	height:15px;
	width:550px;
	text-align:center;
	padding-top:5px;
}
/******************************BEGINNING BUTTONS***********************************************/
input.buttonLogin{
	width:96px;	
	line-height:17px;	
	font-weight:bold;
	font-size:11px;	
	border: 1px solid black;
	border-width: 1px 2px 2px 1px;
	border-color: #cecece #4a4a4a #4a4a4a #cecece;		
	background-color: #D4D4D4;	
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	
}

input.buttonLogin:hover{
	border-width: 2px 1px 1px 2px;
	border-color:  #4a4a4a #cecece #cecece #4a4a4a;
	background-color: #EDEDED;
}

a.buttonGeneral {	
	display:block;
	width:96px;
	line-height: 17px;	
	font-weight:bold;
	font-size:10px;	
	border: 1px solid black;
	border-width: 1px 2px 2px 1px;
	border-color: #cecece #4a4a4a #4a4a4a #cecece;		
	background-color: #D4D4D4;	
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*padding:5px 0 0 0;*/
		
}

a.buttonGeneral:hover{
	border-width: 2px 1px 1px 2px;
	border-color:  #4a4a4a #cecece #cecece #4a4a4a;
	background-color: #EDEDED;
}

a.floatRight{	
	float:right;
	}
	
	
a.floatLeft{	
	float:left;
	}

a.backgroundAddButton{
 display:block;
	width:96px;
	line-height: 17px;	
	font-weight:bold;
	font-size:10px;	
	border: 1px solid black;
	border-width: 1px 1px 1px 1px;
	border-color: #cecece #4a4a4a #4a4a4a #cecece;		
	background-color: #CC7400;	
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
    color:white;
}

a.experienceAddButton:hover{
	border-width: 1px;
	border-color:  #4a4a4a #cecece #cecece #4a4a4a;
	background-color:#9C6409;
}

a.experienceAddButton{
 display:block;
	width:120px;
	line-height: 17px;	
	font-weight:bold;
	font-size:10px;	
	border: 1px solid black;
	border-width: 1px 1px 1px 1px;
	border-color: #cecece #4a4a4a #4a4a4a #cecece;		
	background-color: #CC7400;	
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
    color:white;
}

a.backgroundAddButton:hover{
	border-width: 1px;
	border-color:  #4a4a4a #cecece #cecece #4a4a4a;
	background-color:#9C6409;
}


a.buttonAdd	 {	
	display:block;
	width:120px;
	line-height: 15px;	
	font-weight:bold;
	font-size:10px;	
	border: 1px solid black;
	border-width: 1px 1px 1px 1px;
	border-color: #cecece #4a4a4a #4a4a4a #cecece;		
	background-color: #CC7400;	
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
    color:white;
		
}

a.buttonAdd:hover{
	border-width: 1px;
	border-color:  #4a4a4a #cecece #cecece #4a4a4a;
	background-color:#9C6409;
}
/***************************************END BUTTON*********************************************/	

/******************************************GLOBAL TO FORM*************************************/
.formProfile {
    background: #f0f0f0;
    border:1px solid #CCCCCC;  
    padding: 20px;
}

#privacyRight{
font-size:9px;
text-align:justify;
}
.currentDay {
 	background-color: #9ff2a1;
 }
 .currentDay a {
 	background-color: #9ff2a1;
 }
 
/* color hyperlink file uploaded to display*/
.linkFileUploaded{
	text-decoration: underline;
	color:#CC7400;	
}

a.linkFileUploaded{
	text-decoration: underline;
	color:#CC7400;	
}
/* image inside datable*/
.imageDataTable{
	vertical-align:middle;
	text-align:center;
}

#legendMandatoryFields{	
	clear:left;
	float:left;
	margin:20px 0 0 0;
	font-size:11px;
	color:#CE7008;
	} 

#legendMandatoryFields img{	
	margin:0;
	padding:0 5px 0 0;
	} 

.mandatorySymbol{
	float:left;
	}	
	
.starGreyImage{
	width:164px;
	height:176px;
	margin:-60px 30px 0px 0px;
		}
	
.datePattern{
	font-size:10px;	
	color:#999999;
}

.inputDateMonthYearPopup{
	min-width:100px;
}

.iceSelInpDateInput {
    width: 100px;
}

/*Style for the error message:   creation profile */
.errorProfileError,.errorProfileWarn,.errorProfileInfo {
	background:#f0f0f0 url(../images/global/icone/ico_errorMessage.gif) no-repeat left top;
	font-size:10px;
	/*Bordeaux bright*/
	color:#DC5034;
	padding-left:20px;	
	width:13px;
	line-height:13px;
}

/*Style for the error message:   error login */
.errorLoginError,.errorLoginWarn,.errorLogin {
	background:transparent url(../images/global/icone/ico_errorMessage.gif) no-repeat left top;
	font-size:10px;
	/*Bordeaux bright*/
	color:#DC5034;
	padding-left:20px;	
	width:13px;
	line-height:15px;
}

.errorLoginInfo{
padding-left:25px;
background:transparent url(../images/global/icone/ico_tick.gif) no-repeat 5px 5px;
width:12px;
height:8px;
}



/*Style for the error message:   login */
.errorFirstStepError,.errorFirstStepWarn,.errorFirstStepInfo {
	background:#f0f0f0 url(../images/global/icone/ico_errorMessage.gif) no-repeat left top;
	font-size:10px;
	/*Bordeaux bright*/
	color:#DC5034;
	padding-left:20px;	
}



/*Style for the error message for the upload component*/
.errorUploadError{
	background:#f0f0f0 url(../images/global/icone/ico_errorMessage.gif) no-repeat left top;
	font-size:10px;
	/*Bordeaux bright*/
	color:#DC5034;
	padding-left:15px;
	
}

.errorUploadWarn{
	background:#f0f0f0 url(../images/global/icone/ico_errorMessage.gif) no-repeat left top;
	font-size:10px;
	/*Bordeaux bright*/
	color:#DC5034;	
	padding-left:15px;
}

.errorUploadInfo{
	/*visibility:hidden;
	display:none;*/
	background:#f0f0f0 url(../images/global/icone/ico_errorMessage.gif) no-repeat left top;
	font-size:10px;
	/*Bordeaux bright*/
	color:#DC5034;	
	padding-left:15px;
	
	
}

/*For the error message global: creation profile*/
.errorGlobal{
	margin:10px 20px 10px 20px;
	line-height:20px;
	/*width:510px;*/
	/*background-color:#DC5034;	
	font-size:12px;
	line-height:20px;
	width:510px;
	margin:20px 0 0 20px;*/
}

.errorGlobal span{
	background-color:#DC5034;	
	font-size:12px;	
	color:white;
	padding:0px;
	
}

/* Message info global */
.infoMessage{	
	background:#DC5034 url(../images/global/errorBackground.gif) repeat-x left bottom;
	color:white;
	font-size:12px;
	/*width:510px;*/
	text-align:center;
	padding:5px;
	margin:20px 0 20px 0;	
	
}

/*************************************END GLOBAL TO FORM*************************************/

/***********************************FIRST STEP***********************************************/
form.first-step{		
	background: #f0f0f0;
    border:1px solid #CCCCCC;  
    margin-top:15px; 
    padding-left:40px;
    padding-right:40px;   
}
.first-step ul{margin:10px 0;list-style-type:none;}
.first-step li{margin-bottom:10px;}
.first-step li li{margin-bottom:0;}
.first-step li label{display:block;float:left;text-align:left;width:160px;}
.first-step label {padding-top:20px;}
.first-step p.note {font-size:10px;	color:#999999;margin-top:4px;margin-left:166px;}
.first-step input{width:200px;}
.first-step  .errorFirstStepError,.errorFirstStepWarn,.errorFirstStepInfo {
margin-left:3px;
}
/***********************************END FIRST STEP**************************************/

/***********************************SUBTAB PERSONAL DATA**************************************/
.legend{font-size:11px;color:#CE7008;} 
/*end candidate first step */
/*beginning candidate-create*/
.candidate-create { padding-left:40px;
    padding-right:40px; }
.candidate-create ul{margin:10px 0;list-style-type:none;}
.candidate-create li{margin-bottom:5px;}
.candidate-create li li{margin-bottom:0;}
.candidate-create li label{display:block;float:left;text-align:left;width:160px;}
.candidate-create li label {padding-top:20px;}
.candidate-create p.note {font-size:10px;	color:#999999;margin-top:4px;margin-left:166px;}
.candidate-create  .errorProfileError,.errorProfileWarn,.errorProfileInfo {
margin-left:3px;
}
.labelAddress {width:100px;vertical-align:middle;}
.labelSmallAddress{width:70px;vertical-align:middle;}
.mandatoryColumn{width:40px;}
.autoComplete{width:150px;}
.inputSmallAddress{width:50px;}
.inputBigAddress{width:100px;}
.inputStreetAddress{width:180px;}
/*USE ONLY FOR GENDER*/
.genderFieldset{
border:0;
}
.genderFieldset div.gender{
width:370px;
clear:left;
margin:0;
padding:0;
}
.genderFieldset label.gender{
float: left;
width: 160px; 
}
.genderFieldset span.errorProfileError{
margin-left:166px;
}
.genderFieldset .mandatoryPersonnelData{
clear:left;
float:right;
margin:-23px 40px 0 0;
}
/*END USE ONLY FOR GENDER*/
.phonePrefixInput{
	width:40px;
}

.phoneMaskInput{
 	width:100px;
}
/***********************************END SUBTAB PERSONAL DATA**************************************/

/*************************************SUBTAB BACKGROUND*******************************************/
/*For the date*/
.labelStartDate{width:80px;vertical-align:middle;}
.labelEndDate{width:30px;text-align:center;vertical-align:middle;}
.alignCell{text-align:center;vertical-align:middle;}
/*Fieldset formation*/
.backgroundFieldset{padding-left:0px;padding-right:20px;}
.backgroundFieldset ul{margin:10px 0;list-style-type:none;}
.backgroundFieldset li{margin-bottom:5px;}
.backgroundFieldset li li{margin-bottom:0;}
.backgroundFieldset li label{display:block;float:left;text-align:left;width:250px;}
.backgroundFieldset label {padding-top:20px;}
.backgroundFieldset p.note {font-size:10px;	color:#999999;margin-top:4px;margin-left:166px;}
.backgroundFieldset  .errorProfileError,.errorProfileWarn,.errorProfileInfo {
margin-left:3px;
}

#formation{
border:1px solid #CCCCCC;
padding-left:10px;padding-right:10px;}
#formation ul{margin:10px 0;list-style-type:none;}
#formation li{margin-bottom:5px;}
#formation li li{margin-bottom:0;}
#formation li label{display:block;float:left;text-align:left;width:160px;}
#formation label {padding-top:20px;}
#formation p.note {font-size:10px;	color:#999999;margin-top:4px;margin-left:166px;}
#formation  .errorProfileError,.errorProfileWarn,.errorProfileInfo {
margin-left:3px;
}

#formation  legend{
font-weight:bold;
margin-left:40px;
}
#formation  textarea{
height:80px;
width:250px;

}
#experience{
border:1px solid #CCCCCC;
padding-left:10px;padding-right:10px;
}
#experience ul{margin:10px 0;list-style-type:none;}
#experience li{margin-bottom:5px;}
#experience li li{margin-bottom:0;}
#experience li label{display:block;float:left;text-align:left;width:160px;}
#experience label {padding-top:20px;}
#experience p.note {font-size:10px;	color:#999999;margin-top:4px;margin-left:166px;}
#experience  .errorProfileError,.errorProfileWarn,.errorProfileInfo {
margin-left:3px;
}

.note {font-size:10px;	color:#999999;}

#experience legend{
font-weight:bold;
margin-left:40px;
}


.radiobutton div{
width:370px;
clear:left;
margin:0;
padding:0;
}

.radiobutton label.gender{
float: left;
width: 160px; 
}

.radiobutton span.errorProfileError{
margin-left:166px;
}

.radiobutton .mandatoryPersonnelData{
clear:left;
float:right;
margin:-18px 200px 0 0;
}




/*************************************END SUBTAB BACKGROUND************************************/
/*************************************SUBTAB MY DOCUMENTS**************************************/
.uploadPart{
margin:10px 0 0 0;
}
/************************************END SUBTAB MY DOCUMENTS***********************************/

/************************************** BEGINNING  candidate_lastStep / application-message / application-feedback  **************************/

.info_box_message{
border: 3px solid #ccc;
margin:20px 0;
padding:25px 20px;
}


.info_box_message {
background: url(../images/step/bck_message.gif) repeat-x;
}

.inside_info_box_message{
margin:10px 0 0 0;
width:100%;
}


.info_box_candidateLastStep{
border: 3px solid #ccc;
margin:20px 0;
padding:20px 40px;
}

.info_box_candidateLastStep {
background: url(../images/step/bck_message.gif) repeat-x;
}

.inside_info_box_candidateLastStep{
margin:10px 0 0 0;
width:100%;
}


div.imagePart{
	float:left;
	width:180px;
	height:120px;
	background-image:url(../images/global/congratulations/congratulations.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
div.textPart{
	float:left;	
}



.signatureCongratulations{
	background-image:url(../images/global/congratulations/signature.gif);
	background-repeat:no-repeat;
	width:188px;
	height:27px;
	margin-top:20px;
}

.iconeHyperlink{
	background:transparent url(../images/global/icone/ico_arrow_orange.gif) no-repeat left;
	height:16px;
	padding-left:15px;
	margin:0 0 0 0;
}

.candidatePositionSelected{
	background:transparent url(../images/global/img_checkbox.gif) no-repeat left;
	width:12px;
	height:12px;
	padding-left:30px;
	font-weight:bold;
	margin:0 0 0 0;
}




#content h1.congratulation{
		/*terracotta bright*/
		color:#9C6409;
		font:normal 18px arial;
		display:block;		
		margin:0px 0px 0px 0px;	
		padding:0px 0px 0px 0px;	
	}


/**********************************END candidate_lastStep / application-message / application-feedback************************* *************/

/*************************************DESIGN ERROR PAGE****************************************/

.errorPage{background:white url(../images/global/errorPage/BckTop_Ocean.gif) no-repeat left top  scroll;}		

.partError{width:550px;	
	margin:50px 0 0 0;
}
.partError div.imagePartError{
	float:left;
	width:180px;
	height:120px;
	background-image:url(../images/global/errorPage/StarBlue.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.partError div.textPartError{
	float:left;		
}
.partError div.textPartError p{
	margin:10px 0 10px 0;		
}
#iconeLinkErrorPage{
	background:transparent url(../images/global/icone/ico_arrow.gif) no-repeat left;
	height:16px;
	padding-left:10px;
	margin:0 0 0 0;
}
#contentRightErrorPage{
	background:  url(../images/myLuckyForm/right_EMPTY.gif) no-repeat top right;
	float:right;
	width:250px;	
	height:300px;
	padding-top:-25px;	
	padding: 0;
	margin:0;
}
/***********************************END DESIGN ERROR PAGE*************************************/

/***********************************BEGINNING APPLICATION*************************************/
form.formApplication{		
	background: #f0f0f0;
    border:1px solid #CCCCCC;  
    margin-top:15px;
    padding-left: 20px;
    padding-right:20px;   
}


.application ul{margin:10px 0;list-style-type:none;}
.application li{margin-bottom:5px;}
.application li li{margin-bottom:0;}
.application li label{display:block;float:left;text-align:left;width:200px;padding-top:20px;}
.application .note {font-size:10px;color:#999999;}
.application  .errorProfileStepError,.errorProfileStepWarn,.errorProfileStepInfo {
margin-left:3px;
}
.application  textarea{
height:80px;
width:375px;

}

#contractTable .labelColumn{
	vertical-align:middle;
	width:110px;	 
}

#contractTable .inputColumn{
	width:40px;
}

#contractTable .mandatoryColumnMinimum{
	vertical-align:middle;
	width:48px;
}

#contractTable .mandatoryColumnMaximum{
	vertical-align:middle;
	width:10px;
}

.createMyApplicationTitle{
		/*Terracotta bright */
		color:#CC7400;
		font-size:14px;			
		background:transparent url(../images/global/pointilles.gif) repeat-x left bottom;
		padding-bottom:10px;
		margin-top:20px;	
}



.labelApplicationColumn{width:160px;vertical-align:middle;} 
.selectApplicationColumn{vertical-align:middle;}
.radioApplicationColumn{width:200px;vertical-align:middle;} 
.mandatoryApplicationSymbol{width:10px;vertical-align:middle;} 
.inputApplicationColumn{width:40px;vertical-align:middle;} 

/************************************END APPLICATION*****************************************/


/************************************DSJN New workspace design*******************************/

.info_box, .info_box_light{
border: 3px solid #ccc;
margin:20px 0;
padding:10px 20px;

}

.info_box {
background: url(../images/step/bck_message.gif) repeat-x;
}

.info_box_light{
border: 1px solid #ccc;
}

.info_title, .info_light_title{
font-size:14px;
color:#9c6409;
margin:0 0 25px 0;
padding:2px 0 0 25px;
background: url(../images/step/ico_flag.gif) no-repeat;
height:20px;
}

.info_box p, .info_box_light p{
margin:5px 0;
}



#my_applications_box{
background:#eee;
padding:20px;
margin:10px 0;
}

.my_applications_title{
background:url('../images/step/ico_historic.gif') no-repeat;
padding:2px 0 0 20px;
margin:0 0 15px 0;
font-weight:bold;
height:16px;
}


#my_applications_box ul{
list-style-type:none;
margin:10px 0;
padding:0;
}

#my_applications_box li{
margin:5px 0;
font-size:12px;
}

.application_details{
font-size:10px;
}


#my_future_interviews_box{
border:solid 1px;
padding:20px;
margin:10px 0;
}

.my_interview_table {
margin:10px 0;
}

.my_future_interviews_title{
background:url('../images/step/ico_calendar.gif') no-repeat;
padding:2px 0 0 20px;
font-weight:bold;
height:16px;
margin:0 0 15px 0;
}


.more_details {
background:#cc7400;
color:#FFF;
font-size:11px;
padding:0 1px;
margin:0;

}

.my_future_interview_when{
color:#cc7400;
font-size:12px;
}

.interview_when p{
margin: 2px 0;
}

.interview_when{
margin:2px 0;
padding:0;
}

.align_top{
vertical-align:top;
}

#btn_continue_registration{
background:url('../images/global/bouton/btn_contRegis/btn_ContinueRegistration_OFF.gif');
height:35px;
width:190px;
}

#btn_continue_registration:hover{
background:url('../images/global/bouton/btn_contRegis/btn_ContinueRegistration_ON.gif');
}

#btn_view_jobs_lux{
background:url('../images/global/bouton/btn_viewJob/btn_viewJobsLux_OFF.gif');
height:35px;
width:221px;
}

#btn_view_jobs_lux:hover{
background:url('../images/global/bouton/btn_viewJob/btn_viewJobsLux_ON.gif');
}

#btn_continue_step3{
background:url('../images/global/bouton/btn_contStep3/btn_contStep3_OFF.gif');
height:35px;
width:161px;
}

#btn_continue_step3:hover{
background:url('../images/global/bouton/btn_contStep3/btn_contStep3_ON.gif');
}

#btn_spontaneous{
background:url('../images/global/bouton/btn_applySpont/btn_applySpont_OFF.gif');
width:191px;
height:35px;
}

#btn_spontaneous:hover{
background:url('../images/global/bouton/btn_applySpont/btn_applySpont_ON.gif');
}


.btn_container{
margin:25px 0 0 0;
width:100%;
text-align:right;
}

.place {
width:50px;
}

.feel_free {
  margin:10px 0;
  font-size:12px;
}
/************************************DSJN New workspace design*******************************/