/* CSS FLEXITFORM */

/* SKIN 1 */
.ffSkin_1 .ffFieldParent { width: auto;  font-family: Arial, Helvetica, sans-serif; display: inline-block; position: relative; }
.ffSkin_1 .ffFieldParent input, .ffSkin_1 .ffFieldParent textarea, .ffSkin_1 .ffFieldParent select { width: 100%; border: none; background: #efefef; font-size: 11px;  font-family: Arial, Helvetica, sans-serif; }
.ffSkin_1 .hasCorners { width: 1px; }
.ffSkin_1 .ffHeader { width: auto; height: 3px; font-size: 0; line-height: 0; margin-right: 5px; background: url(ff_skin1_normal.png) left top no-repeat; display: block; position: relative; }
.ffSkin_1 .ffHeader span { width: 5px; height: 3px; font-size: 0; line-height: 0; background: url(ff_skin1_normal.png) right top no-repeat; display: block; position: absolute; top: 0; right: -5px; }
.ffSkin_1 .ffFooter { width: auto; height: 3px; font-size: 0; line-height: 0; margin-right: 5px; background: url(ff_skin1_normal.png) left bottom no-repeat; display: block; position: relative; }
.ffSkin_1 .ffFooter span { width: 5px; height: 3px; font-size: 0; line-height: 0; background: url(ff_skin1_normal.png) right bottom no-repeat; display: block; position: absolute; top: 0; right: -5px; }
.ffSkin_1 .ffContent { background: url(ff_skin1_normal.png) left -3px no-repeat #efefef; display: block; padding-left: 4px; }
.ffSkin_1 .ffContent span { height: 1%; background: url(ff_skin1_normal.png) right -3px repeat-y; display: block; padding: 0 4px 0 0; }

.ffSkin_1 .ffCheckBox { width: 18px; height: 18px; background: url(ff_skin1_checkboxes.png) left top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_1 .ffRadio { width: 18px; height: 18px; background: url(ff_skin1_radios.png) left top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_1 .ffFieldParent .ffItemChecked { background-position: right top; }

.ffSkin_1 .flexitFormRequired .ffContent input, .ffSkin_1 .flexitFormRequired .ffContent textarea { background: url(ff_skin1_required.gif) right 5px no-repeat; }
.ffSkin_1 .flexitFormRequired .ffContent select { background: url(ff_skin1_required.gif) 92% 5px no-repeat; }

.ffSkin_1 .flexitFormError .ffHeader { background-image: url(ff_skin1_error.png); }
.ffSkin_1 .flexitFormError .ffHeader span { background-image: url(ff_skin1_error.png); }
.ffSkin_1 .flexitFormError .ffFooter { background-image: url(ff_skin1_error.png); }
.ffSkin_1 .flexitFormError .ffFooter span { background-image: url(ff_skin1_error.png); }
.ffSkin_1 .flexitFormError .ffContent { background-image: url(ff_skin1_error.png); }
.ffSkin_1 .flexitFormError .ffContent span { background-image: url(ff_skin1_error.png); }
.ffSkin_1 .flexitFormError .ffContent input, .ffSkin_1 .flexitFormError .ffContent textarea, .ffSkin_1 .flexitFormError .ffContent select { background-color: #eedbdb; }
.ffSkin_1 .flexitFormError .ffCheckBox, .flexitFormError .ffRadio { background-position: left bottom; }

.ffSkin_1 .flexitFormFocus .ffHeader { background-image: url(ff_skin1_focus.png); }
.ffSkin_1 .flexitFormFocus .ffHeader span { background-image: url(ff_skin1_focus.png); }
.ffSkin_1 .flexitFormFocus .ffFooter { background-image: url(ff_skin1_focus.png); }
.ffSkin_1 .flexitFormFocus .ffFooter span { background-image: url(ff_skin1_focus.png); }
.ffSkin_1 .flexitFormFocus .ffContent { background-image: url(ff_skin1_focus.png); }
.ffSkin_1 .flexitFormFocus .ffContent span { background-image: url(ff_skin1_focus.png); }
.ffSkin_1 .flexitFormFocus .ffContent input, .ffSkin_1 .flexitFormFocus .ffContent textarea, .ffSkin_1 .flexitFormFocus .ffContent select { background-color: #dbe5f1; }

.ffSkin_1 .flexitFormTableSelect td	{ vertical-align:top;	}
.ffSkin_1 .flexitFormTableSelect td	label{top:2px;position:relative;display:block;padding-right:10px;}

/* SKIN 2 */
.ffSkin_2 .ffFieldParent { width: auto;  font-family: Arial, Helvetica, sans-serif; padding: 1px; border: 1px solid #cccccc; background: #ffffff; display: inline-block; position: relative; }
.ffSkin_2 .ffFieldParent input, .ffSkin_2 .ffFieldParent textarea, .ffSkin_2 .ffFieldParent select { width: 100%; border: none; background: #efefef; font-size: 11px;  font-family: Arial, Helvetica, sans-serif; }
.ffSkin_2 .ffContent { display: block; border: 1px solid #e8e8e8; border-color: #e8e8e8 #cbcbcb #cbcbcb #e8e8e8; padding: 2px; background: #efefef; }

.ffSkin_2 .ffCheckBox { width: 18px; height: 18px; background: url(ff_skin2_checkboxes.png) 0 top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_2 .ffRadio { width: 18px; height: 18px; background: url(ff_skin2_radios.png) left top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_2 .ffFieldParent .ffItemChecked { background-position: right top; }

.ffSkin_2 .flexitFormRequired .ffContent input, .ffSkin_2 .flexitFormRequired .ffContent textarea { background: url(ff_skin1_required.gif) right 5px no-repeat; }
.ffSkin_2 .flexitFormRequired .ffContent select { background: url(ff_skin1_required.gif) 92% 5px no-repeat; }

.ffSkin_2 .flexitFormError .ffContent { background: #eedbdb; }
.ffSkin_2 .flexitFormError .ffContent input, .ffSkin_2 .flexitFormError .ffContent textarea, .ffSkin_2 .flexitFormError .ffContent select { background-color: #eedbdb; }

.ffSkin_2 .flexitFormFocus .ffContent { background: #dbe5f1; }
.ffSkin_2 .flexitFormFocus .ffContent input, .ffSkin_2 .flexitFormFocus .ffContent textarea, .ffSkin_2 .flexitFormFocus .ffContent select { background-color: #dbe5f1; }

.ffSkin_2 .ffHeader, .ffSkin_2 .ffFooter { display: none; }

/* SKIN 3 */
.ffSkin_3 table tr td { border-bottom: 1px solid #c9c9c9; padding: 5px 3px; }

.ffSkin_3 .ffFieldParent { width: auto;  font-family: Arial, Helvetica, sans-serif; padding: 1px; border: 1px solid #999999; display: inline-block; position: relative; -webkit-border-radius: 4px; border-radius: 4px; border-radius: 4px; }
.ffSkin_3 .ffFieldParent input, .ffSkin_3 .ffFieldParent textarea, .ffSkin_3 .ffFieldParent select { width: 100%; border: none; font-size: 11px;  font-family: Arial, Helvetica, sans-serif; color: #333333; }
.ffSkin_3 .ffContent { display: block; padding: 1px; }

.ffSkin_3 .ffCheckBox { width: 18px; height: 18px; background: url(ff_skin2_checkboxes.png) 0 top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_3 .ffRadio { width: 18px; height: 18px; background: url(ff_skin3_radios.gif) left top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_3 .ffFieldParent .ffItemChecked { background-position: right top; }

.ffSkin_3 .flexitFormRequired .ffContent input, .ffSkin_3 .flexitFormError .ffContent textarea, .ffSkin_3 .flexitFormError .ffContent select { background: url(ff_skin1_required.gif) right 5px no-repeat; }

.ffSkin_3 .flexitFormError { border: 1px solid #ae0000; }

.ffSkin_3 .flexitFormFocus .ffContent { background: #efefef; }
.ffSkin_3 .flexitFormFocus .ffContent input, .ffSkin_3 .flexitFormFocus .ffContent textarea, .ffSkin_3 .flexitFormFocus .ffContent select { background-color: #efefef; }
.ffSkin_3 .flexitFormsOk { background: none; }

.ffSkin_3 .ffLineEnd td { border: none; }

.ffSkin_3 .ffHeader, .ffSkin_3 .ffFooter { display: none; }

/* SKIN 4 */
.ffSkin_4 table tr td { padding: 5px 3px; }

.ffSkin_4 table tr td label { text-transform: uppercase; }

.ffSkin_4 .ffFieldParent { width: auto; font-family: Arial, Helvetica, sans-serif; padding: 1px; display: inline-block; position: relative; background: #ffffff; box-shadow: 1px 1px 3px #999; border: 1px solid #e7e7e7; }
.ffSkin_4 .ffFieldParent.ffFieldTypeCheckbox, .ffSkin_4 .ffFieldParent.ffFieldTypeRadio { box-shadow: none; border: none; }
.ffSkin_4 .ffFieldParent input, .ffSkin_4 .ffFieldParent textarea, .ffSkin_4 .ffFieldParent select { width: 98%; border: none; font-size: 11px; padding: 2px; font-family: Arial, Helvetica, sans-serif; color: #333333; }
.ffSkin_4 .ffContent { display: block; padding: 1px; }

.ffSkin_4 .ffCheckBox { width: 18px; height: 18px; background: url(ff_skin2_checkboxes.png) 0 top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_4 .ffRadio { width: 18px; height: 18px; background: url(ff_skin3_radios.gif) left top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_4 .ffFieldParent .ffItemChecked { background-position: right top; }

.ffSkin_4 .flexitFormRequired .ffContent input, .ffSkin_4 .flexitFormError .ffContent textarea, .ffSkin_4 .flexitFormError .ffContent select { background: url(ff_skin1_required.gif) right 5px no-repeat; }

.ffSkin_4 .flexitFormError { background: #FFDDDD; }

.ffSkin_4 .flexitFormFocus .ffContent { background: #efefef; }
.ffSkin_4 .flexitFormFocus .ffContent input, .ffSkin_4 .flexitFormFocus .ffContent textarea, .ffSkin_4 .flexitFormFocus .ffContent select { background-color: #efefef; }
.ffSkin_4 .flexitFormsOk { background: none; }

.ffSkin_4 .ffLineEnd td { border: none; }

.ffSkin_4 .ffHeader, .ffSkin_4 .ffFooter { display: none; }

/* SKIN 5 => laisse libre, skin vide */
/*.ffSkin_5 .ffFieldParent.ffFieldTypeCheckbox div { display: none; }*/
.ffSkin_5 .ffCheckBox input { opacity: 0; }
.ffSkin_5 .ffCheckBox { display: none; }
.ffSkin_5 .ffRadio { width: 18px; height: 18px; background: url(ff_skin3_radios.gif) left top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_5 .ffFieldParent .ffItemChecked { background-position: right top; }

/* SKIN 6 */
.flexitform.ffSkin_6 .ffFieldParent { display: inline-block; margin-bottom: 5px; position: relative; }
.ffSkin_6 .ffFieldParent input, .ffSkin_6 .ffFieldParent textarea, .ffSkin_6 .ffFieldParent select {
	color: #333;
	font-size: 13px;
	font-weight: normal;
	padding: 4px 8px;
	border: 1px solid #dfdfdf;
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 12%, #e1e1e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(12%,#e9e9e9), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 12%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e9e9e9 12%,#e1e1e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e9e9e9 12%,#e1e1e1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 12%,#e1e1e1 100%); /* W3C */
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    behavior: url(/js/PIE.htc);
    position: relative;
}

.ffSkin_6 input.ffBtnSubmit {
	padding: 4px 24px;
	border: 1px solid #8cae64;
	background: #7dc322; /* Old browsers */
	background: -moz-linear-gradient(top, #b8e68e 0%, #9ad44c 45%, #7dc322 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e68e), color-stop(45%,#9ad44c), color-stop(100%,#7dc322)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b8e68e 0%,#9ad44c 45%,#7dc322 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b8e68e 0%,#9ad44c 45%,#7dc322 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b8e68e 0%,#9ad44c 45%,#7dc322 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b8e68e 0%,#9ad44c 45%,#7dc322 100%); /* W3C */
	color: #ffffff;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
    behavior: url(/js/PIE.htc);
    position: relative;
}

.ffSkin_6 .ffHeader, .ffSkin_6 .ffFooter { display: none; }
.ffSkin_6 .ffCheckBox { width: 18px; height: 18px; background: url(ff_skin2_checkboxes.png) 0 top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_6 .ffRadio { width: 18px; height: 18px; background: url(ff_skin3_radios.gif) left top no-repeat; font-size: 0; line-height: 0; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
.ffSkin_6 .ffFieldParent .ffItemChecked { background-position: right top; }
.ffSkin_6 .flexitFormFocus .ffContent input, .ffSkin_6 .flexitFormFocus .ffContent textarea, .ffSkin_6 .flexitFormFocus .ffContent select { border-color: #878787; }

/*
/* PARTAGE */
.flexitFormError .ffCheckBox { background-position: left bottom; }
.flexitFormError .ffItemChecked { background-position: right bottom; }

.flexitform { margin: 0; }
.flexitform  table td { text-align: left; }

.flexitform-bootstrap .flexitFormTableSelect { margin-bottom: 10px; }
.flexitform-bootstrap .flexitFormTableSelect td label { padding: 0 5px; }
.flexitform-bootstrap .flexitFormTableSelect td input, .flexitform-bootstrap .flexitFormTableSelect td label { margin-top: 0; margin-bottom: 0; }
.flexitform-bootstrap { }
.flexitform-bootstrap .control-group { margin-bottom: 0; }
.flexitform-bootstrap label span { position: relative; padding-right: 10px; display: inline-block; }
.flexitform-bootstrap label span.ffRequired:before { background: url("ff_skin1_required.gif") left top no-repeat; content: ""; height: 5px; position: absolute; right: 0; top: 3px; width: 5px; }
.flexitform-bootstrap .form-group.has-error input[type=text],
.flexitform-bootstrap .form-group.has-error select,
.flexitform-bootstrap .form-group.has-error textarea { border-color: #ae0000; }
.flexitform-bootstrap .form-control[readonly] { background-color: inherit; }

/* signature manuscrite */
.signman { display: inline-block;position: relative; }
.signman [data-signman-clear] { position: absolute;right: 5px;top: 5px;background: none;border: 1px solid #666;border-radius: 26px;padding: 1px 5px;font-size: 12px;color: #666; }
.signman [data-signman-clear]:hover { background: #666;color: #fff; }