/* ====================================================================
 * styles for the form plugin
 * -------------------------------------------------------------------- */

div.genericform  ul li label{
	/*width: 100%;*/
   float:none;
   text-align: left;
   margin: 0;
   padding:0;
}

div.genericform ul li input {
   text-align: left;
}

div.genericform  span.form-field-column ul {
   list-style-type: none;
   padding: 0px;
   padding-left: 5px;
   margin-left: 50%;
   margin-right: 0px;
   margin-top:0px;
}

div.genericform span.form-field-column li {
   margin: 0px;
   padding: 0px;
}

div.genericform  span.form-field-ligne ul {
   list-style-type: none;
   padding: 0px;
   padding-left: 5px;
   margin-left: 30%;
   margin-right: 0px;
   margin-top:0px;
}

div.genericform span.form-field-ligne li {
   margin: 0px;
   padding: 0px;
   display: inline;
   float: left;
}

div.genericform  span.form-info{
	float: right;
	
}

div.genericform div.form-element {
	/*margin-left:10px;*/
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
}

div.form-element-conditionnel {
	background-color: #CAE7F3;
	margin: 3em 0 0 0;
	padding: 0.2em 0 0.2em 0;
}

div.form-element-conditionnel .form-element {
	margin-bottom: 10px;
    margin-top: 10px;
    clear: both;
}


/*-------------info bulle help-----------------*/
div.genericform a.info{
    position:relative; 
    z-index:0; 
    background: url(../images/admin/skin/bullet.gif) no-repeat left;
    padding: 0 0 1px 12px;
    cursor: pointer;
    cursor: hand;
    }

div.genericform a.info:hover{
    z-index:25;
    background-color: #F8F8F8;
    text-decoration: none;
}

div.genericform a.info span{
    display: none;
}

div.genericform a.info:hover span{ 
    display:block;
    position:absolute;
    top:-5em; 
    right:0em; 
	_right:95%;
    border:1px solid #395E7D;
  	background:#F8F8F8;
  	color:#000000;
}
div.genericform pre
{
	background:#FFFFFF;
	padding:10px;
}
#form-requirement
{
	background:#FFFFFF;
}


/* ------------------------ éléments du formulaire générique ------------------------- */


div.genericform {
	border-bottom:0.08em dotted gray;
	float:left;
	margin:10px;/*0 2em 1.67em;*/
	padding-bottom:1.67em;
	width:44.17em;
}

div.genericform span.asterisques {
	color:red;
}

div.genericform fieldset {
   background:#FFFFFF;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-right: 10px;
   margin-left: 10px;
   padding-bottom: 10px;
   border:1px solid LightGrey;
   padding:10px;
   text-align:left;
   /*width:85%;*/
}



div.genericform legend.form-legend {
   font-size: 12px;
   font-weight: normal;
   color: #4B4B4D;
}

div.genericform label {
	clear:left;
	color:#005AA1;
	/*display:block;
	float:left;*/
	width:auto;
}
/*
div.genericform span.form-label {
	width:20%;
}
*/
div.genericform .form-submit {
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-top:1px; border:none; color:#FFFFFF;
	font-size:x-small;
	font-weight:bold;
	text-transform:uppercase;
	background:#859ECF;
	cursor: pointer;
	cursor: hand;
	text-align: center ;
}

div.genericform label.form-title {
	font-size: 16px;
	font-weight: bold;
	border-bottom: none;
	margin-left: 0px;
	padding-left: 0px;
}


div.genericform span.form-label {
	float: left ;
	width: 30%;
	text-align: left;
	padding-right: 5px;
}

div.genericform div.form-steps {
	text-align: center;
}

div.genericform a.info img {
	float:none;
	margin:0 0.42em 0 0;
	vertical-align:top;
}

#genericform a.info img {
	float:none;
	margin:0 0.42em 0 0;
	vertical-align:top;
}

div.genericform span.form-field-column {
	text-align:left;
	vertical-align:top;
}

div.genericform  span.form-field-ligne ul {
   margin-left: 25%;
}

div.genericform  span.form-field-column ul {
   margin-left: 25%;
}

div.genericform  ul li label{
	/*width: 30%;*/

}

div.ligne_sepFormulaire {
	border-top:0.08em dotted Gray;
	height:0.08em;
	margin:18px 0.13em;
	overflow:hidden;
	padding:0;
}