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


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

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

div.animation_intro{
	    position: absolute;
    bottom: 0;
    right: 10vw;
    z-index: 0;
}

.intro *{
	position: relative;
}

.animation_cta{
	width: 25vw;
}

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

.formulaire{
	background-color: var(--color1);
    padding: 5vw 0 0 0;
	border-radius: 45px 45px;
	position: relative;
}

.contenu_01 .row{
	    display: flex;
    flex-wrap: wrap;
}

.contenu_01 {
	background-color: white;
}

.contenu_01 .colonne_01{
	    width: 50%;
    padding-left: 10vw;
	padding-right: 5vw;
	padding-bottom: 5vw;
}
.contenu_01 .colonne_02{
	    width: 50%;
    
}

/*body.page-template-template-distributeur {*/
/*	background-color: black;*/
/*}*/

.contenu_01 img{
    border-radius: 45px 0 0 0;
    height: 100%;
    object-fit: cover;
}

.contenu_01{
	    position: relative;
   
}

.formulaire::after {
    content: "";
    background: black;
    width: 100%;
    height: 20%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.formulaire::before {
    content: "";
    background: white;
    width: 50%;
    height: 20%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    top: 0;

}

.formulaire .row{
	display: flex;
    flex-wrap: nowrap;
    padding: 0 10vw;
}
.formulaire .colonne_01{
    width: 30%;
}

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

#gform_submit_button_1{
	background-color: black;
}

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

@media screen and (max-width:1200px){
	.formulaire .colonne_01 {
		width: 100%;
	}	
	
	.formulaire .colonne_02 {
		width: 100%;
		padding: 0 0 5vw 0;
	}
	
	.formulaire .row{
		flex-wrap: wrap;
	}
}

@media screen and (max-width:1024px){
	.contenu_01 .colonne_01{
		width: 100%;
		padding: 5vw;
	}
	
	.contenu_01 .colonne_02{
		width: 100%;
	}
	
	.formulaire::before{
		display: none;
	}
	
	.contenu_01 img {
		border-radius: 45px 45px 0 0;

	}	
	
	header#header.menu{
    position: fixed;
		
	}
}


@media screen and (max-width:640px){
	div.animation_intro {
		right: 10vw;
		width: 38vw;
	}
	
	.intro .row {
		max-width: 1400px;
		margin: 0 auto;
		padding: 5vw 10vw 0;
	}
	
    section.intro {
        padding: 4vh 5vw 5vh;
    }
}