/* Label */
form label{
	color: #2f2f2f;
    color: #8389A0;
	cursor: pointer;
	padding: 0 5px;
}
form .labelGreen label{
    color: #50A079;
}
label .star{
    color: #f00;
}
label.cursorDefault{
    cursor: default;
}


/* Form Section */
form .formSection{
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
}
form .formSectionTitle{
	clear: both;
	display: block;
	position: relative;
	margin-bottom: 30px;
}
form .formSectionTitle .formSectionTitleText{
	top: 0;
	z-index: 2;
	color: #efefef;
	position: absolute;
	display: inline-block;
	background-color: #392C6A;
	
	border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
form .formSectionTitle .formSectionTitleLine{
	left: 0;
	z-index: 1;
	width: 100%;
	height: 2px;
	position: absolute;
	background-color: #C1BFBF
}
form .formSectionFields{
	clear: both;
	padding: 15px 0;
	display: block;
	overflow: hidden;
}


/* Style générique */
.generatedForm{
    width: 450px;
	padding-bottom: 5px;
	overflow: hidden;
}
#sidebar .generatedForm{
    width: 100%;
}

/* Les conditions */
.generatedForm .infoFileConditions{
    color: #555;
	margin-top: 5px;
}
.generatedForm .infoFileConditions .infoType{
    margin: 0 15px;
	display: inline-block;
}
.generatedForm .infoFileConditions .infoWeight{
}

/* Astérique champs obligatoires */
.generatedForm .starRequired{
    color: #999;
}
.generatedForm .starRequired .star{
    color: #f00;
	margin: 0 5px;
}

.field,
.field input,
.linkField a,
.field select,
.field textarea,
.captchaField,
.captchaField .captchaElements,
.searchField .searchBtn,
.searchField .searchBtn input,
.searchField .searchBtnClose{
	height: 32px;
	line-height: 32px;
}

.fileField .fileBrowse,
.searchField .searchBtn{
	?height: 32px;
	?line-height: 32px;
}

.field{
	clear: both;
	overflow: hidden;
	display: block;
	padding: 0 5px;
    margin: 2px 0 15px;
    border-width: 1px;
    border-style: solid;
	border-color: #D9D9D9;
    border-top-color: #C0C0C0;
    /*
    border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA;
	border-color: #3D7BAD #A4C9E3 #B7D9ED #B5CFE7; */
    background-color: #fff;
}
.field:hover{
    /*
	border-color: #6192BD #B9D4E9 #C9E1F0 #C6D9EC; */
	border-color: #6192BD;
	box-shadow: 1px 1px 2px #eee;
}
.selectField{
    padding: 0;
}
.field.selectFieldMultiple,
.field.selectFieldMultiple select{
	height: auto;
	line-height: auto;
}
.field.selectFieldMultiple{
	padding: 5px;
}

.hiddenField{
	display: none;
}

.submitField,
.choiceList,
.choiceList .field,
.dateField .field{
	/*width: auto;*/
	display: inline-block;
	?display: inline;
}

.dateField,
.choiceList{
    display: block;
    overflow: hidden;
    margin: 10px 0 15px;
    background-image: none;
}

.submitField,
.choiceList,
.choiceList .field{
    padding: 0;
    border: none;
}

.choiceList .field,
.dateField .field{
	margin: 0;
}
.dateField .field{
    width: 100px;
}
.dateField .dateFieldSep{
	width: 10px;
	bottom: 12px;
	position: relative;
	text-align: center;
	display: inline-block;
}

.field input,
.linkField a,
.field select,
.field textarea{
    padding: 0;
    width: 100%;
	display: block;
    border: none;
    font-weight: normal;
    background-color: transparent;
	font-weight: normal;
}


/* Password Field */
.passwordWrapper{
	display: block;
}
.passwordWrapper .field{
	position: relative;
}
.passwordWrapper .field input{
	z-index: 1;
	position: relative;
}
.passwordWrapper .field .unmaskPassword,
.passwordWrapper .field input[type="text"] + .unmaskPassword:before,
.passwordWrapper .field input[type="text"] + .unmaskPassword:after {
	width: 18px;
	height: 18px;
	border: none;
	position: absolute;
	background-size: 18px;
	background-color: #fff;
}
.passwordWrapper .field .unmaskPassword {
	top: 4px;
	z-index: 2;
	cursor: pointer;
	text-indent: -9999999px;
	-webkit-appearance: none;
}
.passwordWrapper .field .unmaskPassword,
.passwordWrapper .field input[type="text"] + .unmaskPassword:before {
	background-image: url(../icons/form/eye-off.png);
}
.passwordWrapper .field input[type="text"] + .unmaskPassword:before,
.passwordWrapper .field input[type="text"] + .unmaskPassword:after {
	content: "";
	top: 0;
	left: 0;
}
.passwordWrapper .field input[type="text"] + .unmaskPassword:before {
	z-index: 1;
}
.passwordWrapper .field input[type="text"] + .unmaskPassword:after{
	z-index: 2;
	background-image: url(../icons/form/eye.png);
}


/* Color Field */
.colorField{
	width: 100px;
	padding-left: 0;
	padding-right: 0;
}
.colorField input{
	width: 100%;
	text-align: center;
}

/* Link Field */
.linkField a{
	width: auto;
}
.linkField a,
.linkField a:hover{
    text-decoration: none;
}

.field .mce-tinymce button{
}
.field .mce-panel{
	border: none;
}

.dateField .field select{
    width: 100%;
    padding: 0 5px;
}
.choiceOption .field input{
    width: auto;
    height: auto;
    display: inline;
}


/* Champ de type Checkbox et Radio */
.choiceList{
    display: block;
    overflow: hidden;
}

.choiceOption,
.choiceOption input{
	vertical-align: middle;
}
.choiceOption{
	overflow: hidden;
	padding-bottom: 5px;
}

.bigChoiceList .choiceOption{
	width: 130px;
}

.choiceOption input{
	height: 13px;
	line-height: 13px;
	display: inline-block;
}
.choiceOption,
.choiceOption label{
	display: inline-block;
}
.choiceOption.choiceOptionAlone{
    display: block;
    overflow: hidden;
}
.choiceOption label{
    width: auto;
    color: #555;
	padding-top: 0;
}

/* Choice List Imaged */
.choiceListImaged .choiceOption{
	position: relative;
}
.choiceListImaged .choiceOption label{
	z-index: 1;
	position: relative;
}
.choiceListImaged .choiceOption input{
	top: 20px;
	z-index: 2;
	position: absolute;
}
.choiceListImaged .choiceOption label .labelImg{
	width: 64px;
	text-align: center;
	margin-bottom: 10px;
	display: inline-block;
	background-color: transparent;
}
.choiceListImaged .choiceOption label .labelImg .labelImgInner{
	display: block;
	overflow: hidden;
	height: 64px;
	line-height: 64px;
	border: 1px solid #efefef;
	
	border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
}
.choiceListImaged .choiceOption label .labelImg:hover .labelImgInner,
.choiceListImaged .choiceOption label .labelImg.current .labelImgInner{
	border-color: #ccc;
}

.choiceListImaged .choiceOption label .labelImg.labelImg16{
	width: 16px;
}
.choiceListImaged .choiceOption label .labelImg.labelImg16 .labelImgInner{
	height: 16px; line-height: 16px;
}

.choiceListImaged .choiceOption label .labelImg.labelImg32{
	width: 32px;
}
.choiceListImaged .choiceOption label .labelImg.labelImg32 .labelImgInner{
	height: 32px; line-height: 32px;
}

.choiceListImaged .choiceOption label .labelImg.labelImg64{
	width: 64px;
}
.choiceListImaged .choiceOption label .labelImg.labelImg64 .labelImgInner{
	height: 64px; line-height: 64px;
}

.choiceListImaged .choiceOption label .labelImg.labelImg70{
	width: 70px;
}
.choiceListImaged .choiceOption label .labelImg.labelImg70 .labelImgInner{
	height: 70px; line-height: 70px;
}

.choiceListImaged .choiceOption label .labelImg.labelImg75{
	width: 75px;
}
.choiceListImaged .choiceOption label .labelImg.labelImg75 .labelImgInner{
	height: 75px; line-height: 75px;
}

.choiceListImaged .choiceOption label .labelImg.labelImg80{
	width: 80px;
}
.choiceListImaged .choiceOption label .labelImg.labelImg80 .labelImgInner{
	height: 80px; line-height: 80px;
}

.choiceListImaged .choiceOption label .labelImg.labelImg90{
	width: 90px;
}
.choiceListImaged .choiceOption label .labelImg.labelImg90 .labelImgInner{
	height: 90px; line-height: 90px;
}

.choiceListImaged .choiceOption label .labelImg.labelImg100{
	width: 100px;
}
.choiceListImaged .choiceOption label .labelImg.labelImg100 .labelImgInner{
	height: 100px; line-height: 100px;
}

.choiceListImaged .choiceOption label .labelImg.labelImg128{
	width: 128px;
}
.choiceListImaged .choiceOption label .labelImg.labelImg128 .labelImgInner{
	height: 128px; line-height: 128px;
}

.choiceListImaged .choiceOption label .labelImg.labelImg150{
	width: 150px;
}
.choiceListImaged .choiceOption label .labelImg.labelImg150 .labelImgInner{
	height: 150px; line-height: 150px;
}

.choiceListImaged .choiceOption label .labelImg .labelImgInner img{
    height: 100%;
    min-width: 100%;
	vertical-align: top;
}
.choiceListImaged .choiceOption label .labelImg.imgReal .labelImgInner img{
    width: auto;
    min-height: auto;
	vertical-align: middle;
}
.choiceListImaged .choiceOption label .labelImg .labelImgInner.labelImgBg{
	background-size: auto;
	background-repeat: repeat;
	background-position: center;
	background-color: transparent;
}

.choiceListImaged .choiceOption label .labelImg .labelImgTitle{
    display: block;
	padding: 5px 0;
}

/* Champ de type Textarea */
.textareaField{
    /*height: 100%;*/
	height: auto;
	padding: 2px;
	padding: 5px;
}
.textareaField.textareaEditor{
	padding: 1px;
}
.textareaField textarea{
    height: auto;
    resize: vertical;
    line-height: 1.7;
    overflow-y: auto;
}


/* Champ de type Duration */
.durationFieldWrapper{
    display: block;
	position: relative;
    margin: 2px 0 15px;
}
.durationFieldWrapper .durationField{
	z-index: 1;
	margin: 0;
	position: relative;
}
.durationFieldWrapper .selectField{
	top: 1px;
	z-index: 2;
	width: 220px;
	position: absolute;
	
	margin: 0;
	border: none;
	border-radius: 0;
	background: transparent;
}
.durationFieldWrapper .selectField select{
	color: #333;
}


/* Champ de type Money */
.moneyFieldWrapper{
    display: block;
	position: relative;
    margin: 2px 0 15px;
}
.moneyFieldWrapper .moneyField{
	z-index: 1;
	margin: 0;
	position: relative;
}
.moneyFieldWrapper .selectField{
	top: 1px;
	z-index: 2;
	width: 220px;
	position: absolute;
	
	margin: 0;
	border: none;
	border-radius: 0;
	background: transparent;
}
.moneyFieldWrapper .selectField select{
	color: #333;
}


/* Champ de type File */
.fileFieldWrapper{
    display: block;
	/*overflow: hidden;*/
    margin: 2px 0 15px;
}
.fileFieldWrapper .fileImgPreview{
	clear: both;
	width: 100%;
	overflow: hidden;
}
.fileFieldWrapper .fileImgPreview img{
	width: 150px;
	height: auto;
	border: 1px solid #ccc;
}

.fileField{
	margin: 0;
    position: relative;
}
.fileField .fileLayer,
.fileField .fileBrowse,
.fileField .fileBrowse input{
	height: 33px;
	line-height: 33px;
	position: absolute;
}
.fileField input{
    z-index: 1;
    position: relative;
}
.fileField .fileLayer{
    top: 0;
    z-index: 2;
    width: 100%;
    ?padding: 0 5px;
    background: transparent;
}
.fileField .fileBrowse{
    top: -1px;
    z-index: 3;
	color: #fff;
    padding: 0 5px;
    overflow: hidden;
    text-align: center;
    background-color: #434343;
    background-repeat: repeat-x;
    background-position: left top;
    background-image: url(../icons/form/buttons/browse/bg.png);
}
.fileField .fileBrowse:hover{
    background-color: #5A5A5A;
    background-image: url(../icons/form/buttons/browse/bg_hover.png);
}
.fileField .fileBrowse input{
    top: 0;
    z-index: 2;
    background: transparent;
}
.fileField .fileBrowse input,
.fileField .fileBrowse .textBrowse{
    cursor: pointer;
}


/* Champ de type Search */
.searchFieldWrapper{
    display: block;
}
.searchField{
	margin-bottom: 0;
    position: relative;
	border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
.searchField:hover{
	box-shadow: none;
}
.searchField .searchTextField{
	z-index: 1;
	position: relative;
}
.searchField .searchBtn{
	width: 40px;
}
.searchField .searchBtn input{
	width: 100%;
}
.searchField .searchBtn{
    top: -1px;
    z-index: 2;
	color: #fff;
    overflow: hidden;
    text-align: center;
	position: absolute;
}
.searchField .searchBtn input{
	cursor: pointer;
	text-indent: -9999px;
	background-size: 16px;
    background-color: #f6f7f9;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../icons/form/loupe.png);
}
.searchField .searchBtn:hover input{
	background-image: url(../icons/form/loupe-p.png);
}

/* Close */
.searchField .searchBtnClose{
	top: 0;
    z-index: 3;
	width: 20px;
    overflow: hidden;
    text-align: center;
	position: absolute;
	display: inline-block;
	display: none;
	background-color: #efefef;
}
.searchField .searchBtnClose a{
	color: #333;
	width: 100%;
	height: 100%;
	font-size: 13px;
	font-family: verdana;
	display: inline-block;
}
.searchField .searchBtnClose a:hover{
	color: #ED292E;
}


/* Champ de type Submit */

.submitField input,
.linkField a{
    color: #555;
    border: none;
    cursor: pointer;
    text-align: center;
}

.submitField{
	margin-bottom: 0;
    ?display: inline;
    overflow: hidden;
	box-shadow: 0 1px 0 #eee;
	
	border-width: 1px;
    border-style: solid;
	border-color: #D9D9D9;
    border-top-color: #C0C0C0;
	
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #F3F3F3;
    background-size: 1px 100%;
	
	border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
.submitField:hover{
    background-color: #C2C2C2;
}


/* Send */
.submitField.sendField{
    background-color: #F3F3F3;
    border-color: #DEDEDE #D9D9D9 #D3D3D3 #D8D8D8;
    background-image: url(../icons/form/buttons/grey/bg.png);
}
.submitField.sendField:hover{
    background-color: #F6F6F6;
    border-color: #C7C7C7 #C3C3C3 #BEBEBE #C3C3C3;
    background-image: url(../icons/form/buttons/grey/bg_hover.png);
}
.submitField.sendField input{
    color: #555;
}


/* Add + Login + Validate + Confirm Link Field Black  */
.submitField.addField,
.submitField.loginField,
.submitField.orderField,
.submitField.buyField{
    background-color: #494949;
    border-color: #4C4C4C #393939 #1F1F1F #3B3B3B;
    background-image: url(../icons/form/buttons/black/bg.png);
}
.submitField.addField:hover,
.submitField.loginField:hover,
.submitField.orderField:hover,
.submitField.buyField:hover{
    background-color: #5A5A5A;
    border-color: #2C2C2C #1A1A1A #101010 #222;
    background-image: url(../icons/form/buttons/black/bg_hover.png);
}
.submitField.addField input,
.submitField.loginField input,
.submitField.orderField input,
.submitField.buyField input{
    color: #fff;
}


/* Update + Register + Confirm Link Field Green */
.submitField.updateField,
.submitField.registerField,
.submitField.validateField{
    background-color: #A9D061;
    border-color: #ADC671 #A6C069 #87AA4A #9BB95E;
    background-image: url(../icons/form/buttons/green/bg.png);
}
.submitField.updateField:hover,
.submitField.registerField:hover,
.submitField.validateField:hover{
    background-color: #B9D972;
    border-color: #8BB14D #83A648 #7D9E45 #84A749;
    background-image: url(../icons/form/buttons/green/bg_hover.png);
}
.submitField.updateField input,
.submitField.registerField input,
.submitField.validateField input{
    color: #5d7731;
}


/* Delete + Confirm Link Field Red */
.submitField.deleteField,
.submitField.cancelField,
.submitField.confirmField{
    background-color: #F56D7F;
    border-color: #DF6F8B #DC647C #D55061 #DB637A;
    background-image: url(../icons/form/buttons/red/bg.png);
}
.submitField.deleteField:hover,
.submitField.cancelField:hover,
.submitField.confirmField:hover{
    background-color: #F67689;
    border-color: #C36079 #C2596E #C14E5C #C2596E;
    background-image: url(../icons/form/buttons/red/bg_hover.png);
}
.submitField.deleteField input,
.submitField.cancelField input,
.submitField.confirmField input{
    color: #AA1F31;
}



/* Couleurs spécifiques */

/* Grey */
.submitField.greyField{
    background-color: #F3F3F3;
    border-color: #DEDEDE #D9D9D9 #D3D3D3 #D8D8D8;
    background-image: url(../icons/form/buttons/grey/bg.png);
}
.submitField.greyField:hover{
    background-color: #F6F6F6;
    border-color: #C7C7C7 #C3C3C3 #BEBEBE #C3C3C3;
    background-image: url(../icons/form/buttons/grey/bg_hover.png);
}
.submitField.greyField input,
.linkField.greyField a{
    color: #555;
}

/* Black */
.submitField.blackField{
    background-color: #494949;
    border-color: #4C4C4C #393939 #1F1F1F #3B3B3B;
    background-image: url(../icons/form/buttons/black/bg.png);
}
.submitField.blackField:hover{
    background-color: #5A5A5A;
    border-color: #2C2C2C #1A1A1A #101010 #222;
    background-image: url(../icons/form/buttons/black/bg_hover.png);
}
.submitField.blackField input,
.linkField.blackField a{
    color: #fff;
}

/* Green */
.submitField.greenField{
    background-color: #A9D061;
    border-color: #ADC671 #A6C069 #87AA4A #9BB95E;
    background-image: url(../icons/form/buttons/green/bg.png);
}
.submitField.greenField:hover{
    background-color: #B9D972;
    border-color: #8BB14D #83A648 #7D9E45 #84A749;
    background-image: url(../icons/form/buttons/green/bg_hover.png);
}
.submitField.greenField input,
.linkField.greenField a{
    color: #5d7731;
}

/* Red */
.submitField.redField{
    background-color: #F56D7F;
    border-color: #DF6F8B #DC647C #D55061 #DB637A;
    background-image: url(../icons/form/buttons/red/bg.png);
}
.submitField.redField:hover{
    background-color: #F67689;
    border-color: #C36079 #C2596E #C14E5C #C2596E;
    background-image: url(../icons/form/buttons/red/bg_hover.png);
}
.submitField.redField input,
.linkField.redField a{
    color: #AA1F31;
}


/* Captcha */
.captchaField{
	padding: 0;
	width: 215px;
	width: 220px;
	position: relative;
	margin: 2px 0 15px;
}
.captchaField,
.captchaField .captchaElements{
	overflow: hidden;
}
.captchaField .captchaElements .captcha,
.captchaField .captchaElements .reload,
.captchaField input{
	height: 30px;
	text-align: center;
	display: inline-block;
}
.captchaField .captchaElements .captcha,
.captchaField .captchaElements .reload{
	border: 1px solid #ccc;
}

.captchaField .captchaElements{
	top: 0;
	z-index: 2;
	position: absolute;
}
.captchaField .field{
	top: 0;
	z-index: 1;
	width: 80px;
	position: absolute;
	/*
    border-width: 1px;
    border-style: solid;
	border-color: #D9D9D9;
    border-top-color: #C0C0C0;
	background-color: #fff;
	*/
}
.captchaField .field input{
	font-weight: bold;
	text-transform: uppercase;
}

.captchaField .captchaElements img{
	height: 100%;
	vertical-align: top;
}
.captchaField .captchaElements .captcha{
	width: 90px;
}
.captchaField .captchaElements .reload{
	width: 30px;
	background-color: #fff;
}
.captchaField .captchaElements .reload img{
	cursor: pointer;
}


/* Compteur du nombre de caractères saisis */
p.maxlengthCounter{
	display: block;
	font-size: 12px;
	padding: 0 15px;
	margin-top: 0;
	margin-bottom: 15px;
}