/* COMMON */

.flash{
	color: #63232C;	
	padding: 5px 5px 5px 0px;
	text-align:center;
}

.clear {
clear: both;
}

.clear2 {
	height:50px;
	float: left;
}

.gris{
 color:#8F8F8F;	
}

.vert{	
 color:#C0FF00;	
}

fieldset{
	border:0;
	margin:0;
}

body { 
	position:relative;
	color: #FFFFFF;	 
	background-color: #323430; 	
	font-family:Tahoma, Helvetica, sans-serif;
}

.wrapper{
	margin:0 auto;
	width:600px;
}

#header { 
	width:100%;
	height:50px;
}

#header .logo_header{
	background:url(/images/logo_form.png) no-repeat;
	border:0;
	position:absolute;
	width:252px;
	height:80px;
	margin:0px 0px 5px -4px;
}

#header .lang{
	width:100%;
	text-align:right;
	margin:0px 0px 0px 22px;
}
#header .lang a{
	color: #FFFFFF
}
#header .lang a:hover{
	text-decoration:none;
}
#header .active{
	font-weight:bold;
	text-decoration:none;
}

#header_form { 
	width:100%;
	height:60px;
	text-align:right;	
	margin:30px 0px 0px 22px;
	letter-spacing:-3px;
}

#header_form h1{
	font-size:36px;	
	letter-spacing:0.3px;
}

#header_form h2{ 
	font-size:16px;
	letter-spacing:0px;
	font-weight: normal;
	margin-top: -20px;
	color:#C0FF00;
}

#content { 
	color:#7F7F7F;
	text-align:justify;	
	margin:0px 0px 0px 0px;
	padding-left:20px;
	padding-right:0px;
	padding-bottom:40px;
}
#content a { 
     color: #A6EA00;
}
#content a:hover { 
     text-decoration:none;
}

#disclaimer { 
	color:#7F7F7F;
	text-align:justify;	
	margin:0px 0px 0px 0px;
	padding-left:20px;
	padding-right:15px;
	padding-bottom:15px;
}

#disclaimer li{ 
	margin-left:40px;
	margin-top:0px;	
}
#disclaimer a{ 
	color:#7F7F7F;
	text-decoration: underline;	
}
#disclaimer a:hover{ 
	text-decoration: none;	
}
#disclaimer .login_img{ 
	margin-left:575px;
	margin-top:-10px;
	display: block;
	width:17px;
	height:16px;
	cursor: pointer;
}
#disclaimer .login_img img{
	border:0;
} 
#disclaimer div{ 
	padding-bottom:5px;	
}
#legende{ 
	text-align:center;
	padding-top:7px;	
}
#legende img{ 
	margin-bottom:-2px;	
}
#separateur{
	margin-left:15px;
	border-top: 1px solid #cccccc;	
}

#footer_form { 
	width:100%;
	height:45px;
	text-align:center;	
	color: #FFFFFF;	
	font-size:12px;	
	margin:10px 0 0 0px;
}
#footer_form a { 
	color: #FFFFFF;	
	text-decoration: underline;	

}
#footer_form a:hover { 
	text-decoration: none;	
}

#footer_form img { 
	border:0;
	text-decoration:none;
	margin-bottom:-3px;
}

#main_form { 
	border: 0px solid #CCCCCC;
	color: #323430;	 
	background-color: #E8E4DD; 
	width:600px;
	align: center;
	margin: 30px 0px 0 0px;
	font-size:12px;	
	padding: 20px 20px 0px 0px;
	z-index: 0;
}

#main_form h2{
	margin-left:25px;
	font-size:14px;
}

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
	margin-top:-22px;
	margin-left:-2px;
	background: url(/images/hautgauche.gif);

}
#hautdroit {
	float: right;
	margin-top:-22px;
	margin-right:-22px;
	background: url(/images/hautdroit.gif);
}
#basgauche {
	margin-top:-19px;
	background: url(/images/basgauche.gif);
}
#basdroit {
	float: right;
	margin-top:-19px;
	margin-right:-24px;
	background: url(/images/basdroit.gif);
}


/*        ETAPE 1        */

.form_columns {
	width: 260px;
	float: left;
	margin: 5px 0px 25px 25px;	
	display: inline;

}

.form_columns2 {
	width: 290px;
	float: left;
	margin: 5px 0px 25px 0px;	
	display: inline;
	border-left: 1px solid #cccccc;
}

.form_comment {
	width: 100%;
	float: left;
	margin: 0px 0px 10px 45px;	
	display: inline;
}

.form_columns input, textarea {
	border: 1px solid #323430;
	font: 11px arial;
	color: #000000;
	padding: 1px;
}

.form_columns li{	
	margin:2px 0 30px 20px;
}

.form_columns label, .form_columns li, .form_comment label{
	display:block;
	padding:2px 0 2px 0;
}

.form_columns2 li, .form_comment li {
	display:block;
	padding:2px 0 2px 0;
}

.form_columns2 label {
	width:100px;
	float: left;
	text-align: right;
	margin-right:10px;
}

.form_columns .error_list  {
	margin:2px 0 -18px -60px;
}

.form_columns2 .error_list  {
	margin: 2px 18px 0px 0px;
}

.error_list  {
	color: #63232C;	
	text-align:left;
}
.form_columns2 ul li{
	text-align:right;
	list-style: none;
}

.form_comment textarea{
	width: 492px;
	height: 60px;
	border: 1px solid #323430;
	font: 11px arial;
	color: #000000;
	padding: 10px;	
}
.input_text {
	width: 160px;
	border: 1px solid #323430;
	font: 11px arial;
	color: #000000;
	padding: 1px;
}

#divinputfile{
 background:url(/images/upload_file.gif) no-repeat 100% 1px;
 height:22px;
 width:273px;
 margin:0px;
}

#divinputfile #freelance_cv{
    margin-top:-20px;
    margin-left:42px;
    opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=00);
    background-color: #FFFFFF;
}

/* version safari */
#divinputfile:first-of-type #freelance_cv:first-of-type{    
    margin-top:2px;
    width:110px;
    margin-left:52px;
    opacity: 0.0;
   -moz-opacity: 0.0;
   filter: alpha(opacity=00);
    background-color: #cccccc;
}

#fakeinputfile{
	margin-top:-16px; 
}
/* version safari */
#fakeinputfile:first-of-type{
	margin-top:-20px;
	margin-left:110px; 
}
#fakeinputfile #fakefreelance_cv{
    width:80px;
    height:14px;
	border: 1px solid #323430;
	font: 11px arial;
	background-color: #DFDFDF; 
}

.form_select {
	width: 52px;
	height: 18px;
	border: 1px solid #323430;
	font: 11px arial;
	color: #000000;
}

.form_select2 {
	width: 70px;
	height: 18px;
	border: 1px solid #323430;
	font: 11px arial;
	color: #000000;
}

.submit,.submit_en{
     border:none;
     color:#fff;     
     width:110px;
     height:28px;
     margin: 5px 0px 15px 252px;	
     cursor:pointer;
}
.submit{    
     background: transparent url('/images/enregistrer_btn.png') no-repeat top left;
}
.submit_en{    
     background: transparent url('/images/submit_btn.png') no-repeat top left;
}

.form_left input, .form_blue input, .form_blue select, .form_comment textarea, .form_tarifs textarea{
	background-color: #DFDFDF; 
}

.cv_link{
	margin-left: 32px;
}
.cv_link, .cv_link a{
	color:#7F7F7F;		

}
.cv_link a:hover{
	text-decoration:none;
}

.form_left input{
	width: 200px;
}

.form_left {
	margin-top: 40px;
}

.form_grey input, .form_grey select{
	background-color: #DFDFDF; 
}

/*        ETAPE 2        */

.form_row1, .form_row2 {
	width: 580px;
	float: left;
	margin: 2px 0px 2px 28px;	
	display: inline;
}

.form_row1 label, .form_row2 label {
	display:block;
	margin: 0px 0px 0px 0px;
	text-align:right;
}

.form_row1 li, .form_row2 li{
	float: left;
	margin: 0px 0px 0px 2px;	
	display: inline;
	list-style: none;
}

.form_row1 input, .form_columns3 input {
	background-color: #DFDFDF; 
}

.form_row2 input{
	background-color: #CCCCCC; 
}

.input_text_dates{
	width: 150px;	
	border: 1px solid #323430;
	font: 11px arial;
	color: #000000;
	padding: 1px;
	
}
.input_text_detail{
	width: 400px;
	border: 1px solid #323430;
	font: 11px arial;
	color: #000000;
	padding: 1px;
}

/*        ETAPE 3        */
.form_columns3 {
	width: 273px;
	float: left;
	margin: 5px 0px 5px 25px;	
	display: inline;
}

.form_columns3 p , .form_tarifs p{
	font-weight:bold;
//	margin-top:10px;
	margin-bottom:0px;
}

.form_columns3 ul, .form_tarifs ul{
	display:inline;
}

.form_columns3 li, .form_tarifs label{
	display:block;
	padding:2px 0 2px 10px;
	background-color: #DFDFDF;	
	border-bottom: 1px solid #E8E4DD;
	height: 18px;
}

.form_columns3 label{
	float:left;
	width: 180px;	
	margin-right: 15px;	
	border-right: 2px solid #E8E4DD;
}

.form_columns3 input {
	width: 140px;
	margin-left:-80px;
	border: 1px solid #323430;
	font: 11px arial;
	color: #000000;
	padding: 1px;	
}

.form_columns3 img{
	cursor:pointer;	
} 

.form_tarifs {
	width: 100%;
	float: left;
	margin: 0px 0px 0px 25px;	
	display: inline;
}
.form_tarifs li {
	display:block;
	padding:2px 0 2px 0;	
}
.form_tarifs textarea{
	width: 550px;
	height: 60px;
	border: 1px solid #323430;
	font: 11px arial;
	color: #000000;
	padding: 10px;
	margin-left:0px;
}

.ex_tarif{ 
	color:#7F7F7F;
	margin-bottom:0px;
}

/*     LOGIN           */

.acceder, .login{
     border:none; 
     width:110px;
     height:28px;
     margin: 10px 0px 5px 40px;	
     cursor:pointer;
}

.acceder{
	background: transparent url('/images/acceder_btn.png') no-repeat top left;
}
.login{
	background: transparent url('/images/login_btn.png') no-repeat top left;
}

.privacy {
     margin-top:25px;
}

.login_left a, .login_left a:active, .login_left a:visited{
     border:0;
     color: #89897D;	
}
.login_left a:hover{
     text-decoration:none;	
}


.login_left li{
     display:block;
}

#main_form h3{
	font-size:14px;
}

.login_left, .sendfriend_left {
	width: 290px;
	float: left;
	display: inline;	
}

.login_left, .login_right {
	text-align:center;
}
.login_right .flash{
	margin-left:35px;
}

.login_left a img{
	margin: 23px 0 0 5px;	
	border:0;
    width:110px;
    height:28px;	
}

.login_right, .sendfriend_right {
	width: 260px;
	float: left;
	display: inline;
	border-left: 1px solid #cccccc;
	text-align:center;
	padding-left:10px;
}

.login_right h3{
	margin-left:30px;
}

.login_right li{	
	margin:0px 0 10px 35px;
	display:block;
}
.login_right .error_list li{	
	margin:-5px 0 -5px -10px;
	display:block;
}

.login_right label{
	display:block;
	padding:2px 0 2px 0;
	text-align:left;
	margin-left:30px;
}

.login_right #freelance_email{
	background-color: #DFDFDF; 
}

.login_right #freelance_pass{
	background-color: #CCCCCC; 
}

#send_friend { 
	display:block;
	margin-left:475px;			
}

.send_friend_link{ 
	height:33px;
	display:block;
	margin-top:10px;
	color:#7F7F7F;	
	text-align:right;
	padding-top: 10px;
	padding-right: 50px;
	margin-right: 5px;
	background: transparent url('/images/send_friend.gif') no-repeat top right;
}
#send_friend a:hover{ 
	text-decoration:none;
}

/*     SEND TO A FRIEND           */

.sendfriend_left, .sendfriend_right {
	text-align:left;
}

.envoyer,.send{
     border:none;
     color:#fff;     
     width:110px;
     height:28px;
     margin: 5px 0px 15px 252px;	
     cursor:pointer;
}
.envoyer{
	background: transparent url('/images/envoyer_btn.png') no-repeat top left;
}
.send{
	background: transparent url('/images/send_btn.png') no-repeat top left;
}
.sendfriend_left label, .sendfriend_right label{
	float: left;
	display: inline;
}
.sendfriend_left label{
	width:60px;
	float: left;
	display: inline;
}
.sendfriend_right label{
	width:90px;
	margin-left:10px;
	text-align:center;
	
}
.sendfriend_left li, .sendfriend_right li{
	float: left;	
	display: inline;
}
.sendfriend_left h3{
	margin-left: 18px;
	margin-bottom: 37px;
}
.sendfriend_right h3{
	margin-left: 24px;
}
.sendfriend_left li{
	margin: 0px 0px 5px 20px;
}
.sendfriend_right li{
	margin: 0px 0px 5px 0px;
}
.sendfriend_left .error_list {
	margin:0px 0 10px -60px;
}
.sendfriend_right .error_list  {
	margin:2px 0 5px -25px;
}
.form_row3 input {
	background-color: #DFDFDF; 
}
.form_row4 input{
	background-color: #CCCCCC; 
}
.form_row3 input,.form_row4 input{
	border: 1px solid #323430;
	font: 11px arial;
	color: #000000;
	padding: 1px;
	width: 150px;	
}

/* Page error 404 */

#error_content { 
	width:600px;
	height:390px;
	align: center;
	margin: 60px 0px 0 0px;
	background:url(/images/404.png) no-repeat;
}

.backlink_404{
	margin-top:00px;
	color: #ffffff;
	text-decoration:underline;
}
.backlink_404:hover{
	text-decoration:none;
}