/* START hero */



.hero {

    height: 80vh;

}



.hero .uniformSpacing {

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 1em;

}



@media screen and (max-width: 700px) {

    .hero {

        height: auto;

        min-height: initial;

    }

}

/* END hero */



/* START imgText */

.imgText .uniformSpacing {

    display: flex;

    gap: 6em;

}



.imgText .uniformSpacing > div{

    width: 50%

}



.imgText .uniformSpacing .introTitle {

    display: flex;

    flex-direction: column;

    gap: 1.5em;

}

.imgText .uniformSpacing .textContainer > div{

    width: 50%;
    height: 100%;

}



.imgText .uniformSpacing .imgContainer img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    max-height: 25em;

}



.imgText.carte .uniformSpacing .imgContainer img {

    width: auto;

}



/* START AVEC LA CLASS doubleImg */

.imgText.doubleImg .uniformSpacing{

    align-items: center;

}





.imgText.doubleImg .imgContainer{

    width: 50%;

    height: 30em;

    display: flex;

}



.imgText.doubleImg .imgContainer div{

    width: 50%;

    height: 100%;

}



.imgText.doubleImg .imgContainer div img{

    width: 110%;

    height: 70%;



}



.imgText.doubleImg .imgContainer div:first-child{

    display: flex;

    align-items: flex-end;

}



.imgText.doubleImg .imgContainer div:last-child img{

    transform: translateX(-10%);

}



/* END AVEC LA CLASS doubleImg */



@media screen and (max-width: 1100px) {

    .imgText .uniformSpacing{

        gap: 2em;

        flex-direction: column;

    }



    .imgText .uniformSpacing > div{

        width: 100%;

    }



    .imgText.doubleImg .imgContainer{

        width: 100%;

    }

    .imgText.doubleImg .imgContainer div{

        display: flex;

        align-items: flex-end;

    }

    .imgText.doubleImg .imgContainer div:first-child{

        align-items: flex-start;

    }

}



@media screen and (max-width: 700px) {

    .imgText.doubleImg .imgContainer{

        height: auto;

        flex-direction: column;

    }



    .imgText.doubleImg .imgContainer div{

        width: 100%;

    }



    .imgText.doubleImg .imgContainer div img{

        width: 80%;

    }



    .imgText.doubleImg .imgContainer div:last-child{

        justify-content: flex-end;

    }



    .imgText.doubleImg .imgContainer div:last-child img{

        margin-top: -5em;

        transform: initial;



    }

}





/* END imgText */



/* START bandeauAvis */

.bandeauAvis .uniformSpacing{

    display: flex;

    flex-direction: column;

    gap: 1.5em;

}



.bandeauAvis .introTitle {

    display: flex;

    flex-direction: column;

    gap: 1.5em;

}



.bandeauAvis .uniformSpacing .avisContainer{

    display: flex;

    flex-wrap: wrap;

    gap: 4em;

}



.bandeauAvis .uniformSpacing .avisContainer .cardText{

    width: calc((100% - 4em * 2) /3);

    background-color: var(--basicWhite);

    padding: 1.5em;

}



.bandeauAvis .uniformSpacing .avisContainer .editor-tpl {

    width: 100%;

}



@media screen and (max-width: 1150px) {

    .bandeauAvis .uniformSpacing .avisContainer{

        gap: 2.5em;

    }



    .bandeauAvis .uniformSpacing .avisContainer .cardText{

        width: calc((100% - 2.5em * 2) / 3);

    }

}



@media screen and (max-width: 850px) {

    .bandeauAvis .uniformSpacing .avisContainer .cardText{

        width: 100%;

    }

}



/* END bandeauAvis */



/* START bandeauTextImg */



.bandeauTextImg {

    overflow: hidden;

 }



.bandeauTextImg .uniformSpacing{

    display: flex;

}



.bandeauTextImg .uniformSpacing .containerText{

    width: 50%;

}





.bandeauTextImg .uniformSpacing .containerText{

    display: flex;

    flex-direction: column;

    gap: 1.5em;

}



.bandeauTextImg .uniformSpacing .containerText .containerListeNumber{

    display: flex;

    flex-direction: column;

    gap: 1em;

}



.bandeauTextImg .uniformSpacing .containerText .containerListeNumber .elementListeNumber {

    display: flex;

    gap: 1em;

    align-items: center;

}



.bandeauTextImg .uniformSpacing .containerText .containerListeNumber .elementListeNumber p:last-child{

    color: var(--basicColor3);

}



.bandeauTextImg .uniformSpacing .containerText .containerListeNumber .elementListeNumber .number {

    border-radius: var(--basicRadius);

    height: 1.5em;

    width: 1.5em;

    min-height: 1.5em;

    min-width: 1.5em;

    display: flex;

    align-items: center;

    justify-content: center;

}





.bandeauTextImg .uniformSpacing .containerImg{

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    width: 40%;

}





.bandeauTextImg .uniformSpacing .containerImg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}







@media screen and (max-width: 1200px) {

    .bandeauTextImg .uniformSpacing .containerImg{

        position: relative;

        width: 80%;

        transform: translateX(calc(var(--defaultSpacing) * 2));

    }



    .bandeauTextImg .uniformSpacing{

        flex-direction: column;

        align-items: flex-end;

        gap: 2.5em;

    }



    .bandeauTextImg .uniformSpacing .containerText {

        width: 100%;

    }

}



@media screen and (max-width: 800px) {

    .bandeauTextImg .uniformSpacing .containerImg{

        transform: translateX(calc(var(--defaultSpacing) * 1.5));

    }

}





@media screen and (max-width: 700px) {

    .bandeauTextImg .uniformSpacing .containerImg{

        transform: translateX(var(--defaultSpacing));

    }

}



/* END bandeauTextImg */