.main-contact{ padding:0px 0px 60px 0px; }
body.contact .champ{ /*width:46%; margin-left:2%; margin-right:2%; margin-top:5px; float:left;*/ overflow:hidden }
.mycap {margin-bottom:20px;}
body.contact label{ display:block; font-size:1.6em;}
body.contact input[type=text]{ width:100%; padding:5px 0; font-size:1.6em; border:1px solid #BEBEBE; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;   }
body.contact textarea{margin-bottom:45px; width:100%; padding:5px 0; min-height:150px; font-size:1.6em; border:1px solid #BEBEBE;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  }
body.contact .button-submit, .sendi button.btns{border: none; 
text-align: center;
text-decoration: none;
cursor: pointer;
width: 200px;
height: 48px;
background-color: #d62d1d;
color: #fff;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
border-radius: 25px;}
body.contact .button-submit:hover{ background:#9293a1; color:white;  }


/* page de confirmation*/
.contactinfo{ margin:30px 0 0; font-size:16px; }

body.contact input[type=text], body.contact textarea{ -webkit-box-shadow:inset 0 0 5px 1px #004372; box-shadow:inset 0 0 1px 1px rgba(0, 67, 114, 0.1); }		
.btnsubmit{border:none;}

.select select {
    width: 120%;
    background-color: transparent;
    font-size: 19px;
    font-weight: 400;
    color: #9293a1;
    border: none;
    height: 48px;
    padding: 0 13px;
}

.select select:focus{ outline: none; border: none}

.select::after {
    content: "\e900";
    right: 0;
    font-size: 10px;
    color: #d62d1d;
    font-family: 'icomoon';
    position: absolute;
    background-color: #f5f5f7;
    top: 0;
    bottom: 0;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

h2, h3{ font-size: 32px; text-transform: uppercase; color:#d62d1d; margin-bottom: 32px}

.editor, p, #contacttexte{ font-size: 19px; color:#9293a1; text-align:left; font-weight: 400}

.contact-top .icon-phone{ background-color:#FFF; width: 60px; height: 60px; border-radius: 60px; align-items:center; jusitfy-content:center; color:#23b606; font-size: 29px; padding-left: 10px}

.contact-top{background:url('/kassets/cssimg/site/fond-contact.jpg') no-repeat center; background-size: cover}

.contact-top .justify-content-between h5{ font-size: 24px; color:#FFF}

.contact-top .justify-content-between{ padding-right: 110px}

.contact-top .col-lg-5{ padding-left: 50px}

.contact-top .justify-content-between h5 span{ display: block; font-size: 30px; color:#FFF}

.contact-top .justify-content-between span.icon-phone{ font-size: 29px}

.contact-top .justify-content-between{ border-right: 1px solid #FFF !important;}

.contact-top{ padding: 50px 30px 50px 60px}

.contact-top a{ font-weight: 700; color:#d52d1d; font-size: 16px; background-color:#FFF; border-radius: 25px; text-transform: uppercase; padding: 16px 14px}

.select-left-contact{ background-color:#f5f5f7; height: 48px; font-size: 19px; color:#9293a1; max-width: 400px; margin-top: 15px; position:relative; overflow:hidden}

.select-left-contact select{ height: 48px}

.select.select-left-contact:after{ background-color:#f5f5f7}

.row1-contact{ padding-top:80px; padding-bottom: 80px; border-bottom: 1px solid #f2f2f4; padding-left: 15px; padding-right: 15px}

.row1-contact .col:first-child, .editor .col:first-child { max-width: 532px} 

.row1-contact .col:last-child, .editor .col:last-child{ max-width:inherit; flex: 1}

input, body.contact input[type="text"], body.contact textarea {
    background-color: #f5f5f7;
    padding: 0 15px;
    font-size: 19px;
    color: #9293a1;
    border: none;
    border-radius: 0;
	border: 2px solid transparent;
}

input:focus, body.contact input[type="text"]:focus, body.contact textarea:focus{ font-size: 19px; color:#d62d1d; border-color: #d62d1d; box-shadow: 15px 1px 27px rgba(0,0,0,0.14)}

 body.contact input[type="text"]:placeholder:focus{color:#d62d1d;}

input1, body.contact input[type="text"]{ height: 50px; width: 100%}

body.contact textarea{ height: 220px; width: 100%}

.row_form_contact label, body.contact label{ display: none !important}

.row_form_contact .col-lg-4 label{ display: block !important}

.editor{ padding-top: 55px}

#contacttexte{ max-width: 430px}

input[type=checkbox]{visibility:hidden}

input[type=checkbox]:not(old):checked + label{
  background   : url('/kassets/cssimg/site/check.png') no-repeat bottom left ;
  height  :26px;
}

input[type="checkbox"]:not(old) + label {
    display: inline-block;
    margin-left: 0;
    padding-left: 32px;
    background: url('/kassets/cssimg/site/check.png') no-repeat top left;
    height: 26px;
    cursor: pointer;
    padding-bottom: 0px;
    width: auto;
    text-align: left;
	line-height: 20px;
	display: block !important;
	font-size: 19px; 
	color: #9293a1; 
	margin-bottom:  60px
}


.row_form_contact input[type="file"]{ display: block;; visibility: hidden; height:  1px; margin-top: 24px}

.row_form_contact input[type="file"]:not(old):checked + label{
  background-color: #d62d1d;
  height  :50px;
}

.row_form_contact input[type="file"]:not(old) + label {
    display: flex !important;
	align-items: center;
	justify-content: center;
    margin-left: 0;
    background-color: #9293a1;
    height: 50px;
    cursor: pointer;
    padding-bottom: 0px;
    width: auto;
    text-align: center;
	line-height: 20px;
	font-size: 16px; 
	color: #fff;
	min-width: 200px;
	border-radius: 25px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px
}

.file-upload { background-color: #9293a1; color: #fff; font-weight: 700; font-size: 17px; border: none; min-width: 200px;	border-radius: 25px; padding: 15px 15px; }

label.file-upload span{color: #fff; font-weight: 700; font-size: 17px; line-height: 17px}

label.file-upload:focus, label.file-upload:hover{ background-color: #d62d1d}


.row_form_contact label[for="lm"], .row_form_contact label[for="cv"]{ display: block}

#ppCaptcha b{font-size: 19px; color: #9293a1; font-weight: 400}

input1[type=checkbox]{ display: none}

.sendi{ display: block !important; margin-top: 60px}

.CSScontroleZone{ margin-top: 50px}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-textarea-placeholder, select:focus::-webkit-textarea-placeholder, select option:focus::-webkit-textarea-placeholder { color:transparent; } textarea:focus:-moz-placeholder, input:focus:-moz-placeholder, select:focus:-moz-placeholder, select option:focus:-moz-placeholder { color:transparent; }  textarea:focus::-moz-placeholder, input:focus::-moz-placeholder, select:focus::-moz-placeholder, select option:focus::-moz-placeholder { color:transparent; }

.contact-top{ flex-wrap: wrap}

.row_form_contact{ order: 1}

.row-contact_form-3{ order:2; margin:46px 0 40px 0}

.row-contact_form-2{ order: 3}

.row_contact_form-4{ order: 4}

.right-form{ flex-direction: column}


.select-vendre{
  background-color: #f5f5f7;
  height: 48px;
  font-size: 19px;
  color: #9293a1;
  margin-top: 15px;
  position: relative;
  overflow: hidden;
  width: 100%
}

.select.select-vendre:after{ background-color: #f5f5f7;}

.choixP{ margin-top: 25px}

.select-vendre select{ padding: 0 15px}

.champObli{ margin-bottom: 25px}

.left-recrutement h3{ font-size: 30px; font-weight: 300; color: #9293a1; margin-top:  70px}

.left-recrutement ul{ padding-left: 0}

.left-recrutement ul li a{ font-weight: 700; font-size:  19px; color: #70717f; position: relative; padding-left: 50px}

.left-recrutement ul li{ list-style: none; margin-bottom: 22px}

.left-recrutement ul li a:before{ content:"\ea08"; font-family: icomoon; color: #70717f; font-size:  25px; position: absolute; left: 0; top: -4px }

.tpl-vendre .select select{ font-size: 19px; font-weight: 400; color: #9293a1; height:  48px}

.tpl-vendre .select{ margin-top: 0}



@media(max-width:1365px){
	.contact-top .justify-content-between h5 span, .contact-top .justify-content-between h5{ font-size: 18px !important}
	.contact-top {    padding: 50px 15px 50px 15px !important;}
	.contact-top .col-lg-5{ padding-left:inherit}
	.contact-top .justify-content-between{ padding-right:inherit}
	.contact-top a {
    font-weight: 700;
    color: #d52d1d;
    font-size: 16px;
    background-color: #FFF;
    border-radius: 25px;
    text-transform: uppercase;
    padding: 15px;
    display: block;
    text-align: center;
    border-radius: 0;
	}
	.editor .col:first-child{ padding: 15px}
}

@media(max-width: 992px){
	.editor .col:first-child{ max-width:inherit}
}


@media only screen and (max-width:800px) {
    body.contact .champ{ width:100%; }
}

@media(max-width:768px){
	.row1-contact .col:first-child{ padding: 15px 0}
	.contact-top a{ display: inline-block; margin-top: 30px}
	.row1-contact{ padding-top: 50px; padding-bottom: 50px}
	.contact-top .justify-content-between{ border-right: none !important}
	.contact [class^=col], .contact .col{ flex-grow: 0 !important; flex-basis: inherit !important;}
	.two-bloc .col-lg-6{ margin-bottom: 15px}

}

@media(max-width:576px){
}