body {
	color: #000;
	/*padding: 20px;*/
	font: small/18px "Lucida Grande", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	background: #fff url(../img/bg-form.gif) 0 0 repeat-x;
	background-position: fixed !important;
}
#main {
	padding: 20px;
}
.contacter_tt {
	height: 30px;
	text-indent: -9999px;
	background: url(../img/contacter_tt.gif) 0 0 no-repeat;
}

/* ### forms ### */
.form .elem {
	clear: left;
	padding: 10px 0;
	border-top: 1px dashed gray;
	height: 1%;
}

.recquis {color: #3cf; font-weight: bold;}
.error {margin: 0; padding: .1em .2em; border: 1px solid #ddd; background: #FBE3E4; color: #D12F19; border-color: #FBC2C4;}
.success {padding: .2em .3em; border: 1px solid #ddd; background: #E6EFC2; color: #529214; border-color: #C6D880;}
.info {padding: .2em .3em; border: 1px solid #ddd; background: #fff2c5 url(../img/bgInfo.gif) bottom left repeat-x; color: #ff6c00; border-color: #ffc600;}
.info a {font-weight: bold; color: #ff6c00 !important;}
.success a {font-weight: bold; color: #529214 !important;}
.error a {font-weight: bold; color: #D12F19 !important;}

.form label {
	font-weight: bold;
	display: block;
	/*float: left;*/
	/*width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	cursor: pointer;
}
.form label.opt {
	display: inline;
	margin: 0 0 0 5px;
	font-weight: normal;
	cursor: pointer;
}

.form input.text { /*width of text boxes. IE6 does not understand this attribute*/
	width: 280px;
	height: 20px;
	padding: 4px 2px;
	font-size: 1.3em;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align: middle;
	background: #fff url(../img/bg-input.jpg) top left repeat-x;
}
input.textinputMini {
	width: 150px;
	height: 15px;
	padding: 2px;
	font-size: 1.3em;
	color: #333;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align: middle;
	background: #fff url(../img/bg-input.jpg) top left repeat-x;
}

.form textarea {
	width: 280px;
	height: 150px;
	padding: 2px;
	color: #333;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align: middle;
	background: #fff url(../img/bg-input.jpg) top left repeat-x;
	overflow: auto;
}

.form select {
	width: 280px;
	padding: 5px 2px;
	cursor: pointer;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

input.text:focus, input.textinputMini:focus {border: 1px solid #56c2eb;}

#zoneCheckbox, #zoneImage {
	overflow: auto;
}
.checkbox {
	width: 350px;
	height: 200px;
}

.btnSubmit, .btnCancel {
	width: 150px;
	height: 40px;
	font-size: 1.2em;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #555;
	border-right:1px solid #555;
	cursor: pointer;
}
.btnSubmit:active,
.btnCancel:active,
.btnSubmit:hover,
.btnCancel:hover {
	color: #1b4c9b;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.btnSubmit {
	font-weight: bold;
	margin-right: 15px;
	padding: 0;
	background: url(../img/ok.gif) 10px 5px no-repeat; 
}
.btnCancel {
	font-weight: bold;
	padding: 0;
	background: url(../img/cancel.gif) 10px 5px no-repeat;
}