.contenaire-global {
    background: #FFFFFF;
}

.contenaire-global .espace {
    width: 1350px;
    max-width: 100%;
    margin: auto;
    padding: 50px 0 50px 0;
    text-transform: uppercase;
    font: normal normal medium 42px/49px;
    text-align: center;
    color: #000000;
}

.contenaire-global .slider-container-total {
    width: 1350px;
    max-width: 100%;
    margin: auto;
}

.sliders,
.carre-bas-slider,
.carre-haut-slider {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-container-total .slider-haut {
    display: flex;
}

.slider-container-total .slider-haut .slider-gauche {
    width: 50%;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slider-container-total .slider-haut .slider-gauche .carre-sup {
    margin: 0 10px 10px 0;
}

.slider-container-total .slider-haut .slider-gauche .carre-inf {
    margin: 0 10px 0 0;
}


.slider-container-total .slider-haut .slider-vertical {
    width: 50%;
    margin: 0;
}

.contenaire-global .slider-container-total .slider-horizontal {
    margin: 10px 0 70px 0;
}

/* pour l'image et son container */
.contenaire-global .slider-container-total .image-container {
    width: 420px;
    height: 420px;
}

.contenaire-global .slider-container-total .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.contenaire-global .slider-container-total .image-container-vert {
    width: 420px;
    height: 848px;
}

.contenaire-global .slider-container-total .image-container-vert img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.contenaire-global .slider-container-total .slider-horizontal .image-container-horiz {
    height: 300px;
}

.contenaire-global .slider-container-total .slider-horizontal .image-container-horiz img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

/* container partenaire */
.contenaire-global .contenaire-partenaire {
    background: #F2F2F2;
}

.contenaire-global .partenaires {
    width: 1400px;
    margin: auto;
}

/* Slider du header de la publicité */
.contenaire-global .header-pub {
    display: flex;
    align-items: center;

    position: relative;
}

.contenaire-global .header-pub .image-container {
    height: 610px;
}

.contenaire-global .header-pub .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
    /* border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; */
}

.contenaire-global .header-pub .precedent,
.contenaire-global .header-pub .suivant {
    position: absolute;
    background: #101010;
    opacity: 0.5;
    z-index: 1;
}

.contenaire-global .header-pub .precedent {
    top: 45%;
    left: 0;

}

.contenaire-global .header-pub .suivant {
    bottom: 45%;
    right: 0;
}

.contenaire-global .header-pub .image-texte {
    position: absolute;
    top: 40%;
    margin-left: 2%;
    color: #FFFFFF;
    font-size: 60px;
    z-index: 5;
}

/* ****************************************************************
                        RESPONSIVE
***************************************************************** */
@media (max-width: 768px) {
    .contenaire-global .slider-container-total {
        padding: 10px;
    }

    .contenaire-global .espace {
        font-size: 18px;
    }

    .slider-container-total .slider-haut .slider-gauche {
        /* display: none; */
        width: 100%;
    }

    .slider-container-total .slider-haut .slider-vertical {
        width: 100%;
        display: none;
    }
}