/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* 

BLOG

*/


/* Résumé */

/* .actualite.actualite-all {
    height: 332px;
    position: relative;
} */
.actualite .articleContent {
    overflow: hidden;
    border-radius: 32px;
}

.actualite .articleContent .chapoPicture {
    position: relative;
}

.actualite .articleContent .chapoPicture a {
    background-color: var(--color-primary);
    display: block;
    position: relative;
    height: 350px;
}
.actualite.actualite-all .content {
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
    max-height: 144px; /* Hauteur initiale */
    margin-top: 0;
}
.actualite .content {
    margin-top: -30px;
    z-index: 1;
    /* position: relative; */
    padding: 30px;
    background-color: var(--white);
    border-radius: 32px;
    /* transform: translateY(0); */
    /* transition: transform 0.5s ease, opacity 0.5s ease; */
    opacity: 1; /* Rendre le contenu visible par défaut */

    /*ajout*/
    overflow: hidden; /* Masquer le contenu débordant */
    transition: max-height 0.8s ease-in-out, opacity 0.5s ease-in-out;
}

.actualite.actualite-all .articleContent:hover .content {
    max-height: 250px; /* Hauteur maximale au survol */
    transition: max-height 0.8s ease-in-out, opacity 0.5s ease-in-out;
}

.actualite.actualite-all .articleContent:hover .content {
    /* transform: translateY(-50px); */
    /* transition: transform 0.5s ease, opacity 0.5s ease; */
}
.actu-title {
    position: relative;
    z-index: 1;
    display: inline-block;
    background-color: transparent;
}

.actu-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0;
    height: 100%;
    background-color: rgba(255, 200, 0, 0.3);
    z-index: -1;
    transition: width 0.8s ease;
    pointer-events: none;
}

.actualite.actualite-all .articleContent:hover .actu-title::before {
    width: 100%;
}

.actualite .content .actu-title {
    color: var(--gray-900);
    position: relative;
}

.actualite .content .actu-title::before {
    content: "";
    position: absolute;
    left: -30px;
    width: 21px;
    height: 32px;
    background: var(--color-degrad-primary);
    border-radius: 0 15px 15px 0;
    transition: 0.8s all;
}

.actualite .articleContent:hover .content .actu-title::before {
    width: 70px;
    transition: 0.8s all;
}

.actualite .content .tag {
    width: max-content;
    background-color: var(--gray-100);
    color: var(--gray-600);
    padding: 2px 6px;
    border-radius: 99px;
}

.actualite .content .actu-excerpt {
    display: none;
    opacity: 0; /* Masquer le texte par défaut */
    transition: opacity 0.5s ease; /* Transition d'opacité */
    transform: translateY(10px); /* Décalage vers le bas */
    color: var(--gray-600);
}

.actualite.actualite-all .articleContent:hover .content .actu-excerpt {
    display: block;
    opacity: 1; /* Rendre le texte visible au survol */
    transform: translateY(0); /* Rendre le texte visible */
}

/*categorie dossier*/
.actualite .actu-pin {
    position: absolute;
    top:-20px;
    left:32px;
    padding: 16px 24px;
    border-radius: 99px;
    font-size: 1.6rem;
    z-index: 1;
}
.actualite .excerpt {
    color: var(--gray-200)!important;
}

/*single*/
.actu-content .categorie-actu {
    border:1px solid var(--gray-300);
    color: var(--gray-500)!important;
    border-radius: 8px;
    padding: 12px;
}
.actu-content .categorie-actu:hover {
    background-color: var(--gray-100);
}
.actu-content .actu-publish {
    color: var(--gray-500);
}
.actu-content .actu-publish svg {
    vertical-align: sub;
}

.latestActualite .latestActualite-title {
    position: relative;
}
.latestActualite .latestActualite-title::before {
    content:"";
    position: absolute;
    left:-80px;
    top:8px;
    width: 61px;
    height: 32px;
    background: var(--color-degrad-primary);
    border-radius: 15px;
    transition: 0.8s all;
}