/* -------------
    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: 50px 0;
}
.bloc.bgc-primary {
    margin-top: 50px;
}
.bloc.bgc-primary:not(:last-child) {
    margin-bottom: 50px;
}
.bloc.bloc_title h2,
    .bloc.bloc_title h3,
    .bloc.bloc_title h4,
    .bloc.bloc_title h5,
    .bloc.bloc_title h6 {
        margin-bottom: 0;
    }
@media(min-width:992px) {

    .single-post .bloc:first-child {
        padding-top: 100px;
    }
    .bloc.bloc_title h1 {
        margin-bottom: 50px;
    }
}
.single-blog_contenu .bloc:last-child {
    padding-bottom: 0px;
}
.single-blog_contenu h1 {
    margin-bottom: 0;
}


    /* @changelog 2024-01-23 [FIX] (Nicolas) Gestion des inceptions de blocs */
    .bloc .bloc {
        padding: 0;
    }

/* @changelog 2025-01-17 [FIX] (Nicolas) Remise en place des classes par défaut utilisées par WP */
.alignleft {
    float: left;
    margin: 0 15px 10px 0;
}

.alignright {
    float: right;
    margin: 0 0 10px 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.bloc figure {
    border-radius: 50px;
    overflow: hidden;
}
@media(min-width:768px) {
    .bloc.bloc_combobox figure {
        /* height: 103%; */
        max-height: 100%;
        left: 0;
        margin-left: 34px;
        width: calc(100% - 34px);
    }
}
@media(max-width:767px) {
    .bloc figure {
        border-radius:20px;
    }
    .bloc.bloc_combobox figure {
        min-height: 250px;
        margin-top: 34px;
    }
}
.bloc.bloc_title {
    padding-bottom: 0;
}
/* .bloc.bloc_two_row {
    padding-top: 0;
} */


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

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



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

.bloc.bg-picture {
    position: relative;
    text-align: center;
    padding: 145px 0;
}

    .bloc.bg-picture::before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: rgb(var(--rgb_c-primary) / 65%);
    }

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


/* ---------------------------------
  02 - TEXTE IMAGE & PICTURE
--------------------------------- */
@media(min-width:1200px) {
    .bloc_texteImage-text {
      flex: 0 0 calc((100% - 105px) / 2);
    }

    .bloc_texteImage-pictures {
      flex: 0 0 calc((100% - 105px) / 2);
      margin-left: 105px;
    }
    .bloc_texteImage-pictures.mr-pictures-right {
      margin-left: 0;
      margin-right: 105px;
    }
}
@media(min-width:992px) and (max-width:1199px) {
    .bloc_texteImage-text {
      flex: 0 0 calc((100% - 51px) / 2);
    }

    .bloc_texteImage-pictures {
      flex: 0 0 calc((100% - 51px) / 2);
      margin-left: 51px;
    }
    .bloc_texteImage-pictures.mr-pictures-right {
      margin-left: 0;
      margin-right: 51px;
    }
}
@media(max-width:991px) {
    .bloc_texteImage {
        flex-direction: column-reverse;
    }
    .mr-pictures-right {
        order: 2;
    }
    .bloc_texteImage-pictures {
        margin-bottom: 25px;
    }
}
.bloc_texteImage:has(.ar-libre) {
    align-items: center;
}
.bloc figure.ar-4-3 {
    width: 100% !important;
    aspect-ratio: 583 / 496;
}
.bloc.bgc-primary h2,
.bloc.bgc-primary h3,
.bloc.bgc-primary h4,
.bloc.bgc-primary,
.bloc.bgc-primary p a:not(.atom_button),
.bloc.bgc-primary p a:not(.btn) {
    color: var(--white);
}
.bloc_liens .outils__item > a {
    align-items: center;
}
.bloc_liens .outils__item > a i {
    margin-left: 45px;
}
.bgc-primary .bloc_liens .outils__item > a,
.bloc_liens.bgc-primary .outils__item > a {
    color: var(--white);
}
.bloc:not(.bgc-primary) .bloc_liens .outils__item > a,
.bloc_liens:not(.bgc-primary) .outils__item > a {
    border-bottom-color: var(--c-primary);
}
.bloc:not(.bgc-primary) .bloc_liens .outils__item > a:first-child,
.bloc_liens:not(.bgc-primary) .outils__item > a:first-child {
    border-top-color: var(--c-primary);
}
/* .templatePageTextBloc > .bloc.bloc_title:first-child {
    padding-bottom: 0;
}
.templatePageTextBloc > .bloc.bloc_title:not(:first-child) {
    padding: 0;
} */
.bloc_vignette_page .slick-arrow {
    color: var(--c-primary);
}

@media(min-width:768px) {
    .bloc_two_col {
        flex: 0 0 calc(50% - 52.5px);
        max-width: calc(50% - 52.5px);
    }
}

.space-small {
    margin: 20px 0;
}
.space-medium {
    margin: 40px 0;
}
.space-large {
    margin: 60px 0;
}