.form { margin-bottom: 1em; }


/* ---------------------------------- */
/* @Label */

.form .field-group label { font-size: 13px; font-weight: 600; color: #444; display: block; margin-bottom: .25em; }


/* ---------------------------------- */
/* @Field */

.form .field-group .field { font-size: 14px; display: inline-block; margin: 0 .65em 1.5em 0; }
.form .field-group .field label, .checkbox label { font-size: 11px !important; font-weight: normal !important; color: #888 !important; display: block; margin: 0 0 0 2px; }

.form fieldset .field-group:last-child .field { margin-bottom: 0; }


/* ---------------------------------- */
/* @Controls */

.form .control-group { margin-bottom: 2em; }
.form .control-group .field { display: block; margin-bottom: .5em; margin-right: 2em; }
.form .control-group .field label { font-size: 13px; color: #444; display: inline-block; cursor: pointer; }
.form .control-group input { position: relative; top: 2px; cursor: pointer; }
.form .field-group.inline .field { display: inline-block; margin-bottom: .5em; }





.form fieldset { 
 margin-bottom: 4em; 
}

.form fieldset+.actions { margin-top: -3em; }

/* ajout fabrice */
/* pour les checkbox */
div.checker {
 float:left;
}

div.checkbox label {
 float:left;
}

div.checkbox {
 clear: both;
}

/* gestion des erreurs */
div.error {
 background-color: #F2DEDE;
 color: #B94A48;
 border-color: #EED3D7;
 padding: 15px;
 margin-bottom: 1.5em;
 position: relative;
 border-radius: 5px;
 box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
}

div.message {
 background: #EEE;
 padding: 15px;
 margin-bottom: 1.5em;
 border: 1px solid #DDD;
 position: relative;
 border-radius: 5px;
 box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
}

#badMessage {
 background-color: #F2DEDE;
 color: #B94A48;
 border-color: #EED3D7;
}

#goodMessage {
 background-color: #DFF0D8;
 color: #468847;
 border-color: #D6E9C6;
}

.required:after{
	content:" * ";
	color:red;
}