/* --------------------------------- */
/* ---------- A) STRUCTURE --------- */
/* --------------------------------- */
.classic__image-section .classic__image{
    display: flex;
    flex-direction: column-reverse;
}

.classic__content{
    padding: 30px 0px;
}

.classic__image-section:nth-of-type(even) .classic__image > img{
    width: 100%;
    height: fit-content;
}
.btn{
	margin-top: 20px;
}
@media (min-width: 960px){
    .classic__image-section:nth-of-type(even) .classic__image{
        flex-direction: row-reverse;
    }
    .classic__image-section:nth-of-type(odd) .classic__image{
        flex-direction: row;
    }
    .classic__image > section{
        width: 70%;
    }
    .classic__image-section:nth-of-type(even) .classic__image > img{
        width: 30%;
        height: fit-content;
        margin-right: 30px;
    }

    .classic__image-section:nth-of-type(odd) .classic__image > img{
        width: 30%;
        height: fit-content;
        margin-left: 30px;
    }
}
/* --------------------------------- */
/* ------- B) SECTION BOTTOM ------- */
/* --------------------------------- */
.bottom-infos{
    background-image: url(https://mairie-barbezieux.fr/wp-content/uploads/2022/06/fond-actus.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 17px;
	padding-bottom: 50px;
}

.bottom__container{
	width: 100%;
    margin: 60px 0px;
}
.bottom-infos__title{
    color: var(--secondary-color);
    padding-left: 30px;
}
.bottom-infos__content{
    background-color: white;
    /* border: solid 1px var(--secondary-color); */
    padding: 30px;
    height: fit-content;
}

.bottom-infos__container{
    padding: 0px 20px;
}

@media (min-width: 960px){
    .bottom-infos{
        padding-bottom: 100px;
    }
    .bottom__container{
        width: 470px;
        margin: 0px 30px;
    }

    .bottom-infos__container{
        display: flex;
        justify-content: center;
        padding: 0px;
    }
}