/* ---------- MAINFORM FORM ----------------------------------------------------------------------------------------------------- */

label {
	margin: 10px 10px 10px 10px; 
}

.form-jobs input {
width: 60%;
font-family: NewFont; 
font-size: 17px; 
color: black; 
text-decoration:none; 
font-weight:normal; 
margin: 10px 10px 10px 10px; 
padding: 2px;  
background-color: white; 
border: 1px black solid; 
border-radius: 3px 3px 3px;
}
input:focus {
background: #E8EBEA;
} 

.form-jobs select {
width: 61%;
font-family: NewFont; 
font-size: 17px; 
color: gray; 
text-decoration:none; 
font-weight:normal; 
margin: 10px 10px 10px 10px; 
padding: 2px;  
background-color: white; 
border: 1px gray solid; 
border-radius: 3px 3px 3px;
}

.form-jobs .select-small {
width: 40%;
font-family: NewFont; 
font-size: 17px; 
color: gray; 
text-decoration:none; 
font-weight:normal; 
margin-top: 10px; 
padding: 2px;  
background-color: white; 
border: 1px gray solid; 
border-radius: 3px 3px 3px;
}


.form-jobs textarea {
width: 60%;
font-family: NewFont; 
font-size: 17px; 
color: gray; 
text-decoration:none; 
font-weight:normal; 
margin: 10px 10px 10px 10px; 
padding: 2px;  
background-color: white; 
border: 1px gray solid; 
border-radius: 3px 3px 3px;
}

.form-jobs textarea:focus {
background: #E8EBEA;
} 

.form-jobs input[type=submit] {
width: 60%;
font-family: NewFont; 
font-size: 17px; 
color: white; 
text-decoration:none; 
font-weight:normal; 
margin-top: 10px; 
padding: 10px 10px 10px 10px;  
background-color: silver; 
border: 1px gray solid; 
border-radius: 3px 3px 3px;
}

.form-jobs .pdf-upload {
width: 60%;
font-family: NewFont; 
font-size: 18px; 
color: white; 
text-decoration:none; 
font-weight:normal; 
margin: 10px 10px 10px 10px; 
padding: 10px 10px 10px 10px;
background-color: #175b80; 
border: 1px solid #175b80; 
border-radius: 3px 3px 3px;
display: block;
background:#175b80 url(../images/pdf.png) no-repeat;
background-position:98% center;
 outline-color: #175b80;
 outline-style: solid;
 outline-width: 1px;
 outline-offset: 3px;
}

@media screen and (max-width: 750px){
.form-jobs .pdf-upload {
font-size: 14px;  
  }
}

@media screen and (max-width: 500px){
.form-jobs .pdf-upload {
font-size: 12px; 
  }
}


.form-jobs .by-form {
width: 60%;
font-family: NewFont; 
font-size: 18px; 
color: white; 
text-decoration:none; 
font-weight:normal; 
margin: 10px 10px 10px 10px; 
padding: 10px 10px 10px 10px;
background-color: #175b80; 
border: 1px solid #175b80; 
border-radius: 3px 3px 3px;
display: block;
background:#175b80 url(../images/mail.png) no-repeat;
background-position:98% center;
 outline-color: #175b80;
 outline-style: solid;
 outline-width: 1px;
 outline-offset: 3px;
}

@media screen and (max-width: 750px){
.form-jobs .by-form {
font-size: 14px;  
  }
}

@media screen and (max-width: 500px){
.form-jobs .by-form {
font-size: 12px; 
  }
}


/* ---------- mainform inscription ----------------------------------------------------------------------------------------------------- */

.form-jobs .inscription {

font-family: NewFont; 
font-size: 17px; 
color: gray; 
}