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

.pagePresse{
    padding-top: 200px;
    margin-top: 0px !important;
}

.pagePresse .presse{
    margin-bottom: 70px;
}

.pagePresse .presse h2{
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 32px;
}

.pagePresse .presse .grille{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.pagePresse .presse .fichier{
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 32px 24px;
    background-color: #F5F5F5;
}

.pagePresse .presse .fichier .date{
    font-size: 14px;
    line-height: 18px;
}

.pagePresse .presse .fichier p{
    font-family: "Sansation", sans-serif;
    font-size: 20px;
    line-height: 25px;
}

.pagePresse .presse .fichier a{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 12px 20px;
    width: 100%;
    background-color: var(--primary);
    color: #fff;
    border-radius: 100px;
    font-size: 16px;
    line-height: 20px;
}

.pagePresse .presse .fichier a::after{
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.833 16.167C21.4772 16.167 21.9999 16.6888 22 17.333V19.2002C21.9998 21.3908 20.2239 23.167 18.0332 23.167H4.9668C2.77617 23.167 1.00015 21.3908 1 19.2002V17.333C1.00013 16.6888 1.52274 16.167 2.16699 16.167C2.81109 16.1672 3.33288 16.6889 3.33301 17.333V19.2002C3.33316 20.1021 4.06483 20.833 4.9668 20.833H18.0332C18.9352 20.833 19.6668 20.1021 19.667 19.2002V17.333C19.6671 16.6889 20.189 16.1672 20.833 16.167ZM11.5 1C12.1443 1 12.667 1.52267 12.667 2.16699V13.3506L16.5078 9.50879C16.9635 9.05318 17.7025 9.05318 18.1582 9.50879C18.6136 9.9644 18.6136 10.7026 18.1582 11.1582L11.5 17.8164L4.8418 11.1582C4.38623 10.7026 4.38633 9.9644 4.8418 9.50879C5.2974 9.05316 6.0356 9.05317 6.49121 9.50879L10.333 13.3506V2.16699C10.333 1.52267 10.8557 1 11.5 1Z' fill='white'/%3E%3C/svg%3E");
}

@media (min-width: 993px){
    .pagePresse .presse .fichier a:hover{
        background-color: #3c8869;
    }
}

@media (max-width: 992px){
    .pagePresse{
        padding-top: 110px;
    }
    .pagePresse .presse{
        margin-bottom: 40px;
    }
    .pagePresse .presse .grille{
        grid-template-columns: repeat(2, 1fr);
    }
    .pagePresse .presse h2{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 24px;
    }
    .pagePresse .presse .fichier{
        padding: 24px 18px;
        gap: 15px;
    }
    .pagePresse .presse .fichier p{
        font-size: 16px;
        line-height: 20px;
    }
    .pagePresse .presse .fichier a{
        font-size: 14px;
        line-height: 18px;
    }
}

@media (max-width: 600px){
    .pagePresse .presse .grille{
        grid-template-columns: 1fr;
    }
}

/* ------------------------------ SECTION 1 ------------------------------ */

.pagePresse .entete{
    display: flex;
    gap: 150px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: solid 1px #D4D4D4;
}

.pagePresse .entete .left{
    width: 45%;
}

.pagePresse .entete .right{
    width: 40%;
}

.pagePresse .entete .title{
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 24px;
}

.pagePresse .entete .subtitle{
    font-size: 20px;
    line-height: 30px;
}

.pagePresse .entete .paragraphe *{
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 1600px){
    .pagePresse .entete .title{
        font-size: 60px;
        line-height: 60px;
    }
}

@media (max-width: 1400px){
    .pagePresse .entete{
        gap: 90px;
    }
    .pagePresse .entete .left,
    .pagePresse .entete .right{
        width: 50%;
    }
}

@media (max-width: 992px){
    .pagePresse .entete{
        gap: 30px;
        flex-direction: column;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .pagePresse .entete .left,
    .pagePresse .entete .right{
        width: 100%;
    }
    .pagePresse .entete .title{
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 18px;
    }
    .pagePresse .entete .subtitle{
        font-size: 16px;
        line-height: 20px;
    }
    .pagePresse .entete .paragraphe *{
        font-size: 14px;
        line-height: 18px;
    }
}

/* ------------------------------ SECTION RETOMBÉES PRESSE ------------------------------ */

.pagePresse .retombeesPresse .grille{
    gap: 40px 30px;
}

.pagePresse .retombeesPresse .retombee a{
    display: block;
}

.pagePresse .retombeesPresse .retombee .thumbnail{
    margin-bottom: 32px;
}

.pagePresse .retombeesPresse .retombee .thumbnail img{
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 24px;
}

.pagePresse .retombeesPresse .retombee .date{
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
    color: #000;
}

.pagePresse .retombeesPresse .retombee .titre{
    font-family: "Sansation", sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #000;
}

.pagePresse .retombeesPresse .retombee .bouton{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    transition: gap 300ms ease;
}

.pagePresse .retombeesPresse .retombee .bouton p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    text-decoration: underline;
}

.pagePresse .retombeesPresse .retombee .bouton::after{
    content: '';
    display: block;
    width: 21px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' viewBox='0 0 22 14' fill='none'%3E%3Cg clip-path='url(%23clip0_6276_1102)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.6443 6.38845L0.69777 6.29466L0.666504 7.70161H18.3317L13.3917 12.6416L14.486 13.7359L21.3332 6.91997L21.3019 6.8887L20.2389 5.82567L14.486 0.0415039L13.3917 1.13581L18.6443 6.38845Z' fill='%230B0B0B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6276_1102'%3E%3Crect width='20.6667' height='13.6944' fill='white' transform='translate(0.666504 0.0415039)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

@media (min-width: 993px){
    .pagePresse .retombeesPresse .retombee:hover .bouton{
        gap: 20px;
        transition: gap 300ms ease;
    }
}

/* ------------------------------ SECTION KIT PRESSE ------------------------------ */

.pagePresse .kitPresse .grille{
    gap: 30px;
}

@media (max-width: 992px){
   .pagePresse .kitPresse .grille{
        gap: 20px;
    } 
}

/* ------------------------------ SECTION KIT PRESSE ------------------------------ */

.pagePresse .communiquesPresse .grille{
    gap: 30px;
}

@media (max-width: 992px){
    .pagePresse .communiquesPresse .grille{
        gap: 20px;
    } 
}

/* ------------------------------ SECTION CONTACT PRESSE ------------------------------ */

.pagePresse .contactPresse .bloc{
    padding: 32px 24px;
    background-color: #F5F5F5;
    display: block;
    width: fit-content;
}

.pagePresse .contactPresse .bloc p{
    font-family: "Sansation", sans-serif;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
}

.pagePresse .contactPresse .bloc a{
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px;
}

@media (max-width: 992px){
    .pagePresse .contactPresse .bloc{
        padding: 24px 18px;
    }
    .pagePresse .contactPresse .bloc p{
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .pagePresse .contactPresse .bloc a{
        font-size: 14px;
        line-height: 18px;
    }
}

/* ------------------------------ SECTION RÉSEAUX ------------------------------ */

.pagePresse .reseaux{
    display: flex;
    justify-content: space-between;
    gap: 80px;
    margin-bottom: 100px;
}

.pagePresse .reseaux h2{
    font-size: 30px;
    line-height: 40px;
    max-width: 500px;
}

.pagePresse .reseaux ul{
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    gap: 16px;
}

.pagePresse .reseaux ul li {
    background-color: #000;
    border-radius: 100px;
    display: block;
    height: fit-content;
}

.pagePresse .reseaux ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
}

@media (max-width: 1400px){
    .pagePresse .reseaux h2{
        max-width: 400px;
    }
}

@media (max-width: 992px){
    .pagePresse .reseaux{
        flex-direction: column;
        gap: 25px;
        margin-bottom: 50px;
    }
    .pagePresse .reseaux h2{
        font-size: 24px;
        line-height: 30px;
    }
}