#actus-caroussel{
    display: flex;
    flex-direction: column;
    align-items: center;
    // padding-bottom: 4rem;

    h2{
        width: fit-content;
        padding-bottom: 0.5rem;
        margin-top: 4rem;
        margin-bottom: 3rem;
        font-size: 1.7rem;
        font-family: 'gilroy-semibold';
        padding-left: 0.5rem;
        line-height: 1.5rem;

    }
    button{
        top: -2.5rem;
        @media(max-width: 810px){
            top: -1.5rem;
        }
    }
    .content-actus{
        width: 100%;
        .slick-list{
            padding-bottom: 1rem;
            @media(max-width: 810px){
                padding-bottom: 0rem;
            }
        }

        .view-rows-wrapper{
            margin-left: 25%;
            width: 55%;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap; 
            @media(max-width: 810px){
                margin-left: 5%;
                width: 90%;
            }   
            .views-row{
                display: flex;
                margin: auto;
                width: 100%;
                font-size: 0.5rem;
                margin-top: 1rem;
                margin-bottom: 1rem;
                padding-bottom: 1rem;
                display: flex;
                flex-direction: row;
                align-items: center;
                border-bottom: solid black 0.5px;
                .node-type-actualite{
                    width: 85%;
                    // padding-bottom: 2rem;
                    cursor: pointer;
                    
                    .content-wrapper-actu{
                        display: grid;
                        grid-template-columns: 1fr 2fr;
                        grid-template-rows: repeat(5 1fr);
                        @media(max-width: 810px){
                           display: flex;
                           flex-direction: column;
                        }
                        .field_field_images{
                        grid-column: 1;
                        grid-row: 1 /span 5;
                        width: 250px;
                        //    display: flex;
                        //    margin: auto;
                            margin-right: 1rem;

                        .actu-diaporama{
                                // height: 150px;
                                width: 100%;
                                display: flex;
                                flex-direction: row;
                                align-items: center !important;
                                margin:auto;
                                margin-right: 1rem;
                                .slick-list{
                                    margin: auto;
                                    padding-top: 0 !important;
                                    .cadre-img-zoom{
                                        display: flex;
                                        margin: auto;
                                        width: 150px;
                                        height: auto;
                                        img{
                                            width: 100%;
                                            height: auto;
                                            object-fit: cover;
                                            -moz-border-radius: 9px; /* pour Mozilla */
                                            -khtml-border-radius: 9px; /* pour Safari et Chrome */
                                            -webkit-border-radius: 9px; /* pour Safari sur Mac */
                                            border-radius: 9px; /* CSS3 */
                                            aspect-ratio: 4/5;
                                        }
                                    }
                                    blockquote.image-field-caption{
                                        display: none;
                                        margin: 0;
                                        p{
                                            margin-top: 0;
                                            font-size: 0.4rem;
                                        }
                
                                    }
                                }
                                button{
                                    margin: auto;
                                    transform: none;
                                    top: 30%;
                                    height: 0;
                                    width: 0;
                                    &:before{
                                        transform: scale(0.4) !important;
                                        &:hover{
                                            filter: brightness(1.75);
                                        }
                                    }
                                }
                                button.slick-next{
                                    right: 15% ;
                                    padding: 0;
                                }
                                button.slick-prev{
                                    left: 5%;
                                    padding: 0;
                                }
                            }
                        }
                        .field_field_type_d_actualite,
                        .field_field_date,
                        .field_field_site,
                        .field_title,
                        .field_body,
                        .field_field_liens{
                        grid-column: 2;
                        
                        }
                        .field_field_type_d_actualite{
                            order: 2;
                            // a{
                            text-transform: uppercase;
                            color: red;
                            font-size: 0.6rem;
                            font-weight: 600;
                            display: inline-flex;
                            align-items: center;
                            padding-bottom: 0.1rem;
                                &::before{
                                    content: "";
                                    display: inline-block;
                                    width: 16px; /* Ajuste la largeur */
                                    height: 16px; /* Ajuste la hauteur */
                                    background-image: url('../img/type-actu.svg');
                                    background-size: contain;
                                    background-repeat: no-repeat;
                                    // margin-right: 0.4rem;
                                    padding-right: 0.4rem;
                                }
                            // }
                        }
                        .field_field_date{
                            order: 3;
                            color: red;
                            font-size: 0.6rem;
                            font-weight: 600;
                            display: inline-flex;
                            align-items: center;
                            // margin-left: 1rem;
                            &::before{
                                content: "";
                                display: inline-block;
                                width: 16px; /* Ajuste la largeur */
                                height: 16px; /* Ajuste la hauteur */
                                background-image: url('../img/date-actu.svg');
                                background-size: contain;
                                background-repeat: no-repeat;
                                // margin-right: 0.4rem;
                                padding-right: 0.4rem;
                            }
                        }
                        .field_field_site{
                            order: 4;
                            a{
                                color: red;
                                font-size: 0.6rem;
                                font-weight: 600;
                                display: inline-flex;
                                align-items: center;
                                // margin-left: 1rem;
                                padding-left: 0.2rem;
                                
                                &::before{
                                    content: "";
                                    display: inline-block;
                                    width: 10px; /* Ajuste la largeur */
                                    height: 10px; /* Ajuste la hauteur */
                                    background-image: url("../img/map_pointer.svg");
                                    background-size: contain;
                                    background-repeat: no-repeat;
                                    // margin-right: 0.4rem;
                                    padding-right: 0.5rem;
                                }
                            }
                        }
                        .field_title{
                            order: 5;
                            line-height: 1rem;
                            h2{
                                margin-top: 0.5rem;
                                margin-bottom: 0;
                                padding-left: 0;
                                font-family: 'gilroy-medium';
                                color: $blue_QDD;
                                font-size: 1.2rem;
                            }
                            a{
                                // color: $blue_QDD;
                                // font-size: 1.2rem;
                                // pointer-events: none; 
                                // cursor: default;
                            }
                        }
                        .field_field_sous_titre{
                            color: $blue_QDD;
                            font-family: 'gilroy-light';
                            font-size: 1.2rem;
                        }
                        .field_body {
                            order: 6;
                            // padding-bottom: 1rem;
                            opacity: 1 !important;
                            transform:none !important;
                            font-family: 'gilroy-light';

                            p{
                            font-size: 0.8rem;
                            }
                        }
                        .links.inline{
                            text-transform: uppercase;
                            padding-left: 0;
                            font-size: 0.7rem;
                            font-family: "gilroy-bold";
                            width: fit-content;
                            display: inline-flex;
                            align-items: center;
                            a{
                                display: inline-flex;
                                overflow: hidden;
                                white-space: nowrap;
                                font-size: 0px;
                                align-items: baseline;
                                &::before{
                                    content: "En savoir";
                                    display: block;
                                    // width: 20px;
                                    padding-left: 0.4rem;
                                    font-size: 0.7rem;
                                    height: fit-content;
                                }
                                &::after{
                                    content: " +";
                                    display: flex;
                                    padding-left: 0.3rem;
                                    font-size: 1rem;
                                    height: 26px;
                                    margin: auto;
                                    align-items: center;
                                }
                            }


                            
                        }
                        .field_field_liens{
                            order: 7;
                            padding:0;
                            width: fit-content;
                            a{  
                                display: flex;
                                flex-direction: row;
                                padding-left: 0.5rem;
                                display: inline-flex;
                                align-items: center;
                                color: white;
                                background: black;
                                text-transform: uppercase;
                                font-size: 0.5rem;
                                margin-bottom: 0.5rem;
                                padding-top: 0.1rem;
                                padding-bottom: 0.1rem;                                
                                svg{
                                    display: none;
                                }
                                &::after{
                                    display: inline-flex;
                                    content: url("../img/noun-arrow-to-right.svg");
                                    padding-right: 0.2rem;
                                    padding-left: 0.2rem;
                                    height: 25px;
                                    
                                }
                            }

                        }
                    }
                }
                .toggle-actualite {
                    display: block;
                    width: 40px;
                    height: 40px;
                    margin: 10px auto;
                    border: none;
                    background-color: transparent;
                    background-image: url("/themes/custom/quartiers_de_demain/dist/assets/img/fleche-bas.svg");
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    cursor: pointer;
                    transition: transform 0.3s ease;
                }
                
                .toggle-actualite.open {
                    transform: rotate(180deg);
                }
                

            }
        }

        footer #block-block-content764294aa-409f-4668-88bf-dc71e186915c{
            display: flex;
            .field_field_link{
                width: fit-content;
                margin: auto;
                a{  
                    display: flex;
                    flex-direction: row;
                    padding-left: 0.5rem;
                    padding-top: 0.1rem;
                    padding-bottom: 0.1rem;
                    display: inline-flex;
                    align-items: center;
                    color: white;
                    background: black;
                    text-transform: uppercase;
                    font-size: 0.5rem;
                    margin-bottom: 0.5rem;
                    svg{
                        display: none;
                    }
                    &::after{
                        display: inline-flex;
                        content: url("../img/noun-arrow-to-right.svg");
                        padding-right: 0.2rem;
                        padding-left: 0.2rem;
                        height: 25px;
                        
                    }
                }
            }
        }
    }
}