/*
==================================================================================================
FORMULAIRE CONTACT
==================================================================================================
*/

#contactForm { margin-top: 20px; }

#contactForm label {
color: #7f7f7f;
line-height: 24px;
/*display: block;*/
font-size: 13px;
font-weight: bold;
margin: 0 0 5px 160px;
text-align: right;
width: 504px;
}
#checkboxCopieContainer label {
font-weight: normal;
margin: 0 0 0 10px;
}

#contactForm label.error {
width: 504px;
position: absolute;
color: red;
display: block;
font-size: 12px;
font-weight: normal;
text-align: left;
margin: 0;
top: 36px;
left: 10px;
background-color: transparent;
}
#textareaContainer label.error { top: 110px; left: 160px; }

#contactForm .champContainer {
position: relative;
height: 40px;
padding: 0 10px;
margin: 0 0 25px 150px;
background-repeat: no-repeat;
background-position: top left;
width: 484px;
background-image: url('../images/champFormContact.png');
}

#contactForm .champForm {
position: absolute;
font-size: 16px;
font-weight: normal;
background-color: transparent;
line-height: 40px;
width: 484px;
height: 40px;
border: none;
color: #414141;
margin: 0;
}

#textareaContainer {
position: relative;
margin: 0 0 25px 0;
padding: 0 0 0 150px;
width: 604px;
}

#contactForm textarea {
width: 594px;
height: 100px;
min-height: 100px;
max-height: 1000px;
padding: 5px;
font-size: 16px;
line-height: 20px;
font-family: verdana;
color: #414141;
background-color: #E6E6E6;
border: 1px solid #CDCDCD;
overflow: hidden;
margin: 0;
}

#checkboxCopieContainer {
position: relative;
margin: 0 0 25px 150px;
width: 504px;
}

#contactSubmit { margin-bottom: 20px; }

#resultContainer {
height: 30px;
text-align: center;
}

#resultContainer {
color: #ff6600;
}