.header img{
	height: 80vh;
    width: 100%;
    object-fit: cover;
    filter: brightness(0.7);	
}

div.flexcontent > .row{
    padding: 5vw 10vw;	
    gap: 0;	
}

div.flexcontent > .row > div:last-child{
	padding: 0 5vw;
}

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

.flexcontent img{
	height: 40vw;
    object-fit: cover;
}

section.intro {
	position: relative;
	background-color: var(--color1);
	border-radius: 45px 45px 0 0;
	    margin-top: -45px;
}

.intro::after {
    display: block;
    content: "";
    position: absolute;
    right: 4vw;
    top: 4vw;
    width: 100px;
    height: 200px;
    background-image: url(../img/svg/stars.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

section.etape .row{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 5vw 10vw 2vw;
}

section.etape > div >  p{
	text-align: center;
}

section.etape{
	    position: relative;
    margin-top: -45px;
   
    border-radius: 45px 45px 0 0;
    /* z-index: 6; */
    background: white;
}

section.etape{
	padding-bottom: 5vw;
}

.flexcontent img{
	    border-radius: 25px;
}

section.etape > div > h1{
	        padding: 5vw 10vw 0;
	text-align: center;
}

div.flexcontent{
	border-radius: 45px 45px 0 0;
}

.etapes {
    width: 30%;
    text-align: center;
	
}

.etapes > div p {
   	font-size: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	margin: 0;
	color: var(--color1);
}

.etapes > div{
	position: relative;
}




/*
section.intro.parrallax-sections.parallax-1-screens{
	height: 200vh;
}

section.contentflex.parrallax-sections.parallax-1-screens{
	height: 200vh;
}
*/

/*
section.formulaire.parrallax-sections.parallax-1-screens{
	height: 200vh;
}
*/

.contentflex{
	position: relative;
	    background-color: black;
    border-radius: 45px 45px 0 0;
/*	padding-bottom: 40vw;*/
}



.cta .row{
    display: flex;
    flex-wrap: wrap;
    padding: 10vw 5vw 0px;
	position: relative;
}

.cta .row .colonne_01{
	width: 50%;
}
.cta .row .colonne_02{
    width: 50%;
    padding-left: 5vw;
    padding-right: 5vw;
 
    display: flex;
    flex-direction: column;
    justify-content: space-between;	
}

.cta .row .colonne_02 h1{
	color: white;
}

.cta .row .colonne_02 p{
	color: white;
}

.cta .colonne_01 img{
	    border-radius: 30px 30px 0 0;
	    height: 100%;
    object-fit: cover;
}

section.cta{
	background-color: black;
	position: relative;
}

section.cta .container{
	overflow: hidden;
}

.animation_cta{
	position: absolute;
    right: -24vw;
    top: -15vw;
	width:42vw;
}

.cta .footer_cta > div{
    background-color: #B2001E;
    padding: 50px 30px;
    border-radius: 30px 30px 0 0;
    width: 50%;
	position: relative;
}
.cta .footer_cta > div > img{
     position: absolute;
    left: 50%;
    top: -34px;
    transform: translate(-50%, 0);
}

section{
	position: relative;
}

.cta .row .colonne_02 .intro_cta{
	padding-right: 5vw;
}

.cta .footer_cta {
    display: flex;
	gap:15px;
	padding-top: 5vw; 
}

.cta .bg_color_red{
		background-color: var(--color1);
       border-radius: 45px 45px;
	    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
}

.flexcontent{
	background-color: black;
}


/*
.etape.parrallax-sections > div.container{
	top:0;
}

@media screen and (max-width:1400px){
	section.etape.parrallax-sections.parallax-1-screens{
		padding-bottom: 36vw;
	}
	
	.contentflex.parrallax-sections.parallax-2-screens{
		padding-bottom: 35vw;
    	height: 400vh;
	}
}
*/


@media screen and (min-width:1024px){

	
	
	
/*
	section.intro.parrallax-sections.parallax-1-screens{
		height: 200vh;
	}
	
	section.etape.parrallax-sections.parallax-1-screens

	section.contentflex.parrallax-sections.parallax-1-screens{
		height: 200vh;
	}

	section.etape.parrallax-sections.parallax-1-screens{
		height: 200vh;
	}
	section.cta.parrallax-sections.parallax-1-screens{
		height: 200vh;
	}
	
*/
}


@media screen and (max-width:1024px){
	
	section.intro .row {
		padding: 5vw 10vw 10vw;

	}
	
	.cta .colonne_01 {
    	display: none;
	}
	
	
	.cta .row .colonne_01{
		width: 100%;
	}	
	
	.cta .row .colonne_02{
		width: 100%;
	}
	
/*
	section.etape.parrallax-sections.parallax-1-screens{
		padding-bottom: 5vw;
	}
	
	.contentflex.parrallax-sections.parallax-2-screens{
		padding-bottom: 0vw;
    	height: auto;
	}	
*/
}

@media screen and (max-width:860px){
	.etapes {
		width: 100%;
		text-align: center;
		padding-bottom: 5vw;
	}
	
	section.etape .row {

		flex-wrap: wrap;
	}
}