/*
 *  SOMMAIRE :
 *  
 *  1 - ACCUEIL
 *  2 - PRESS ARTICLES
 *  3 - VIDEOS
 *  4 - CONTACT
 *  5 - TEXTE EN BLOCS (Ex: Pictures)
 *  6 - ARCHIVE BLOG
 */



/* ACCUEIL */

/* HeaderPage a cacher sur la Home */
.headerPage--home .headerPage__titre,
.headerPage--home::after {
    display: none;
}

/* Section 0 */
.homeSection0-Content__title {
    font-family: 'sf_compact_displaymedium';
    margin: 10px 0 0 5px;
    margin-bottom: 0;
}

.homeSection0-Content__title strong {
    font-family: 'sf_compact_textheavy', sans-serif;
    color: var(--color03); 
}

/* Section 1 */
.homeSection1__title {
    margin-bottom: 0;
}

.homeSection1__title strong {
    color: var(--color03);
}

/* Section 2 et 3 */
.homeSection__ressources__entete {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 50px;
}

.homeSection__ressources__entete__image {
    max-width: 66px; /* img x2 pour éviter le flou */
}

.homeSection__ressources__entete__titre h2 {
    margin-bottom: 5px;
}

.homeSection__ressources__entete__titre p {
    margin-bottom: 0;
}

.homeSection__ressources__entete__titre::after {
    content: "";
    display: block;
    background-color: var(--color03);
    height: 7px;
    width: 50px;
    margin: 15px auto 0;
}

.homeSection3 h2::after {
    content: none;
}

 /* card-ressources */
.homeSection__ressources__cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    @media screen and (max-width: 767px) {
        .homeSection__ressources__cards {
            /* flex-direction: column; */
            /* align-items: center; */
        }
    }

.homeSection__ressource--partner .card-ressources-lien,
.homeSection__ressource--marketing .card-ressources-lien {
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2);
}

.card-ressources-lien + .card-ressources-lien .card-ressources {
    border-left: solid 1px var(--color04);
}

/* Partner Responsive */
.homeSection__ressource--partner .card-ressources-lien:nth-child(odd) .card-ressources {
    border-left: none;
}

/* Marketing Responsive */
.homeSection__ressource--marketing .card-ressources-lien:nth-child(odd) .card-ressources {
    border-left: none;
}

.homeSection__ressource--marketing .card-ressources-lien:nth-child(n+3) {
    margin-top: 50px;
}

    @media screen and (min-width: 768px) {
        /* Partner */
        .homeSection__ressource--partner .card-ressources-lien {
            flex: 1 0 calc(100% / 3);
            max-width: calc(100% / 3);
            margin-bottom: 70px;
        }

        .homeSection__ressource--partner .card-ressources-lien:nth-child(n+2) .card-ressources {
            border-left: solid 1px var(--color04); 
        }

        .homeSection__ressource--partner .card-ressources-lien:nth-child(3n+1) .card-ressources {
            border-left: none; 
        }

        /* Marketing */
        .homeSection__ressource--marketing .card-ressources-lien {
            flex: 1 0 calc(100% / 3);
            max-width: calc(100% / 3);
        }

        .homeSection__ressource--marketing .card-ressources-lien:nth-child(n+2) .card-ressources {
            border-left: solid 1px var(--color04); /* Place un border sur tous après 2 */
        }
        .homeSection__ressource--marketing .card-ressources-lien:nth-child(3n+1) .card-ressources {
            border-left: none; /* Enlève le border sur tous les 4 items */
        }

        .homeSection__ressource--marketing .card-ressources-lien:nth-child(n) {
            margin-top: 0;
        }

        .homeSection__ressource--marketing .card-ressources-lien:nth-child(n+4) {
            margin-top: 50px;
        }
    }

    @media screen and (min-width: 1440px) {
        .homeSection__ressource--marketing .card-ressources-lien,
        .homeSection__ressource--partner .card-ressources-lien{
            flex: 1 0 calc(100% / 5);
            max-width: calc(100% / 5);
        }

        .homeSection__ressource--marketing .card-ressources-lien:nth-child(n+2) .card-ressources,
        .homeSection__ressource--partner .card-ressources-lien:nth-child(n+2) .card-ressources{
            border-left: solid 1px var(--color04); /* Place un border sur tous après 2 */
        }

        .homeSection__ressource--marketing .card-ressources-lien:nth-child(n),
        .homeSection__ressource--partner .card-ressources-lien:nth-child(n){
            margin-top: 0;
        }
    }
    

.card-ressources {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 30px;
    height: 100%;
    /* max-width: 200px; */
}

.card-ressources--partner {
    padding: 15px 50px;
}

.card-ressources--marketing {
    padding: 15px 50px;
}

.card-ressources__titre {
    margin-top: 15px;
    margin-bottom: -40px;
}

.card-ressources__titre::after {
    content: "+";
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color03);
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin: 15px auto 0;
}

/* Blog */
.card-blog {
    margin: 0 auto;
}

.blog {
    position: relative;
    max-width: 250px;
}

    @media screen and (max-width: 991px) {
        .blog {
            margin: 0 auto;
        }
    }

.blog__titre {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color03);
    color: #fff;
    text-transform: uppercase;
    width: 13rem;
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
}

.card-blog,
.blog__articles {
    background-color: #fff;
    box-shadow: 0px 0px 30px #dadada;
    border-radius: 15px;
}

.card-blog,
.blog__articles__article {
    text-align: center;
    padding: 30px 15px;
}

.blog__articles__article + .blog__articles__article {
    border-top: 1px solid var(--color04);
}

.card-blog__header,
.blog__articles__article__header {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    margin-bottom: 15px;
}

.blog__articles__bouton {
    text-align: center;
    padding-bottom: 30px;
}

.card-blog__header {
    margin-bottom: 0px;
}

.card-blog__header__titre,
.blog__articles__article__header__titre {
    color: var(--color04);
    font-family: 'sf_compact_textheavy';
    text-transform: uppercase;
    font-size: 1.7rem;
}

.card-blog__header__sous-titre,
.blog__articles__article__header__sous-titre {
    color: var(--color03);
    font-weight: 600;
    text-transform: uppercase;
}

.card-blog__content,
.blog__articles__article__content {
    color: var(--color04);
    line-height: 1.3;
}

.card-blog__content {
    margin-top: 15px;
}

a.card-blog__bouton__lien,
a.blog__articles__article__bouton__lien {
    background-color: var(--color03);
    color: #fff;
    padding: 5px 10px;
    border-radius: 15px;
}



/* PRESS ARTICLES */
.press-articles__instructions {
    color: var(--color04);
    font-weight: 600;
    text-align: center;
    margin-bottom: 50px;
}

.press-articles__ressources {
    display: flex;
    flex-direction: column;
    color: var(--color03);
    font-weight: 600;
    max-width: 650px;
    margin: 0 auto;
}

.press-articles__ressources__lien {
    display: flex;
    align-items: center;
}

.press-articles__ressources__lien + .press-articles__ressources__lien {
    margin-top: 15px;
}

.press-articles__ressources__lien__icone {
    background-color: var(--color03);
    margin-left: auto;
}



/* VIDEOS */
@media screen and (max-width: 767px) {
    .card-video {
        margin-top: 30px;
    }

    .card-video-dl {
        margin-top: 75px;
    }
}


.card-video__titre {
    color: var(--color03);
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}

.card-video-dl {
    padding: 0 50px;

}

.card-video-dl__titre {
    font-weight: 600;
    text-align: center;
}

.card-video-dl__ressources {
    color: var(--color03);
    font-weight: 600;
}

.card-video-dl__ressources__lien {
    display: flex;
    align-items: center;
}

.card-video-dl__ressources__lien + .card-video-dl__ressources__lien {
    margin-top: 15px;
}

.card-video-dl__ressources__lien__icone {
    background-color: var(--color03);
    margin-left: auto;
}



/* 4 - CONTACT */
.headerPage--my-contacts::after {
    content: none;
}

#page_contact .colContent{
    word-break: break-word;
}



/* TEXTE EN BLOCS */
.file-list {
    margin: 50px 0 100px;
}

.card-dossier {
    padding: 30px;
    height: calc(100% - 30px);
}

.card-dossier--pdf {
    background-color: #fff;
    box-shadow: 0px 0px 30px #dadada;
}

.card-dossier > .row {
    height: 100%;
}

.card-dossier__image {
    height: 100%;
}

.card-dossier__meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.card-dossier__meta__infos__titre {
    color: var(--color03);
    font-weight: 600;
}
.card-dossier__meta__infos__poids {
    color: var(--color04);
}

.card-dossier__meta__bouton {
    margin-top: 15px;
}

a.card-dossier__meta__bouton__lien {
    display: flex;
    align-items: center;
    background-color: var(--color03);
    color: #fff;
    border-radius: 25px;
    padding: 0px 15px 0px 5px;
}

.card-dossier__meta__bouton__lien__icone {
    background-position: -280px -525px;
    width: 30px;
    height: 30px;
}



/* ARCHIVE BLOG */
.card-blog {
    height: calc(100% - 30px);
    margin: 0 0 30px;
}

.card-blog__image {
    position: relative;
    height: 175px;
    width: 175px;
    border-radius: 50%;
    margin: 0 auto 30px;
    overflow: hidden;
}

    .card-blog__image::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 100%;
    }