@charset "UTF-8";
/* CSS Document */

body{
	background-image:url(../Images/liebig_off_pages_bg.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	text-align: center;
}

#liebig {
	width:980px;
	background-image:url(../Images/liebig_off_pages_logo_b.png);
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	line-height:1.5em;
	background-position: center top;
	position: relative;
	background-repeat: no-repeat;
	text-align: left;
}

#liebig #logo {
	float: left;
}

#liebig h1 {
	padding:0;
	margin:0;
	color:#057624;
	padding-bottom:10px;
	font-size:18px;
	line-height:1.2em;
	font-weight:normal
	
}

#liebig.contact h1 {
	font-size:32px;
}
	
#liebig p label { 
color:#057624;
line-height:1.2em;
margin:10px 10px 10px 0;
padding:0 ;
}


#liebig #form {
	width: 630px;
	padding-top: 48px;
	margin-left: 300px;
}



#liebig .lien {
	color:#99CC00;
	margin-top:100px;
}

.separateur {
background:#FFFFFF none repeat scroll 0%;
border-top:1px solid #B3CAD6;
clear:both;
font-size:2px;
height:2px;
line-height:2px;
}

.separateurVide {
clear:both;
font-size:0pt;
height:0pt;
line-height:0pt;
}

h2 {
	font-size: 2em;
	line-height: 1.3em;
	color: #003300;
}

input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em
}

select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em
	
}
textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em
}
form div.field {
	display:block;
	margin-bottom:10px;
	color: #006600;
	clear: both;
}

input.inpText {
	width:250px
}

textarea.inpMessage {
	width:250px;
	height: 100px;
}


form div.mandatory {
	color: #006600;
}



form div.mandatory .label {
	font-weight:bold;
}


form div.mandatory_ok {
	color: #006600;
	
}

form div.mandatory_ok .label {
	font-weight:bold;
}

form div.mandatory_error {
	color: #990000;
}
form div.mandatory_error .label {
	font-weight:bold;
}

form div.error {
	color: #CC6600;
}

form div.error span img {
	vertical-align: top;
	margin: 2px;
}

form div.mandatory_error span img {
	vertical-align: top;
	margin: 2px;
} 
 

div.merci {
	display:block;
	height: 330px;	
}


form div.mandatory_error .input {
	color: #993300;
}

form div.error .input {
	color: #CC6600;
}

form div.field .label {
	position: relative;
	display:block;
	float:left;
	padding-right:6px;
	width:250px;
	text-align:left;
	
	padding-bottom: 6px;
	padding-top: 0.1em;
}

#error {
	display: none;
	background-color: #FFFF66;
	border: 2px solid #FFCC00;
	margin-bottom: 6px;
	color: #CC3300;
}


#error h3 {
	background-color: #FFCC00;
	color:#FFFFFF;
	margin: 0px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: 1em;
}

#error ul, #error li {
	list-style-type: none;
}

#error li {
	margin-bottom: 3px;
}

#errorUl img {
	vertical-align: bottom;
}

#error.show {
	display:block;
}

.footnote {
	font-size: 0.9em;
	color: #006600;
	display:block;
	height: 230px;	
}

.help {
	font-size: 0.9em;
}

.marketingNote strong {
	color: #E33301;	
}