.acheter .carrousel{
	position: relative;
}


section.header {
  	height: 100vh;
    position: relative;
    display: flex;
    align-items: center;	
    padding: 7vw;
}

/*
section.header .contenu {
    z-index: 1;
    width: 38%;
    padding-left: 7vw;
}
*/

section.header > img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.logo_header{
     z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 5vw;    
    justify-content: center;   
}

.logo_header > a:nth-child(1) > img{
    max-width: 520px;
    width: 28vw;
}

.header .contenu{
    position: relative;
}

.logo_header > a:nth-child(2) > img{
    max-width: 420px;
    width: 22vw;        
}

section.intro{

    display: flex;
    /* flex: initial; */
    /* flex-direction: column; */
    flex-wrap: wrap;
    padding: 5vw 7vw;
	position: relative;

}

section.intro .colonne_01{
	width: 55%;
	position: relative;
}

section.intro .colonne_01 img{
/*    position: absolute;*/
    /* top: 0; */
/*
    height: 100%;
    width: 100%;
    object-fit: cover;
*/
}

section.intro > img{

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
	z-index: -2;

}

section.intro .bg_color_intro {
    background-color: rgb(245 245 245 / 85%);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
}

section.intro .colonne_02 {
    width: 45%;
    /* padding-left: 5vw; */
    padding: 2vw 0 2vw 5vw;
}


section.propriete {
    display: flex;
    /* flex: initial; */
    /* flex-direction: column; */
    flex-wrap: wrap;
    padding: 5vw 7vw;
    position: relative;
}

section.propriete .image {
    width: 55%;
    position: relative;
}

section.propriete .contenu {
    width: 45%;
    /* padding-left: 5vw; */
    padding: 2vw 3vw 2vw 0;
}

h5{
	font-size: 18px;
	color: #787878;
    letter-spacing: 5px;
	padding-bottom: 25px;
}

section.propriete .image img{
    position: absolute;
    /* top: 0; */

    height: 100%;
    width: 100%;
    object-fit: cover;

}

section.acheter {
    display: flex;
    /* flex: initial; */
    /* flex-direction: column; */
    flex-wrap: wrap;
    padding: 5vw 7vw;
    position: relative;
}

section.acheter .contenu {
    width: 45%;
    /* padding-left: 5vw; */
     padding: 2vw 0 2vw 5vw;
}

section.acheter .carrousel {
    width: 55%;
    position: relative;
}

section.acheter .splide__slide img {
    vertical-align: bottom;
    height: 100%;
    object-fit: cover;
    wu: 100%;
    width: 100%;
}


section.acheter div.slider{
	height: 100%;
}

section.acheter .splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
    height: 100%;
}

section.acheter .splide__pagination {
    bottom: -30px;

}

section.acheter > img{

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
	z-index: -2;

}

section.acheter .bg_color_intro {
    background-color: rgb(231 0 37 / 85%);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
}


.carrousel_expertise .splide__slide .splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* rogne l'image pour remplir sans déformer */
}

.carrousel_expertise{
    position: relative;
}

.carrousel_expertise .splide__slide {
  overflow: hidden;
}

.carrousel_expertise .splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.liste_projet{
display: flex;
    align-items: center;
    padding: 0vw 10vw 0 10vw;
    gap: 10vw;
    justify-content: center;
}
/*
.liste_projet img {
    max-width: 450px;
}
*/


.projet{
    padding:5vw;
}


section.expertise {
    display: flex;
    flex-wrap: wrap;
    padding: 5vw 7vw;
    position: relative;
    background-color: #000000;    
}

section.expertise *{
    color:white;
}

section.expertise .image {
    width: 55%;
    position: relative;
}

section.expertise .contenu {
    width: 45%;
    padding: 2vw 0vw 2vw 5vw;
}
section.expertise .image img{
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

section.expertise h4{
   /* font-size: 24px;*/
    font-weight: normal;
}

section.vendre {
    display: flex;
    flex-wrap: wrap;
    padding: 5vw 7vw;
    position: relative;
}

section.vendre .contenu {
    width: 45%;
    /* padding-left: 5vw; */
    padding: 2vw 3vw 2vw 0;
}

section.vendre .carrousel_02 {
    width: 55%;
    position: relative;
}

section.vendre .splide__slide img {
    vertical-align: bottom;
    height: 100%;
    object-fit: cover;
    
    width: 100%;
}


section.vendre div.slider{
	height: 100%;
}

section.vendre .splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
    height: 100%;
}

section.vendre .splide__pagination {
    bottom: -30px;

}

section.vendre > img{

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
	z-index: -2;

}

section.vendre .bg_color_intro {
    background-color: rgb(231 0 37 / 85%);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
}

.cta_footer .colonne_02 .gform_wrapper{
	width: 65%;
}


.cta_footer{
	display: flex;
    flex-wrap: wrap;
    padding: 5vw 7vw;
    position: relative;	
    border-bottom: 1px solid white;    
}


.cta_footer .colonne_01{
	width: 50%;
    padding-right: 5vw;
}
.cta_footer .colonne_02{
	width: 50%;
}

footer h5{
	color: white;
}


footer > img{

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
	z-index: -2;

}

footer .bg_color_intro {
    background-color: rgb(0 0 0 / 85%);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
}

footer{
    position: relative;
}

.splide__pagination__page.is-active {
    background: #787878!important;
    transform: scale(1.4);
}

.gform_fields input{
    background-color: transparent!important;
    /* border-bottom: 1px solid white; */
    border-radius: 0!important;
    color: white!important;
    border: none!important;
    padding: 0!important;
    border-bottom: 1px solid white!important;
}

.gform_fields select{
    padding: 0!important;
    background-color: transparent!important;
    color: white!important;
    border: none!important;
    border-bottom: 1px solid!important;
    border-radius: 0!important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>")!important;
} 

select option {
  background-color: rgb(0 0 0 / 99%)!important;
  color: #ffffff;
  border: none!important;
}

#gform_submit_button_1{
    background-color: var(--color1);
    color: white;
    padding: 20px 25px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    
    border-radius: 0;
    margin-bottom: 15px;
}

textarea {
    background-color: rgb(255 255 255 / 75%)!important;
}

.gform_fields label{
    color: white!important;
}



@media screen and (max-width:1024px){
    section.intro .colonne_01{
        width: 100%;
    }

    section.intro .colonne_02{
        width: 100%;
       padding: 5vw 0; 
    }

    section.propriete .contenu{
        width: 100%;
        padding: 5vw 0; 
        order: 2;
    }
    
    section.propriete .image img{
        position: relative;
    }

    section.propriete .image{
        width: 100%;
        order: 1;
    }

    section.expertise .image{
        width: 100%;
        order: 2;
    }

    section.expertise .image img{
        position: relative;
    }

    section.expertise .contenu{
        padding: 5vw 0;
        width: 100%;
    }


    section.acheter .carrousel{
        width: 100%;
    }

    section.acheter .contenu{
        width: 100%;
        padding: 5vw 0;
    }

    section.vendre .contenu{
        width: 100%;
        padding: 5vw 0;
        order: 2;
    }

    section.vendre .carrousel_02{
        width: 100%;
    }

    .cta_footer .colonne_01{
        width: 100%;
    }

    .cta_footer .colonne_02{
        width: 100%;
    }

    
}

@media screen and (max-width:860px){
    section.header {
        flex-wrap: wrap;
    }

    .header .contenu {
        position: relative;
        text-align: center;
    }

   .logo_header {
        width: 100%;
    } 

    .logo_header > a{
        text-align: center;
    }

    .logo_header > a:nth-child(1) > img{
        width: 60vw;
    }

   
    .logo_header > a:nth-child(2) > img{
        width: 50vw;
    }
 

}


@media screen and (max-width:640px){
    .liste_projet{
        flex-wrap: wrap;
    }

    .cta_footer .colonne_02 .gform_wrapper{
	    width: 100%;
    }
}