.header_page, #share {
    display: none;
}
#contact {
    background: #3299ba;
    color: #fff;
}
#map_canvas  {
    float: right;

    width: 50%;
    /* height: 100%; */
}

#contact_map{
    background: url('../skins/img/contact_page.jpg') no-repeat left center;
    /*background-size: cover;*/
    width: 50%;
    height: 750px;
    float: right;
}
#frmContact {
    float: right;
  padding: 5em 5em 2em 0;   
	width: 420px;
}
#frmContact h3, #frmContact h2 {
    color: #fff;
}
#frmContact h3 {
    margin: 1em 2em 0 0;
}
#frmContact p {
    margin-bottom: 2em;
}
#frmContact input, textarea, select {
	background: #fff;
	border: 1px solid #dadada;
	color: #87a8b7;
	float: left;
    font: 400 0.9em/1.25 'Muli';
	margin: 0 32px 40px 0;
	padding: 3px;
	transition: box-shadow .2s linear;
	width: 100%;
}
#frmContact input, textarea{
    width :calc(100% - 8px);
}

#frmContact input:focus, textarea:focus {
    box-shadow: 0 0 5px #c3b8b0;
}
/* #frmContact :valid {
    border-color: #0f0;
} */
/* #frmContact :valid:focus {
    box-shadow: 0 0 5px #0f0;
} */
#frmContact label.move {
    color: #87a8b7;
    float: left;
    font: 400 0.9em/1.25 'Muli';
    text-transform: uppercase;
    margin: -62px 0 0 5px;
    transition: all 0.2s linear;
    width: 100%;
}
#frmContact label.clear {
    display: block;
    margin: 0 0 5px 17px;
}
#frmContact label.error {
    display: none !important;
}
#frmContact input + label.active {
    color: #fff;
    transform: translateY(-25px);
}
#frmContact textarea {
    height: 120px;
    resize: none;
	/*width: 100%;*/
}
#frmContact textarea + label.move {
    margin: -162px 0 0 5px;
}
#frmContact textarea + label.active {
    color: #fff;
    transform: translateY(-30px);
}
#frmContact label {
	color: #fff;
	float: left;
	width: 90px;
}
label.droite {
	padding-right: 0.5em;
	text-align: right;
}
#cont_submit {
    background: #96c11f;
    border: 1px solid #e4e4e4 !important;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font: 700 1em 'Muli';
    margin: 1em auto;
    padding: .6em 1em;
}
.req {
	color: red;
}
#frmContact input.error, #frmContact textarea.error {
    border-color: red;
}
#frmContact input[type*='checkbox'].error {
    box-shadow: 0px 0px 2px red, 0px 0px 2px red;
}
#formsend {
    background: #fff;
    box-shadow: 0 0 20px 20px rgba(0,0,0,.25);
    color: #212c30;
    left: 50%;
    margin-left: -150px;
    padding: 25px;
    position: fixed;
    text-align: center;
    top: 30%;
    width: 250px;
    z-index: 99;
}
.grecaptcha-badge{
    width: 256px;
    height: 60px;
    position: fixed;
    visibility: visible !important;
    display: block !important;
    transition: right 0.3s ease 0s;
    bottom: 64px !important;
    right: -187px;
    box-shadow: gray 0px 0px 5px;
    border-radius: 2px;
    overflow: hidden;
}
.plainte{
    border: 1px solid #8ce0fb;
    display: block;
    margin: 1em 0;
    padding: 1em;
    text-align: center;
}
@media screen and (max-width : 1023px) {
    #frmContact {
        clear: both;
        float: none;
        margin: 2em auto;
    }

    #contact iframe, #map_canvas {
        float: none;
        height: 300px !important;
        width: 100%;
    }

    #contact_map {
        display: none;
    }

    @media screen and (max-width: 767px) {
        #frmContact {
            padding: 0;
            width: 90%;
        }

        #frmContact h3 {
            float: none;
        }
    }
}