/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/**
* A suuprimer
**/

body {
    --ild-bleu-azur: #006c82;
    --ild-dore: #BC995C;
    --ild-vert: #35A2B3;
}
.ild_texte_dore, .ild_texte_dore h1, .ild_texte_dore h2 {
    color: var(--ild-dore);
}
.ild_texte_bleu {
    color: var(--ild-bleu-azur);
}
.ild_h2_taille_h3 {
    font-size: clamp(25px, 7vw, 30px) !important;
}
h1 {
    font-size: clamp(35px, 7vw, 48px) !important;
}
.more-link {
    padding: 10px;
    display: inline-block;
    float: right;
    margin-top: 15px;
    color: #ccc !important;
    background-color: #233142 !important;
    border-color: transparent !important;
    border-radius: 10px !important;
    font-size: 16px;
}

/**
* fin
**/

.ild_public_div_filtre {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 20px 10px 20px;
    margin-bottom: 30px;
}
.ild_public_div_filtre > .ild_span_block {
    margin-right: 20px;
    margin-bottom: 10px;
}
.ild_public_div_filtre label {
    font-weight: 600;
}
.ild_public_div_filtre select {
    border: 1px solid var(--ild-bleu-azur) !important;
    border-radius: 15px;
    padding: 10px;
}
.ild_span_block {
    display: inline-block;
}
.ild_public_margin_r_10 {
    margin-right: 10px;
}
.ild_public_div_partenaires {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ild_public_div_partenaires > div {
    display: block;
    width: 22%;
    margin-bottom: 4%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    animation-name: affichage-translate;
    animation-duration: 0.5s;
    border: 1px solid #d8d8d8;
}
.ild_public_div_partenaires > div.ild_cache {
    display: none;
}
.ild_public_div_partenaires > div > a {
    display: block;
    aspect-ratio: 1 / 1;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.ild_public_div_partenaires > div > p {
    text-align: center;
    padding: 10px;
    font-size: clamp(22px, 7vw, 30px) !important;
}
.ild_public_div_partenaires > div > div {
    text-align: center;
    padding: 10px;
}
.ild_div_partenaire > h1 {
    text-align: center;
}
.ild_div_partenaire_contenu_map {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ild_div_partenare_contenu {
    width: 30%;
}
.ild_div_map_partenaire {
    width: 66%;
}
.ild_public_logo_partenaire {
    /*padding: 20px;*/
    margin: auto;
    width: max-content;
    max-width: 100%;
    /*border: 2px solid var(--ild-dore);*/
}
/*.ild_public_logo_partenaire > img {
    width: 150px !important;
}
.ild_public_contact_partenaire {
    padding: 10px;
    background-color: var(--ild-bleu-azur);
}
.ild_public_contact_partenaire > span {
    margin-right: 30px;
}
.ild_public_contact_partenaire a,
.ild_public_contact_partenaire p,
.ild_public_contact_partenaire {
    color: #fff !important;
    padding-bottom: 0 !important;
}*/
.ild_public_contact_partenaire p {
    padding-bottom: 0 !important;
    color: var(--ild-bleu-azur) !important;
}
.ild_publin_adresse_partenaire > p {
    padding-bottom: 0 !important;
    color: #fff;
}
#ild_map_des_partenaires,
#ild_map_partenaire {
    min-height: 500px;
}
/* Mise en commentaires pour le nouvel affichage Figma */
/*#image-carousel .splide__track {
    background-color: var(--ild-bleu-azur);
    padding: 2px 2px 30px 2px !important;
}*/
/*#image-carousel li.splide__slide {
    padding: 5px;
    border: 1px solid var(--ild-bleu-azur);
    background-color: #fff;
}
#image-carousel li.splide__slide > a > div {
    aspect-ratio: 1 /1;
    display: flex;
    justify-content: center;
    align-items: center;
}
#image-carousel li.splide__slide > a > p {
    text-align: center;
    color: #333 !important;
    padding: 10px 0;
    font-weight: 600;
}*/

/* Nouveau CSS pour le nouvel affichage selon Figma */
#image-carousel .splide__pagination {
    display: none;
}

/* Fin nouveau CSS */

.ild_public_m_b_50 {
    margin-bottom: 50px;
}
.mapboxgl-popup-content > img {
    width: 50px !important;
}
.mapboxgl-popup-content p {
    padding-bottom: 0 !important;
}
.mapboxgl-popup-content .ild_map_titre_partenaire a {
    color: #000 !important;
    font-weight: 700;
}
.mapboxgl-popup-content p.ild_adresse_map_partenaire {
    color: #6b6a6a !important;
}
/**** ILD Commentaires à supprimer pour le nouveau site 
*** CSS du nouveau site
*** 
.ild_div_partenaire h1 {
    color: var(--ild-bleu-azur) !important;
    text-align: center;
}
.ild_div_partenaire_logo_adresse {
    padding: 40px 20px;
    border-radius: 10px;
    box-shadow: -12px 0px 20px -15px #000;
    margin-bottom: 30px;
}
.ild_public_logo_partenaire {
    margin: auto;
    margin-bottom: 30px;
}
.ild_div_partenaire_logo_adresse .ild_trait_article {
    margin: auto;
    width: 40px;
    height: 3px;
    border-radius: 2px;
    background-color: var(--ild-bleu-azur);
    margin-bottom: 30px;
}
.ild_public_contact_partenaire p, 
.ild_public_contact_partenaire a {
    color: var(--ild-bleu-azur) !important;
}
.ild_partenaire_information {
    color: var(--ild-vert) !important;
}
*/
.ild_div_partenaire_logo_adresse {
    padding: 40px 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 6px #a5a5a5;
    margin-bottom: 30px;
}

.ild_p_div_liste_partenaires {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ild_p_div_liste_partenaires > div {
    width: 21%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 50px;
}
.ild_p_div_logo_partenaire {
    display: flex;
    justify-content: center;
    height: 150px;
}
.ild_p_div_logo_partenaire img {
    height: 100% !important;
    width: auto !important;
}
.ild_p_div_liste_partenaires p {
    text-align: center;
    margin-bottom: 20px;
}
.ild_p_div_liste_partenaires .et_pb_button {
    width: 100% !important;
    text-align: center;
}
.ild_p_barre_categorie_partenaire {
    width: 900px;
    max-width: 100%;
    margin: auto;
    height: 1px;
    background-color: var(--bleufonce);
}
.ild_p_div_categorie_partenaire {
    margin-top: 30px;
}
.ild_p_div_categorie_partenaire h2 {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.ild_p_div_filtre_partenaire {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
}
.ild_p_div_filtre_partenaire > div {
    border-right: 1px solid var(--bleufonce);
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% / 8);
    display: flex;
    align-items: center;
    color: var(--bleufonce);
    cursor: pointer;
}
.ild_p_div_filtre_partenaire > div:last-child {
    border-right: none;
}
.ild_p_div_filtre_partenaire > div img {
    margin-right: 10px;
}
.ild_p_div_categorie_partenaire.ild_cache {
    display: none;
}

@keyframes affichage-translate {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

@media(max-width: 980px) {
    .ild_public_div_partenaires > div {
        width: 32%;
    }
    .ild_div_partenare_contenu,
    .ild_div_map_partenaire {
        width: 100%;
    }
}
@media(max-width: 767px) {
    .ild_public_div_partenaires > div {
        width: 49%;
    }
    .ild_public_contact_partenaire > div {
        width: 100%;
    }
}
@media(max-width: 500px) {
    .ild_public_div_partenaires > div {
        width: 100%;
    }
}