/****************************** *** JQTRANSFORM ******************************/ #contenu form.jqtransformdone label {/*margin-top:4px;margin-right:8px;display:block;float:left;*/} #contenu form.jqtransformdone div.rowElem {clear:both;padding:4px 0px;} /* ------------- * Buttons * ------------- */ #contenu button.jqTransformButton {margin:0px;padding:0px;border:none;background-color:transparent;cursor:pointer;overflow:visible;font-family:Arial;} #contenu button.jqTransformButton span {background:transparent url(../Images/styleForm/btn_right.gif) no-repeat right top;display:block;float:left;padding:0px 14px 0px 0px;margin:0px;height:33px;} #contenu button.jqTransformButton span span {background:transparent url(../Images/styleForm/btn_left.gif) no-repeat top left;color:#fff;padding:8px 10px 0px 24px;font-size:13px;line-height:13px;display:block;text-decoration:none;height:25px;font-weight:bold; white-space:nowrap;} /*hover*/ #contenu button.jqTransformButton_hover span span {color:#fff;background-position:left -33px;} #contenu button.jqTransformButton_hover span {background-position:right -33px;} /*clicked*/ #contenu button.jqTransformButton_click span span {color:#fff;background-position:left -66px;} #contenu button.jqTransformButton_click span {background-position:right -66px;} /* IE 6 */ * html button.jqTransformButton {height:33px;} * button.jqTransformButton span span {height:25px;} /* IE 7 */ *+ html button.jqTransformButton {height:33px;} *+ button.jqTransformButton span span {height:25px;} /* ------------- * Inputs * ------------- */ #contenu .jqTransformInputWrapper {background:transparent url(../Images/styleForm/input/input_text_left.gif) no-repeat left top;height:31px;float:left;width:590px;} #contenu .droite .jqTransformInputWrapper, #contenu .gauche .jqTransformInputWrapper {width:290px;} #contenu .jqTransformInputInner {background:transparent url(../Images/styleForm/input/input_text_right.gif) no-repeat top right;padding:0px;margin:0px;} #contenu .jqTransformInputInner div {height:31px;margin:0;} #contenu .jqTransformInputInner div input {font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;color:#777b7e;border:none;margin:0px;background:transparent;width:421px;padding:9px 0 3px 8px;} /* IE6 */ * html #contenu .jqTransformInputInner div input {height:24px;padding:6px 0 0 8px;} /* Ie7 */ *+ html #contenu .jqTransformInputInner div input {height:24px;padding:6px 0 0 8px;} /*hover*/ #contenu .jqTransformInputWrapper_hover {background-position:left -31px ;} #contenu .jqTransformInputWrapper_hover div.jqTransformInputInner {background-position:right -31px ;} /*focus*/ #contenu .jqTransformInputWrapper_focus {background-position:left -62px ;} #contenu .jqTransformInputWrapper_focus div.jqTransformInputInner {background-position:right -62px ;} #contenu .jqTransformSafari .jqTransformInputInner div {position:relative;overflow:hidden;margin:0px 8px;} #contenu .jqTransformSafari .jqTransformInputInner div input {background-color:transparent;position:absolute;top:-10px;left:-2px;height:42px;padding-left:4px;} /* ------------- * Textarea * ------------- */ #contenu table.jqTransformTextarea td#jqTransformTextarea-mm textarea {font-size:12px;line-height:16px;} #contenu table.jqTransformTextarea td {font-size:1px;line-height:1px;width:12px;height:12px;margin:0;padding:0;} #contenu table.jqTransformTextarea {} #contenu table.jqTransformTextarea tr {} #contenu table.jqTransformTextarea textarea {margin:0;padding:0;border:none;background:none;} #contenu table.jqTransformTextarea td#jqTransformTextarea-tl {background:url(../Images/styleForm/textarea/textarea_tl.gif) no-repeat top left;width:12px;} #contenu table.jqTransformTextarea td#jqTransformTextarea-tm {background:url(../Images/styleForm/textarea/textarea_tm.gif) repeat-x top left;} #contenu table.jqTransformTextarea td#jqTransformTextarea-tr {background:url(../Images/styleForm/textarea/textarea_tr.gif) no-repeat top left;width:12px;} #contenu table.jqTransformTextarea td#jqTransformTextarea-ml {background:url(../Images/styleForm/textarea/textarea_ml.gif) repeat-y top left;width:12px;} #contenu table.jqTransformTextarea td#jqTransformTextarea-mm {background:url(../Images/styleForm/textarea/textarea-mm.gif) repeat;} #contenu table.jqTransformTextarea td#jqTransformTextarea-mr {background:url(../Images/styleForm/textarea/textarea_mr.gif) repeat-y top left;width:12px;} #contenu table.jqTransformTextarea td#jqTransformTextarea-bl {background:url(../Images/styleForm/textarea/textarea_bl.gif) no-repeat top left;width:12px;} #contenu table.jqTransformTextarea td#jqTransformTextarea-bm {background:url(../Images/styleForm/textarea/textarea_bm.gif) repeat-x top left;} #contenu table.jqTransformTextarea td#jqTransformTextarea-br {background:url(../Images/styleForm/textarea/textarea_br.gif) no-repeat top left;width:12px;} /*hover*/ #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-tl {background-position:0px -12px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-tm {background-position:0px -12px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-tr {background-position:0px -12px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-ml {background-position:-12px 0px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-mm {background-image:url(../Images/styleForm/textarea/textarea-mm-hover.gif);} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-mr {background-position:-12px 0px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-bl {background-position:0px -12px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-bm {background-position:0px -12px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-br {background-position:0px -12px;} /*focus*/ #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-tl {background-position:0px -12px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-tm {background-position:0px -12px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-tr {background-position:0px -24px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-ml {background-position:-12px 0px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-mm {background-image:url(../Images/styleForm/textarea/textarea-mm-focus.gif);} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-mr {background-position:-12px 0px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-bl {background-position:0px -12px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-bm {background-position:0px -12px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-br {background-position:0px -12px;} #contenu table.jqTransformTextarea .jqTransformSafariTextarea div {position:relative;overflow:hidden;border:none;} #contenu table.jqTransformTextarea .jqTransformSafariTextarea textarea {background:none;position:absolute;top:-10px;left:-10px;padding:10px 10px 10px 10px;resize:none;} /* ------------- * Radios * ------------- */ #contenu .jqTransformRadioWrapper {float:left;display:block;margin:0px 4px; margin-top:5px;} #contenu .jqTransformRadio {background:transparent url(../Images/styleForm/radio.gif) no-repeat center top;vertical-align:middle;height:19px;width:18px;display:block;} /* ------------- * Checkboxes * ------------- */ #contenu span.jqTransformCheckboxWrapper, #contenu span.jqTransformRadioWrapper {display:block;float:left;margin:11px 4px 0 0;} #contenu a.jqTransformCheckbox {background:transparent url(../Images/styleForm/checkbox.gif) no-repeat center top;vertical-align:middle;height:19px;width:18px;display:block;} /* ------------- * Checked - Used for both Radio and Checkbox * ------------- */ #contenu a.jqTransformChecked {background-position:center bottom;} /* ------------- * Selects * ------------- */ #contenu .jqTransformSelectWrapper {display:block;width:205px;position:relative;height:31px;background:url(../Images/styleForm/select_left.gif) no-repeat top left;float:left;} #contenu .jqTransformSelectWrapper div span {font-size:12px;float:none;position:absolute;white-space:nowrap;height:31px;line-height:15px;padding:8px 0 0 15px;overflow:hidden;cursor:pointer;color:#777b7e;} #contenu .jqTransformSelectWrapper a.jqTransformSelectOpen {display:block;position:absolute;right:0px;width:31px;height:31px;background:url(../Images/styleForm/select_right.gif) no-repeat center center;} #contenu .jqTransformSelectWrapper ul {position:absolute;top:30px;left:0px;list-style:none;background-color:#FFF;border:solid 1px #CCC;display:none;margin:0px;padding:0px;max-height:250px;overflow:auto;z-index:10; width:200px;} #contenu .jqTransformSelectWrapper ul li {padding:0;} #contenu .jqTransformSelectWrapper ul a {display:block;padding:5px;text-decoration:none;color:#777b7e;background-color:#FFF;font-size:12px;} #contenu .jqTransformSelectWrapper ul a.selected {background:#0088AD;color:#fff;} #contenu .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {background:#0088AD;color:#fff;} /* ------------- * Hidden - used to hide the original form elements * ------------- */ #contenu .jqTransformHidden {display:none;}