.node-type-ressource{
    .layout-content{
        margin-top: 2rem;
        max-width: 100vw;
        .content_container{
            width: 90% !important;
        }
    }
    .layout--threecol-25-50-25{
        flex-wrap: nowrap;
        justify-content: end;
        @media(max-width: 810px){
            display: flex;
            flex-direction: column;
            width: 100%;

        }
        .layout__region--first{
            @media(max-width: 810px){
                order:2   
            }
            .block-region-first{
                #sites-map-container{
                    width: 100% !important;
                    padding-left: 1rem;
                    margin-top: 3rem;
                    h2{
                        font-family: "gilroy-light";
                        text-transform: uppercase;
                        font-size: 0.6rem;
                        &::after{
                            content: " :";
                        }
                        @media(max-width: 810px){
                            font-size: 1rem;   
                        }
                    }
                }                

                .field_field_link{
                    div{
                        display: flex;
                        justify-content: center;
                    }
                    a{
                        display: inline-flex;
                        justify-content: space-between;
                        align-items: center;
                        color: white;
                        text-transform: uppercase;
                        font-size: 0.5rem;
                        padding-right: 0.5rem;
                        background-color: black;
                        padding-bottom: 0.2rem;
                        padding-top: 0.2rem;
                        padding-left: 0.2rem;
                        @media(max-width: 810px){
                            font-size: 1rem;   
                        }

                        // svg{
                        //     display: none;
                        // }
                        &::before{
                            display: inline-flex;
                            content: url("../img/noun-arrow-to-left.svg");
                            padding-right: 0.2rem;
                            padding-left: 0.2rem;
                            // padding-bottom: 0.2rem;
                            height: 12px;
                        }
                    } 
                }

            }
        }

        .layout__region--second{
            margin: auto;
            flex: 0 1 70% !important;
            margin-top: 3rem;
            margin-right: 2rem;
            // width: 60%;
            @media(max-width: 810px){
                order:1;  
                margin-top: 3rem;
                margin-right: 0;
            }
            .block-region-second{
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                margin-left: 2rem;
                margin-right: 3rem;
                @media(max-width: 810px){
                    margin-left: 00rem;
                    margin-top: 0rem;
                    margin-right: 0rem;
                }
                .field_title, 
                .field_field_sous_titre{
                    font-family: "gilroy-semibold";
                    font-size: 1.3rem;
                }

                div:has(.field_title){
                    align-content: end;
                    order: 1;
                    color: $blue_QDD;
                    h2{
                        margin: 0;
                    }
                }

                .field_field_sous_titre{
                    font-size: 0.9rem;
                    padding-left: 1.5rem;
                }
    
                div:has(.field_field_sous_titre){
                    flex: 0 0 100%;
                    order: 2;
                }
    
                div:has(.field_field_author){
                    order: 3;
                    font-family: "gilroy-light";
                    font-size: 1.3rem;
                }
                div:has(.field_field_mots_clefs){
                    order: 5;
                    .field_field_mots_clefs{
                        display: flex;
                        flex-direction: row;
                        margin-top: 1rem;
                        div{
                            border: solid 1px $blue_QDD;
                            margin-right: 0.2rem;
                            padding: 0.1rem 0.2rem;
                            font-size: 0.6rem;
                            font-family: "gilroy-semibold";
                            color: $blue_QDD;
                            @media(max-width: 810px){
                                font-size: 0.8rem;
                            }
                        }
                    }
                }
                div:has(.field_field_site){
                    order: 6;
                    margin-top: 0.5rem ;
                    padding-bottom: 1rem ;
                    margin-bottom: 1rem;
                    border-bottom: solid 1px black;
                    .field_field_site{
                        position: relative;
                        padding-left: 20px; // Ajuster selon la taille de l'icône
                        &:before {
                            content: "";
                            position: absolute;
                            left: 0;
                            top: 50%;
                            transform: translateY(-50%);
                            width: 1em;
                            height: 1em;
                            background-image: url("../img/map_pointer.svg");
                            background-size: contain;
                            background-repeat: no-repeat;
                        }
                        color: $red_QDD;
                        font-family: "gilroy-semibold";
                    }
                }
                
                div:has(.field_body){
                    order: 7;
                    .field_body{
                        font-family: "gilroy-light";
                        p{
                            margin-top: 0;
                        }
                    }
                }

                div:has(.field_field_documents){
                    order: 8 !important;
                    margin-bottom: 0.5rem;
                    .field_field_documents{
                        display: inline-flex;
                        a{color: white;}
                        align-items: center;
                        color: white;
                        background: black;
                        padding-left: 0.5rem;
                        text-transform: uppercase;
                        font-size: 0.5rem;
                        margin-bottom: 0.3rem;
                        padding: 0.3rem;
                        padding: 0.2rem 0.5rem;
                        
                        svg{
                            display: none;
                        }
                    }
                }

                div:has(.field_field_liens){
                    order: 9;
                    margin-bottom: 1.5rem;
                    .field_field_liens{
                        display: inline-flex;
                        align-items: center;
                        color: white;
                        background: black;
                        padding-left: 0.5rem;
                        text-transform: uppercase;
                        font-size: 0.5rem;
                        margin-bottom: 0.3rem;
                        
                        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;
                        }
                        a{
                            color: white;
                        }
                    }
                }
                div:has(.field_field_images){
                    order: 10;
                    width: 100%;
                   
                    .diaporama{
                        display: flex !important;
                        flex-direction: row !important;
                        // justify-content: space-between;
                        gap: 20px;
                        flex-wrap: wrap;
                        margin-bottom: 2rem;
                        @media(max-width: 500px){
                            flex-direction: column !important;
                        }
                        .images{
                        //    margin: auto;
                        @media (max-width:810px){
                            margin: auto;
                        }
                            img{
                                object-fit: cover;
                                width: 220px !important;
                                height: 145px;
                                @media (max-width:810px){
                                    width: 100% !important;
                                    height: auto;
                                }
                            }
                        }
                        .image-field-caption{
                            margin: 0;
                            // max-width: 200px;
                            p{
                                margin-top: 0;
                                font-size: 0.5rem;
                                font-family: 'gilroy-light';
                                @media (max-width:810px){
                                    font-size: 1rem;
                                }
                            }
                        } 
                    }                           
                }
                div:has(.field--name-field-documents){
                    order: 5;
                    margin-top: 0.5rem;
                    .field--name-field-documents{
                        a{
                            display: inline-flex;
                            align-items: center;
                            color: white;
                            background: black;
                            padding-left: 0.5rem;
                            text-transform: uppercase;
                            font-size: 0.5rem;
                            margin-bottom: 0.3rem;
                            
                            svg{
                                display: none;
                            }
                            &::after{
                                display: inline-flex;
                                content: url("../img/noun-arrow-to-right.svg");
                                padding-right: 0.2rem;
                                padding-left: 0.2rem;
                                // padding-bottom: 0.2rem;
    
                                
                            }
                        } 
                    }
                }
                div:has(.field_field_liens){

                }
            }
        }



    }
}

.field_field_liens_site > div:nth-child(2) > div:nth-child(1){
    display: flex;
    flex-direction: column;
}
