.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, button[type="submit"]{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, button[type="submit"]:hover{ background:#9293a1; color:white;  }


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

.select{background-color: #f5f5f7; margin-bottom:  30px; position: relative}



.select select {
    width: 100%;
    background-color: transparent;
    font-size: 19px;
    font-weight: 400;
    color: #9293a1;
    border: none;
    height: 55px;
    padding: 0 15px;
	position: relative;
	z-index: 2;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.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, .contactconfirmation.container h1{ font-size: 32px; text-transform: uppercase; color:#d62d1d; margin-bottom: 32px}

.contactconfirmation.container h1{margin-top: 65px;}

.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: 50px}

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

.contact-top .justify-content-between h5 span{ display: block; font-size: 18px; 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: 0 30px 0 60px}

.contact-top a{ font-weight: 700; color:#d52d1d; font-size: 15px; 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;
    width: 400px;
    padding: 0 15px;
    font-size: 19px;
    color: #9293a1;
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
    border: 2px solid transparent;
}


.tpl-alerte input[type="checkbox"]:not(old) + label{font-size: 15px}

.tpl-alerte .row-contact_form-3{align-items: flex-start; margin-top: 14px}

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;}

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

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

body.contact.tpl-front textarea{margin-bottom: 20px}

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

body.contact label.d-block{ display: block !important; font-size: 25px; line-height:  25px}

.editor{ padding-top: 55px; padding-left: 15px}

#contacttexte{ /*max-width: 430px*/}

input[type=checkbox]{ visibility: hidden; height: 1px; margin-bottom: 0; position: absolute}

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: 95px
}


.tpl-front input[type="checkbox"]:not(old) + label { margin-bottom: 30px}

.tpl-front .CSScontroleZone{margin-top: 30px}


.row-contact_form-3 span{display: block; margin-bottom:  15px}

.row_contact_form-4 p{padding-left: 33px}

.row_contact_form-4 a.link{margin-top: 50px; display: block}

.row_form_contact input[type="file"]{ display: none}

.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
}

.champ-required{margin-bottom: 25px}


.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: 40px; /*margin-left: 34px*/}

/*.CSScontroleZone{ margin-top: 20px}
*/
.check-list{margin-top:41px}

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:0; align-items: center}

.row-contact_form-3>.col:first-child{ padding-left: 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}

.contactconfirmation.container h2{ color: #70717f; text-align: center; font-weight: 400; font-size: 21px; margin: auto; text-transform: none}

.g-recaptcha > div{/*margin: auto*/ /*margin-left: 34px*/}

.tpl-alerte .CSScontroleZone{/* padding-top: 30px*/}

.tpl-alerte .CSScontroleZone2{margin-top: 32px !important}

.tpl-alerte input#rgpd[type="checkbox"]:not(old) + label{ margin-bottom: 75px}

.tpl-alerte .select select{height: 50px}

.alert-info {
    color: #d62d1d ;
    background-color: #fff ;
    border-color:#d62d1d ;
    text-align: center;
}
.row-contact_form-3 .col{ flex: auto; width:  auto}

.row-contact_form-3 > .col:first-child label{ width: auto; position: relative; top: -2px}

.tpl-alerte .row-contact_form-3 label{margin-bottom: inherit; line-height: 26px}

.contact-top{ height: 160px}


.row_form_contact h3{ text-transform: uppercase}

.row_contact_form-4 a.link:hover{ color: #db372c}

.acc__title{
    font-size: 22px;
    text-transform: inherit;
}


.acc{
    margin: 50px 0
}

#contacttexte h2 {
  font-size: 24px;
  color: #d62d1d;
  margin-bottom: 20px;
  text-align: left;
    text-transform: inherit;
    margin: 25px auto 15px auto; 
}

#contacttexte h1 {
  font-size: 32px;
  text-transform: uppercase;
  color: #d62d1d;
  margin-bottom: 10px;
  margin-top: 65px;
}

@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: 1200px){
	.tpl-alerte input#rgpd[type="checkbox"]:not(old) + label{ margin-bottom: 90px}
	
	.tpl-alerte .row-contact_form-3 > .col:first-child{ width: 100%; margin-bottom:  15px}
}

@media(max-width: 992px){
    .editor .col:first-child{ max-width:inherit}
	.tpl-alerte .CSScontroleZone{ margin-top: 65px}
	.tpl-alerte .row-contact_form-3{ flex-direction: column}
	.tpl-alerte .row-contact_form-3 .col{ margin-bottom: 15px; padding-left: 0}
	.tpl-alerte input#rgpd[type="checkbox"]:not(old) + label { margin-bottom: 120px;}
	.contact-top a{ display: inline-block; margin-top: 30px}
	.contact-top{ height: auto; padding:50px 30px 50px 60px}
	
}


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

@media(max-width:768px){
    .row1-contact .col:first-child{ padding: 15px 0}
    .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}
	.tpl-alerte .CSScontroleZone{ margin-top:85px}
	input[type="checkbox"]:not(old) + label{font-size: 13px; line-height:  14px}
	.editor{padding-left: 0}
	.tpl-alerte input#rgpd[type="checkbox"]:not(old) + label { margin-bottom: 75px;}
	.row_contact_form-4 a.link{font-size: 13px}

}

@media(max-width:576px){
	.row_contact_form-4 a.link{margin-top: 75px}
}