/* @group general  */

input{
	font-family: "trebuchet ms", verdana, arial;
	font-size: 10px;
	border: 1px solid #cc3;
	
	
}
input.normal {
border: none;
}

textarea {
	font-family: "trebuchet ms", verdana, arial;
	font-size: 10px;
	border: 1px solid #cc3;
	
}

select {
	font-family: "trebuchet ms", verdana, arial;
	font-size: 10px;	

	border: 1px solid #cc3;

}


div.row {
  clear: both;
  padding: 3 0 0 0;
  margin: 0 0 0 0;
  }

div.row span.label {
  float: left;
  width: 160px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  color: #656801;
  }
  
div.row span.labellarge {
  float: left;
  width: 300px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  color: #656801;
  }  
  
div.row span.labelpetit {
  float: left;
  width: 100px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  color: #656801;
  } 
  
   
div.row span.formw {
  float: right;
  text-align: left;
  width:340px;
  font-size: 10px;
  color: #656801;
  
}

   
div.row span.formwlarge {
  float: right;
  text-align: left;
  width:420px;
    font-size: 10px;
  color: #656801;

}

div.row span.formwpetit {

  color: #656801;
}


span.note {
  float: right;
  text-align: left;
  width:340px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
    color: #656801;
	padding: 2 0 2 0;

}

span.notelarge {
margin-left:0px;
  float: right;
  text-align: left;
  width:510px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
    color: #656801;
	margin: 5 0 10 0;

}

span.notepetit {
  float: right;
  text-align: left;
  width:350px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
    color: #656801;
	margin: 2 0 2 162;
	
}


span.required {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: red;
	padding: 0 2 0 0 ;
	color:#FE2400;
}

.formvalid {
text-align:right;
padding: 5 0 5 0;
width:524px;
}

.accept {
 font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  color: #656801;
  padding: 10 0 10 0;
}


input.small-button {
	font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #ee9;
	font-weight: normal;
	text-decoration: none;
	background-color: #774;
	border: 1px solid #663;
	cursor: pointer;
	letter-spacing:1px;
	padding: 2 2 2 2 ;
	margin: 0 20 0 0;
}


/* @end */



/* @group small forms */

div.smallrow {
  clear: both;
  padding: 3 0 0 0;
  margin: 0 0 0 0;
  }
  
  div.smallrow span.label {
  float: left;
  width: 160px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  color: #656801;
  margin: 0 0 0 100;

  }

div.smallrow span.formw {
  float: right;
  text-align: left;
  width:200px;
    font-size: 10px;
  color: #656801;
 margin: 0 60 0 0 ;


}


.smallformvalid {
text-align:right;
padding: 5 0 5 0;
width:285px;
margin: 0 0 0 100;

}





/* @end */


/* @group jobcategory  */

.jcconteneur {
	width: 530px;
	display: table;	
	font-size:10px;
	color: #656801;
}


.jccat {
	width: 535px;
	display: block;
	font-weight:bold;
	clear:left;
	padding : 5 0 5 1 ;
	font-size:10px;
		
	
}

.jccolonne {
	width: 260px;
	float: left;	
	
}

/* @end */

/* @group joblocation and jobcategory  */
.jlconteneur {
	width: 530px;
	display: table;
	
	
}


.jlcolonne {
	width: 260px;
	float: left;
	display: table-column;
	color: #656801;
	
	
}



.jleconteneur {
	width: 200px;
	display: table;
	
}


.jlecolonne {
	width: 260px;
	float: left;
	display: table-column;
	font-size: 10px;
	color: #656801;
	
}

/* @end */

p.form,
td.form,
td.nav-controls {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #656801;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}