header#header {
     position: relative; 
    top: 0;
    width: 100%;
    padding: 30px 0 0 0;
    z-index: 25;
    background: black;
}

body.page-template-template-contact{
	background-color: black;
}

.intro{
	position: relative;
	background: white;
	border-radius: 45px 45px 0 0;
}

.intro .row{
	    padding: 5vw;
    max-width: 1200px;
    margin: 0 auto;
}



section{
	background-color: white;
}

.intro *{
	position: relative;
}

.formulaire .row{
	display: flex;
    flex-wrap: wrap;
    padding: 0 10vw;
}

.bg_black{
	    background: black;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
}

.formulaire .colonne_01{
	    width: 30%;
}

.formulaire .colonne_02{
	width: 70%;
	padding-left: 10vw;
	position: relative;
}


.formulaire .colonne_02::before{
	content: "";
	position: absolute;
	left: 5vw;
	height: 100%;
	width: 1px;
	background-color: #707070;
	display: block; 
}

#gform_submit_button_1{
	background-color: black;
}

.animation_contenu{
	width: 45%;
}

.boite_animation{
	display: flex;
	justify-content:end;
	
}

section.map{
    padding: 5vw 10vw;
    background: white;
    border-radius:0 0 45px 45px;
 
    position: relative;
}

#gform_submit_button_3,
#gform_submit_button_1{
	background-color: black;
}

#gform_fields_3 textarea,
#gform_fields_1 textarea,
#gform_fields_3 input,
#gform_fields_1 input{
	    background: transparent;
    border: 1px solid black;
    color: black;
}


footer{
	padding-top: 45px;
}

@media screen and (max-width:1024px){
	body header#header.menu{
			position: fixed
	}
}

@media screen and (max-width:860px){
	.formulaire .colonne_01 {
		width: 100%;
		        padding-bottom: 5vw;
	}
	
	.formulaire .colonne_02 {
		width: 100%;
		padding-left: 0;
		position: relative;
	}
	
	.formulaire .colonne_02::before {
		display: none;
	}
	
	.formulaire .row{
		padding: 0 5vw;
	}
}