/* sur tous les patterns */


/*img float left*/
.petiteImageGauche {
    width: 100%;
}

/* img_float_right */
.petiteImageDroite {
    width: 100%;
}

/* full img center */
.grandeImageCentre {
    width: 100%;
}

/*two imgs*/
.deuxImages {
    width: 100%;
}


/* three imgs */
.troisImages {
    width: 100%;
}

/* img half right */
.moitieImageDroite {
    width: 100%;
}

/* img half left */
.moitieImageGauche {
    width: 100%;
}

@media only screen and (min-device-width: 992px) {
    /*img float left*/
    .petiteImageGauche {
        float: left;
        max-width: 18rem;
        margin-right: 1rem;
        margin-top: 1rem;
    }

    /* img_float_right */
    .petiteImageDroite {
        float: right;
        max-width: 18rem;
        margin-left: 1rem;
        margin-top: 1rem;
    }

    /* full img center */
    .grandeImageCentre {
        max-width: 60.5rem;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: center;
        margin-bottom: 1.5rem;
    }

    /*two imgs*/
    .deuxImages {
        max-width: 25rem;
        margin-left: 2rem;
        margin-right: 2rem;
        margin-bottom: 1.5rem;
    }


    /* three imgs */
    .troisImages {
        max-width: 15rem;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
        margin-bottom: 1.5rem;
    }

    /* img half right */
    .moitieImageDroite {
        max-width: 30rem;
        margin-left: 2rem;
        margin-top: 1rem;
        float: right;
    }

    /* img half left */
    .moitieImageGauche {
        max-width: 30rem;
        margin-right: 2rem;
        margin-top: 1rem;
        float: left;
    }
}