/*
Email form
*/


#email_box{
margin:0;
padding:0 0 0 20px;
}

#email_box H1{
padding:20px 0 10px 0;
margin:0;
font-size:26px;
font-weight:normal;
color:#57575A;
max-width:600px;
}

#email_box div.desc{
padding:0 0 20px 0;
margin:0;
font-size:16px;
font-weight:normal;
color:#57575A;
line-height:150%;
max-width:600px;
}

#email_box div.contact{
margin:0;
padding:0 0 30px 0;
background-image:url(contact.png);
background-repeat:no-repeat;
background-position:right bottom;
}

#email_box div.job{
margin:0;
padding:0 0 30px 0;
background-image:url(emplois.png);
background-repeat:no-repeat;
background-position:right bottom;
}



/*
form col
*/

#form_mail_ms{
font-size:14px;
margin:0;
padding:0;
}

#form_mail_ms p{
font-weight:bold;
color:#64A744;
font-size:14px;
padding:0px;
margin:0px 0px 8px 0;
}

#form_mail_ms input{
width:330px;
background-color:#FFFFFF;
font-size:14px;
margin:2px 0;
color:#57575A;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:1px solid #787678;
padding:3px 5px 2px 5px;
} 

#form_mail_ms textarea{
width:500px;
background-color:#FFFFFF;
font-size:14px;
margin:2px 0;
color:#57575A;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:1px solid #787678;
padding:3px 5px 2px 5px;
}

#form_mail_ms select {
width: 330px;
background-color:#FFFFFF;
font-size:14px;
margin:2px 0;
color:#57575A;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:1px solid #787678;
padding:3px 5px 2px 5px;
}

#form_mail_ms input[type="submit"]{
width:auto;
font-size:14px;
font-weight:normal;
text-decoration:none;
margin:15px 0;
padding:5px 50px;
color:#57575A;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:1px solid #787678;
background-color:#FFFFFF;
}

#form_mail_ms input:hover[type="submit"]{
cursor:pointer;
color:#FFFFFF;
background-color:#407F3C;
}

#form_mail_ms a:link, #form_mail_ms a:visited{
font-size:14px;
font-weight: bold;
text-decoration:none;
margin-bottom:2px;
}

#form_mail_ms a:hover{
color: black;
text-decoration:underline;
}

/*
small version
*/

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px){
	#email_box div.contact{
	background-image:none;
	}
}

@media only screen and (max-width: 850px), only screen and (max-device-width: 850px){
	#email_box div.job{
	background-image:none;
	}
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px){
	#form_mail_ms textarea{
	width:95%;
	}
}

/* 
errors
*/

#log_err_bx{
font-size:14px;
border:1px solid #860404;
padding:10px;
margin:0px 5px 20px 5px;
width:614px;
color:#860404;
background-color:#F9F9F9;
}