/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    BLOC
    Style générale de tous les blocs
*/

/*
  00 - GÉNÉRAL
  01 - BACKGROUND-COLOR & COLOR
  02 - BACKGROUND-IMAGE & FILTER
*/



/* -----------------
  00 - GÉNÉRAL
----------------- */

.bloc {
    padding: 68px 0;
}

    /* @changelog 2024-01-23 [FIX] (Nicolas) Gestion des inceptions de blocs */
    .bloc .bloc {
        padding: 0;
    }
@media (max-width: 991px) {
    .bloc.bloc_program {
        padding: 68px 0 102px;
    }
}



/* -------------------------
  01 - BACKGROUND & COLOR
------------------------- */

/*
  Infos :
    On défini les couleurs du texte en fonction de la couleur de fond du bloc.
*/

.bloc.bg-tertiary,
.bloc.bg-tertiary a {
    color: var(--white);
}



/* ---------------------------------
  02 - BACKGROUND-IMAGE & FILTER
--------------------------------- */

.bloc.bg-picture {
    position: relative;
    text-align: center;
    padding: 145px 0;
}
.bloc.bloc_text_and_picture.bg-picture {
    padding: 86px 0;
    text-align: left;
    color: var(--black);
}
.bloc.bloc_text_and_picture.bloc_image_arrondi.bg-picture {
    padding: 86px 0 50px;
}
@media (min-width: 992px) {
    .bloc.bloc_text_and_picture.bloc_image_arrondi.bg-picture {
        padding: 50px 0;
    }
}
.bloc.bloc_text_and_picture.bloc_image_arrondi.bg-picture .container {
    z-index: 1;
    position: relative;
}

    .bloc.bg-picture::before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: var(--gray-800--65o);
    }
    .bloc.bloc_chiffre_cle.bg-picture::before {
        background-color: var(--orange--81o);
    }
    .bloc.bloc_text_and_picture.bg-picture::before,
    .bloc.bloc_modality.bg-picture::before {
        content: unset;
    }
    .bloc.bloc_image_arrondi.bg-picture::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--white);
        opacity: .8;
    }
    .bloc.bloc_modality.bg-picture {
        padding: 58px 0;
    }
@media (max-width: 767px) {
    .bloc.bloc_chiffre_cle.bg-picture {
        padding: 48px 0;
    }
    .bloc.bloc_modality.bg-picture {
        min-height: 468px;
        margin-top: 294px;
    }
}

.bloc.bg-picture,
.bloc.bg-picture a:not(.btn) {
    color: var(--white);
}