body {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:10pt;
	color:black;
	margin:0px 0px 0px 0px;
	padding:0px;
}

#page {
	background:url(background.png) no-repeat  top center;
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	
}
#header {

	font-size:30px;
	font-weight:bold;
	color: #666;
	height:165px; 
	background-repeat: no-repeat;
	
}

#header  #main-logo{
	 
	margin-left:50px;
	margin-top:40px;
	float:left;
	height:124px;  
	width:284px;
	cursor:pointer;
	background:  url('mainLogo.png') no-repeat;	
	
}

#header #connexion-box{	

	float:right;
	height:65px;  
	width:345px;
	background:  url('connexion.png') no-repeat;	
}
#header #connexion-box p{	
	width:100px;
	float:left;
	text-align:center;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:10px;
 
}
#header #connexion-box .submitLogon{
	float:right;
	border:none !important;
	margin-right:35px;
}
#header #connexion-box .label{	
	width:100px;
	display:block;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	font-size:10pt;
}
	/*
#header #connexion-box input{	
	margin-bottom:0px !important;
	margin-top:10px !important;
	display:block;
	border:grey 1px solid;
}
	*/

#home-panel p{
	font-size:12px;
	color:#12A0D8;
	width:320px !important;
}
#home-panel .submitLogout{
	margin-top:-5px !important;
	border:none !important;
	float:right;
	margin-right:5px;
}
#content { 
 width:1000px;
 height:100%;
}
#user-profile .content p{
 margin-left: 20px;
}
#right-part .right-block{
	width:295px;
	overflow:hidden;
	background:url("right_title.png") no-repeat top center;
}
#right-part .title-right-block{
	margin-left:30px;
	margin-top:10px;
	height:30px;
	margin-bottom:15px;
	color:white;

}
#right-part .content-right-block a{
	 text-decoration:none;
	 color:transparent;
}
#right-part .content-right-block{
 padding-bottom:10px;
}
.info-profile{
	color:black;
	width:450px;
	float:right;
}
#footer {
	clear:both;
	color: gray;
	font-size:8pt;
	text-align:left;
		width:998px;
	margin:0 auto;
	margin-top:17px;
	border-left: 1px solid #94CEDE;
	border-right: 1px solid #94CEDE;
	border-bottom: #94CEDE  1px solid ;
	height:55px;
	padding-top:15px;
	margin:0 auto; 
	background: url("footer.png") no-repeat top center;

}
#footer  #usefull-link { 
	margin-left:30px;
}
#footer  #usefull-link a{

	text-decoration : none;
	margin-left:15px;
	color:grey;

}
#footer  #usefull-link a:hover{
	text-decoration:underline;
}
#footer  #usefull-info{
	margin-left:10px;
}

#controles{
	
	 width:630px;
	 height:75px;
	 float:right;
	 margin-right:20px;
	 margin-top:0px;
}
#espace{
	float:left;
	margin-left:40px;
	margin-top:10px;
	
}
#espace h1{
	font-size:20px;
		color:#12A0D8;
}
#left-title{
	float:left;
	margin-left:40px;
	margin-top:30px;	
}
#left-title h3{
	margin:0;
}
#right-title{
	float:right;
	margin-right:220px;
	margin-top:27px;
}
#right-title h3{
 margin:0;
}
#right-part{
	float:right;
	width:295px;	
	background-color:#B9E4F0;
	display:block;
	color:white;
	text-align:justify;
}
#right-part p{

 padding-right:20px;
 padding-left:20px;

}
#bottom-content{
	overflow:hidden;
	width:998px;
	margin:0 auto;
	margin-top:17px;
	border-left: 1px solid #94CEDE;
	border-right: 1px solid #94CEDE;
	padding-bottom:30px;

	
	
}
#left-part{
	float:left;
	width:650px;	
	display:block;
	padding-right:20px;
	padding-left:20px;
	color:orange;
	text-align:justify;
}
#content-left-part{
	margin-top:-20px;
	width:580px;
	padding-left:20px;
}
#search-box{
	border:1px solid #94CEDE;
 
	height:160px;
	width:600px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:10px;
	
}
#offre-info p{
margin-left:20px;
}
.info-offre{
	color:black;
	width:300px;
	float:right;
	
}
.filtre-form{
	width:573px;
	margin:0 auto;
	margin-top:15px;
  
}
.content-box{
	width:573px;
	margin-top:50px;
	margin-left:10px;	 
}
input{
	border: #94CEDE 1px solid;

}
input:hover, input:focus{
	border: #D6F2F9 1px solid;

}
 .actionPanel{
	clear:both;
	width:500px;
	margin:0 auto;
	background-color:#F1FBFD;
 }
.textbox
{
	width:210px;
	margin-bottom:10px;
	margin-right:5px;
}
.cv-header{
	width:500px;
	font-weight:600;
	height:10px;
	
}
.cv-desc{
	font-style:italic;
}
.cv-right-header{
	width:60%;
	float:right;
	text-align:right;
}
.cv-left-header{
	width:40%;
	float:left;
 
}
.cv-content{
	margin:0 auto;
	width:500px;
	border-bottom:1px solid #94CEDE;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
.textarea{
	width:480px;
	margin-left:50px;
	margin-top:5px;
	height:270px;
	display:block;
	float:left;
	
}
.label-input{
	width:300px;
	display:block;
	float:left;
	color: #12A0D8;
	margin-left:20px;
	margin-bottom:10px;
}
.content-title{
	background:url(title.png) no-repeat  top center;
	height:36px;
}
.part-title{
	margin-left:30px;
	color:white;
	width:210px;
	font-weight:600;
	padding-top:10px;
	
}
.error-validation
{
 display:block; 
 float:left;
 width:550px;
 margin-left:20px;
}
.errors{
	 font-size:12px;
}
.validation-summary{
 margin-left:25px;
 color:red;
}
.content{
	border-left:#94CEDE 1px solid;
	border-right:#94CEDE  1px solid;
	border-bottom:#94CEDE  1px solid;
	padding-top:20px;
	padding-bottom:5px;
	overflow:hidden;
	color:#12A0D8;
	 
}
.dropdown{
	width:210px;	
	margin-bottom:10px;
	
	border:1px solid #94CEDE;
	

}
.textEditor
{
	margin-top:10px;
}
.form-button
{
	color:#12A0D8;
	margin-top:10px;
	margin-bottom:10px;
	cursor:pointer;
	clear:both;
	
}
.submitBtn{
	display:block;
	float:left;
	width:100%;
	margin:0 auto;
}
.block-controle{
	width:90px;
	height:70px;	
	float:left;
	margin-left:35px;
	margin-top:5px;
	font-size:12px;
	text-align:center;
}
.block-controle a{
	text-decoration:none;
	color:#12A0D8;
}
.block-controle a:hover{
	text-decoration:underline;

}

#listOffres {
	
	margin-bottom:20px;
	margin-top:20px;
	color:#12A0D8;
	margin-left:-10px;


}
#listOffres .content-offre{
 width:220px;
 height:268px;
 
}
#listOffres .top-offre{
	width:220px;
	height:30px;
	background:url(offre_top.png) no-repeat bottom center;
	

}
#listOffres .bottom-offre{
	width:220px;
	height:38px;
	background:url(offre_bottom.png) no-repeat bottom center;
	float:left;
}
#listOffres .cv-box{
	width:110px;
	height:336px;
}
#listOffres .action-btn{

	width:120px;
	height:28px;
	text-align:right;
	margin-right:30px;
	margin-top:8px;
	float:right;

	
	
}
#listOffres .action-btn a{
	color:#12A0D8;
	text-decoration:none;
}
#listOffres .action-btn a:hover{
 
	text-decoration:underline;
}
#listOffres .offre{
	width:220px;
	height:200px;
	background:url(offre_cote.png) repeat-y ;
	float:left;	
	overflow:hidden;
}
#listOffres .offre div{
	width:180px;
	margin:0 auto;
}
#listOffres .title{
	color:#12A0D8;
	font-weight:600;
	font-size:14px;


}
#listOffres .localisation{
	color:#12A0D8;
	border-bottom:1px solid #12A0D8;
	font-size:10px;
	height:20px;
}
#listOffres .description{
	color:orange;
	font-size:10px;
}
#listOffres .pager a{
 color:#12A0D8;
 text-decoration:none;
  font-weight:200;
}
#listOffres .pager {
 color:#12A0D8;
 font-weight:600;

}
#listOffres .pager a:hover{ 
 text-decoration:underline;
  font-weight:600;
}