.wpcf7 {
	background-color: #fafafa;
    background-image: url('images/monogram.svg'), url('images/fill-17-copy.svg');
    background-repeat: no-repeat, no-repeat;
    background-attachment: scroll, scroll;
    background-position: right top, left bottom;
    padding-top: 53px !important;
}
.return-jobs-btn {
	background-color: #fafafa;
}
div.wpcf7 input[type="file"] {
      color: transparent;
    text-align: center !important;
    width: 198px;
    height: 35px;
    padding: 0;
}
div.wpcf7 input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}
div.wpcf7 input[type="file"]::before {
  content: 'uploader fichier';
    display: inline-block;
    background: #56387e;
    border: 0;
    border-radius: 3px;
    padding: 7px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 10pt;
    text-transform: uppercase;
    margin: 0 auto;
    width: 179px;
    text-align: center;
    color: #fff;
}
div.wpcf7 input[type="file"]:hover::before {
  border-color: black;
}
div.wpcf7 input[type="file"]:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}
.wpcf7-form-control-wrap.uploaderfichier {
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wpcf7-form {
    width: 945px;
    /* height: 1090px; */
    border-radius: 2px;
    box-shadow: 0 0 4px 0 rgba(136, 136, 136, 0.4);
    background-color: #ffffff;
    padding: 40px 0px 65px 0px;
    margin: 0 auto;
}
.job-application-form {
    width: 803px;
    margin: 0 auto;
    max-width: 100%;
}
.personnelles,.documents-title,.autres-title {
    width: 272px;
    height: 26px;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #242729;
}
.documents-title,.autres-title{padding: 31px 0 24px 0;}
.first-section > div
{
	float: left;
	margin-right: 10px;
}
.first-section > div span
{
	width:100%;
	box-sizing: border-box;
}
.first-section span .wpcf7-form-control
{
	border-radius: 2px;
  border: solid 1px #cfcfcf;
  background-color: #ffffff;
}
.first-section .form-titre {width: 165px;}
.first-section .form-nom{width: 272px;}
.first-section .form-prenom{width: 272px;}
.first-section > div span .wpcf7-form-control{height: 45px;}
.job-application-form input,.job-application-form select,.job-application-form textarea{
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #888888;
  padding-left: 12px;
  box-sizing: border-box;
  width: 100%;
}
.form-clear{clear: both;}
.form-adresse{width: 730px;box-sizing: border-box;}
.form-adresse span .wpcf7-form-control
{
  border-radius: 2px;
  border: solid 1px #cfcfcf;
  background-color: #ffffff;
  height: 45px;
}
.second-section > div
{
	float: left;
	margin-right: 10px;
}
.second-section .form-NPA {width: 260px;}
.second-section .form-ville{width: 459px;}
.second-section span .wpcf7-form-control
{
  border-radius: 2px;
  border: solid 1px #cfcfcf;
  background-color: #ffffff;
  height: 45px;
}
.form-pays{width: 730px;box-sizing: border-box;}
.form-pays span .wpcf7-form-control
{
  border-radius: 2px;
  border: solid 1px #cfcfcf;
  background-color: #ffffff;
  height: 45px;
}
.third-section > div
{
	float: left;
	margin-right: 10px;
}
.third-section .form-Ndetelephone {width: 295px;}
.third-section .form-email{width: 425px;}
.third-section span .wpcf7-form-control
{
  border-radius: 2px;
  border: solid 1px #cfcfcf;
  background-color: #ffffff;
  height: 45px;
}
.fourth-section > div
{
	float: left;
	margin-right: 10px;
}
.fourth-section .form-linkedin {width: 730px;}
.fourth-section .form-vosremarques{width: 730px;padding-top: 26px;}
.fourth-section .form-vosremarques span .wpcf7-form-control{
height: 120px;}
.fourth-section span .wpcf7-form-control
{
  border-radius: 2px;
  border: solid 1px #cfcfcf;
  background-color: #ffffff;
  height: 45px;
}
.form-soumettre input{width: 235px;
  height: 34px;
  border-radius: 2px;
  background-color: #56387e;
  color: #fff;
  font-family: 'Open Sans',sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
border:0;
box-shadow: none;
margin-top: 25px;}
.job-application-form .form-main-title{padding-bottom: 27px;font-weight: 600;}
.personnelles{padding-bottom: 24px;}
.form-uploaderfichier{text-align: center;
    width: 730px;
    border-radius: 6px;
    border: 1px dashed #56387e;
    background-color: #ffffff;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;}

div.wpcf7 input[type="file"]::after{content:"";padding:20px;top:10px;right:-8px;position:absolute;background-repeat:no-repeat;background-image: url(images/arrow-up.png); } 
/*#mfcf7_zl_multifilecontainer span.mfcf7-zl-multiline-sample{display: block !important;}
.form-uploaderfichier input#mfcf7_zl_add_file{display: none !important;}
.form-uploaderfichier #mfcf7_zl_multifilecontainer a.mfcf7_zl_delete_file{display: none !important;}
.form-uploaderfichier input:before {
    content: 'uploader fichier';
    display: inline-block;
    background: #56387e;
    border: 0;
    border-radius: 3px;
    padding: 7px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 10pt;
    text-transform: uppercase;
    margin: 0 auto;
    width: 179px;
    text-align: center;
    color: #fff;
}
.form-uploaderfichier input:after {
    content: "";
    padding: 20px;
    top: 10px;
    right: -8px;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(images/arrow-up.png);
}*/
.form-uploaderfichier input#mfcf7_zl_add_file{display: inline-block;
    background: #56387e url(images/arrow-up.png) no-repeat;
    border: 0;
    border-radius: 3px;
    padding: 7px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 10pt;
    text-transform: uppercase;
    margin: 0 auto;
    width: 179px;
    position: relative;
    text-align: center;
    color: #fff;
    background-position: 160px center;
    height: 35px;}
#mfcf7_zl_multifilecontainer p.uploaderfichier{display: none !important;}
.form-main-title h3{font-weight: 600; } 
.first-section,.form-adresse,.second-section,.form-pays,.third-section,.documents-section,.fourth-section,.form-titre,.form-NPA
,.form-Ndetelephone,.form-linkedin{padding-bottom: 10px;}


@media screen and (min-width: 320px) and (max-width: 767px){

.wpcf7-form {width: 100%; padding: 10px 0px 20px 0px;}
.first-section > div span .wpcf7-form-control, .form-adresse span .wpcf7-form-control, .second-section span .wpcf7-form-control, .form-pays span .wpcf7-form-control, .third-section span .wpcf7-form-control, .fourth-section span .wpcf7-form-control { height: 40px; }
.job-application-form{width: auto; padding: 0px 15px;}
.job-application-form .form-main-title{ padding-bottom: 15px;}
.job-application-form input, .job-application-form select, .job-application-form textarea{ font-size: 13px; }
.job-application-form .form-main-title h3{font-size: 16px; line-height: 24px;}
.personnelles, .documents-title, .autres-title{width: 100%;}
.personnelles{padding-bottom: 15px;}
.second-section .form-ville{padding-bottom: 0px;}
.job-application-form .personnelles h4, .documents-section .personnelles h4{ font-size: 14px; line-height: 20px; }
.documents-title, .autres-title { padding: 15px 0 15px 0; }
.first-section > div, .second-section > div, .third-section > div, .fourth-section > div {float: none;}
.first-section .form-titre, .first-section .form-nom, .first-section .form-prenom, .form-adresse,
.second-section .form-NPA, .second-section .form-ville, .form-pays, .third-section .form-Ndetelephone, .third-section .form-email, .documents-section .form-uploaderfichier,
.fourth-section .form-linkedin, .fourth-section .form-vosremarques{width: 100%;}
.documents-section .form-uploaderfichier{height: 70px;}
.fourth-section .form-vosremarques{padding-top: 0px;}
.first-section .form-nom{padding-bottom: 10px;}
.form-soumettre{text-align: center;}
.form-soumettre input {margin-top: 0px; padding-left: 0px; font-size: 11px;width: 218px;height: 32px;}
input[type="submit" i]{padding: 0px;}
div.wpcf7 input[type="file"]{padding: 0px;}
div.wpcf7 input[type="file"]::before{font-size: 8pt;width: 160px;}
div.wpcf7 input[type="file"]::after{right: 10px;top: 8px;}
.return-jobs-btn {padding: 0px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){
.wpcf7-form {width: 690px; padding: 10px 0px 12px 0px;}
.personnelles, .documents-title, .autres-title{width: 100%;}
.job-application-form{width: auto; padding: 0px 15px;}
.job-application-form .form-main-title{ padding-bottom: 15px;}
.job-application-form input, .job-application-form select, .job-application-form textarea{ font-size: 13px; }
.job-application-form .form-main-title h3{font-size: 16px; line-height: 24px;}
.personnelles, .documents-title, .autres-title{width: 100%;}
.first-section .form-nom{width: 230px;}
.first-section .form-prenom{width: 244px;margin-right: 0px;}
.form-adresse, .second-section .form-NPA, .second-section .form-ville, .form-pays, .third-section .form-Ndetelephone, .third-section .form-email, .fourth-section .form-linkedin, .fourth-section .form-vosremarques{width: 660px;}
.form-uploaderfichier{width: 658px; height: 80px;}
.second-section .form-ville{padding-bottom: 10px;}
.fourth-section .form-vosremarques{padding-top: 0px;}
.first-section > div span .wpcf7-form-control, .form-adresse span .wpcf7-form-control, .second-section span .wpcf7-form-control, .form-pays span .wpcf7-form-control, .third-section span .wpcf7-form-control, .fourth-section span .wpcf7-form-control { height: 40px; }
.job-application-form .personnelles h4, .documents-section .personnelles h4{ font-size: 14px; line-height: 20px; }
.form-soumettre{text-align: center; margin-top: 15px;}
.form-soumettre input {margin-top: 0px; padding-left: 0px; font-size: 12px;}
input[type="submit" i]{padding: 0px;}
.return-jobs-btn {padding: 10px;}
}