@charset "UTF-8";

.selection-actualite {
    overflow: hidden;
}


.swiperDefault .swiper-slide {
    margin-right: 0!important;
}

.swiperDefault .swiper-slide .resume p {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
}

.swiperDefault .swiper-slide .resume .resume-meta {
    margin-bottom: 0.5rem;
}

.swiperDefault .swiper-slide .resume .badge {
    background-color: #F2F2F2;
    text-transform: uppercase;
    color:#868686;
    font-size: 0.68em;
    line-height: .9;
    border-radius: 10px;
    display: inline-flex;
    padding: 5px 10px;
    transition: all 150ms ease-in;
}

.swiperDefault .swiper-slide .resume .badge:hover {
    background-color: #868686;
    color:#fff;
}

.swiperDefault .swiper-slide .resume h3 {
    margin-top: 0;
    margin-bottom: .5rem;
}







.swiperDefault .swiper-slide img {
    height: 310px;
    border-radius: 20px;
    transition: all ease-in 150ms;
}

.swiperDefault .swiper-slide .thumb {
    position: relative;
    overflow: hidden;
    height: 310px;
    border-radius: 20px;
    margin-bottom: 1rem;
}



    .swiperDefault .swiper-slide .thumb .round  {
        position: absolute;
        width: 70px;
        height: 70px;
        background-color: white;
        bottom: 0px;
        right: 0px;
        border-top-left-radius: 30px;
        transition: all ease-in 150ms;
    }
    .swiperDefault .swiper-slide .thumb .round:before {
        content: "";
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M0 20h20V0c0 11.047-8.953 20-20 20Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        position: absolute;
        bottom: 0px;
        left: -20px;
    }
    
    .swiperDefault .swiper-slide .thumb .round:after {
        content: "";
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M0 20h20V0c0 11.047-8.953 20-20 20Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        position: absolute;
        top: -20px;
        right: 0px; 
    }

    .swiperDefault .swiper-slide .thumb .round .arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='50' rx='25' fill='%23042F39'/%3E%3Cpath d='M18 25h14m0 0-7-7m7 7-7 7' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 50px;
    height: 50px;
    position: absolute;
    bottom:10px;
    right:10px;
    transition: all ease-in 150ms;
    }

    .swiperDefault .swiper-slide:hover .round .arrow {
        transform: rotate(-45deg);  
    }

    .swiperDefault .swiper-slide:hover .round {
        width: 74px;
        height: 74px;
      }

      .swiperDefault .swiper-slide:hover .thumb img {
        transform: scale(1.05) rotate(-1deg);
    }
    


    .swiperDefault .actions {
    display: flex;
    gap:1rem;
    justify-content: flex-end;
    padding: 1rem;
}