/*

	EARTH-WISH.ORG by DOMINIQUE RADISSON
	
	FORMS CSS
	
*/



/* GENERIC FORMS STYLES
---------------------------------------------------------------------- */
#fonctions form { display:inline; }

form { margin-left:-12px; padding:0px 12px; background: url(../images/bg-pattern-light.png) repeat; margin-bottom:18px; }

form.inline { display:inline; background:none; }
form input,
form textarea { margin-bottom:8px;}
input.text,
textarea { border:1px solid #ccc; padding:6px; color:#666; font-size:11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; line-height:15px;  }
textarea.voeu {
	font: 1.4em/1.3 Verdana, Geneva, sans-serif;
}
input.text:focus,
textarea:focus { border-color:#999;  }

label {
	display:block;
	overflow:hidden;
	margin:24px 0px 4px 0px;
	font-weight:bold;
	font-size: 1.2em;
}
form p.note {
	margin:0px;
	color:#999;
	position:relative;
	top:-3px;
	line-height:1.15;
	font-size:1em; 
}
label input.text,
label textarea { float:right; }
label.missing,
label.missing-voeu {
	position:relative;
	left:-21px;
	padding:0px 0px 0px 21px;
	background: url(../images/icons16x16/cross.png) no-repeat;
	color:#C00;
}
label.nomargin { position:relative; top:-20px;}
input.missing,
textarea.missing,
textarea.missing-voeu,
select.missing { border:1px solid #C00;}

form span {
	display:none;
	font-weight:normal;
	color:#AAA;
	font-size:0.9em;
	text-transform: uppercase;
}
form em {position:relative; top:-2px; left:4px; }

.alerte-no,
.alerte-yes,
.alerte{ display:block; text-align:center; width:515px; height:30px; line-height:30px; padding:2px; }

.alerte-blank { display:block; width:519px; height:36px; padding:0px; }

.alerte-no { background-color:#FFE4E7; color:#C00; border:1px solid #C00; }
.alerte-yes,
.alerte { background-color:#CF9; border:1px solid #9C0; color:#060; }

div#comment-form { background-color:#9C0; padding:2px; width:475px; margin-bottom:10px;}

div#comment-form form { margin:0px; padding:15px;}
div#comment-form form input { width:300px;}
div#comment-form form textarea { width:400px;}
div#comment-form form input[type="submit"] { width:auto;}

.submit form input[type="submit"] { display:compact; padding:6px; font-size:1.8em; font-weight:bold; background-color:#06F; color:white; border:1px solid white;}
.submit form input[type="submit"]:hover {cursor:pointer;border:1px solid black;}