.node-type-site{
    .layout-content{
        margin-top: 2rem;
        max-width: 100vw;
        @media(max-width:810px){
            // margin-top: 12rem !important;
        }
        .content_container{
            width: 90% !important;
            @media(max-width:810px){
                margin-top: 12rem !important;
            }
        }
    }
    .layout--threecol-25-50-25{
        
        flex-wrap: nowrap;
        @media(max-width: 810px){
            display: flex;
            flex-direction: column;
            width: 100%;
        }
        .layout__region--first{
            flex: 0 1 25%;
            display: flex;
            flex-direction: column;
            align-items: center;
            @media(max-width: 810px){
                flex: 0 1 100%;
            }
            .block-region-first{
                position: fixed;
                display: flex;
                flex-direction: column;
                width: 20% !important;
                top: 230px;

                @media(max-width: 810px){
                    position: relative;
                    width: 100% !important;
                    top: 0;
                }
                .views-element-container{
                    // margin-bottom: 3rem;
                }
                #sites-map-container{
                    margin-top: 1.5rem;
                }
            }
            div{
                width: fit-content;
                // margin-bottom: 0.5rem;
                @media(max-width: 810px){
                    margin: auto;                    
                }
                #sites-map-container{
                    // width: auto;
                    // left: 0.3rem;
                    left: -50px;
                    @media(max-width: 810px){
                        left: 0;  
                        height: fit-content;                  
                    }
                    
                    @media only screen and (max-width: 1200px) and (max-resolution: 300dpi){


                    }
                        
                    
                }
            }
            h2{
                display:none;
            }
            div:has(.field_field_documents){
                margin-bottom: 0.2rem;

                @media(max-width: 810px){
                    margin-top: 1rem;
                }
                
                h2, .field--label-above, span:not(.file){
                    display: none;
                }
                .file--mime-application-pdf{
                    width: fit-content;
                    padding-left: 0.5rem;
                    padding-bottom: 0.2rem;
                    padding-top: 0.2rem;
                    background: black;
                    @media (max-width:810px) {  
                        margin-left: 0;
                    }

                    a{
                        display: inline-flex;
                        align-items: center;
                        color: white;
                        text-transform: uppercase;
                        font-size: 0.6rem;
                        
                        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;
                            height: 25px;
                        }
                    }   
                }
              
            }
            div:has(.field_field_liens_site){
                // margin: auto;
                // width: 50%;
                @media(max-width: 810px){
                    margin-top: 1rem;
                }
                
                h2, .visually-hidden, .field--label-above, span:not(.file){
                    display: none;
                }
                .field_field_liens_site{
                    @media (max-width:810px) {  
                        // margin-left: 0;
                        max-width: 50%;
                        margin: auto;
                    }
    
                    a{
                        display: inline-flex;
                        align-items: center;
                        color: white;
                        background: black;
                        padding-left: 0.5rem;
                        text-transform: uppercase;
                        font-size: 0.6rem;
                        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;
                            height: 25px;
                        }
                    } 
                }
              
            }
            
        }
        .layout__region--second{
            flex: 0 1 50% !important;
            margin-top: 1rem;
            // width: 60%;
            .block-region-second{
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                margin-left: 2rem;
                margin-right: 3rem;
                @media(max-width: 500px){
                    margin-left: 0.5rem;
                    margin-top: 1rem;
                }
                .field_title, 
                .field_field_sous_titre{
                    font-family: "gilroy-semibold";
                    font-size: 1.3rem;
                }
                .field_title{
                    ::before{
                        content: url("../img/map_pointer.svg");
                        top: 0.8rem;
                        position: relative;
                        padding-right: 0.5rem;
                        display: block;
                        width: fit-content;
                    }
                }
                .field_title > div:nth-child(2){
                    display: inline-flex;
                    align-items: baseline;
                }

                div:has(.field_title){
                    align-content: end;
                    order: 1;
                }

                .field_field_sous_titre{
                    font-size: 0.9rem;
                    padding-left: 1.5rem;
                }
    
                div:has(.field_field_sous_titre){
                    flex: 0 0 100%;
                    order: 2;
                }
    
                .infos{
                    margin-top: 1rem;
                    font-size: 0.4rem;
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    padding-bottom: 0.5rem;
                    font-family: 'gilroy-light';
                    order: 3;
                    width: 60%;
                    div{
                        div:nth-of-type(2){
                            font-size: 0.5rem;
                            border-bottom: solid 0.1px $red_QDD;
                            padding-bottom: 0.5rem;
                        }
                    } 
                    .field--label-above{
                            color: $red_QDD ;
                            text-transform: uppercase;
                            font-family: 'gilroy-regular' !important;
                            font-size: 0.4rem !important;
                            margin-bottom: 0 ;
                            margin-top: 0.5rem;

                    }
                  
                        
                    div{
                        flex: 1 1 auto;
                        min-width: 25%;
                    }
                    div:has(.field_field_region){
                        border-bottom: none;
                        padding-bottom: 0;

                    }
                        
                }

                .mots-clefs{
                    margin-top: 1rem;
                    order: 4;
                    color: $blue_QDD;
                    font-size: 0.5rem;
                    margin-left: 1rem;
                    h2{
                        margin-top: 0.5rem;
                        margin-bottom: 0.1rem;
                        font-size: 0.4rem;
                        text-transform: uppercase;
                    }
                }

                .field_field_parties{
                    // div{width: fit-content;}
                    // width: 70%;
                }
                div:has(.field_field_parties){
                    margin-top: 2rem;
                    width: 100%;
                    order:7;
                    @media(max-width: 500px){
                        width: 100%;
                    }
                    .paragraph--type--site-parts{
                        
                        .field_field_titre_site{
                            font-family: 'gilroy-bold';
                            font-size: 1.5em;
                        }
                        .field_field_texte_site{
                            h2{
                                font-family: 'gilroy-semibold';
                                color: $red_QDD;
                                font-size: 0.9rem;
                                margin-left: 1rem;
                            }
                            p{
                                font-family: 'gilroy-light';
                                font-size: 0.6rem;
                                margin-top: 0;
                                @media(max-width: 550px){
                                    font-size: 0.8rem;
                                }
                            }
                            
                        } 
                    }
                    
                }
                .paragraph--type--site-video{
                    .field_field_titre_site{
                        // margin-bottom: 1rem;
                        display: none;
                    }
                    .field_field_video{
                        margin-bottom: 2rem;
                    }
                }
                .paragraph--type--site-diapo{
                    .field_field_images {
                        .diaporama{
                            display: flex !important;
                            flex-direction: row !important;
                            // justify-content: space-between;
                            gap: 20px;
                            flex-wrap: wrap;
                            margin-bottom: 2rem;
                            @media(max-width: 810px){
                                flex-direction: column !important;
                            }
                            .cadre-img-zoom{
                            //    margin: auto;
                                img{
                                    object-fit: cover;
                                    width: 220px;
                                    height: 145px;
                                    @media(max-width: 810px){
                                        width: 100%;
                                        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: 0.8rem;
                                    }
                                }
                            } 
                        }                           
                    }
                }
                div:has(.field--name-field-documents){
                    order: 5;
                    margin-top: 0.5rem;
                    width: 100%;
                    .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;
                                height: 25px;
                                // padding-bottom: 0.2rem;
    
                                
                            }
                        } 
                    }
                }
                div:has(.field_field_liens_site){
                    order: 6;
                    margin-top: 0.5rem;
                    width: 100%;
                    .field_field_liens_site{
                        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;
                            width: fit-content;
                            
                            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;
                                // padding-bottom: 0.2rem;
    
                                
                            }
                        } 
                    }
                }
            }
        }

        .layout__region--third{
            flex: 0 1 25% !important;
            height: fit-content;
            margin-top: 1rem;
            @media(max-width: 500px){
                display: flex;
                flex-direction: column;
                width: 100%;
            }
            .block-region-third{
                position: relative;
                // width: 80%;
                @media(max-width: 810px){
                    position: relative;
                    margin-left: 1rem;
                    margin-top: 3rem;
                }
                div{
                    display: flex;
                    flex-direction: column;
                    
                    div:has(h2){
                        border-bottom: solid black 1px;
                        padding-left: 0.3rem;
                    }
                    h2{
                        width: 80%;
                        font-family: "gilroy-light";
                        text-transform: uppercase;
                        font-size: 0.6rem;
                        margin-bottom: 1rem;
                        margin-top: 1rem;
                        border-bottom: solid black 1px;
                        margin-left: 0.5rem;
                        padding-bottom: 0.5rem;
                        @media(max-width: 810px){
                            font-size:0.8rem;
                            margin: 0;
                            margin-bottom: 1rem;
                        }
                        &::after{
                            content: " :";
                        }
                    }
                    .field_field_projets_lie{
                        @media(max-width: 810px){
                            width: 80%;
                            justify-content: start;
                            // padding-top: 1rem;
                            
                        }
                        .node-type-projet {
                            position: relative;
                            transition: transform 0.4s ease-in-out; 
                           
                            &.is-laureat{
                                padding-top: 1.2rem;
                            }
                            &:hover {
                                transform: scale(1.05); 
                            }
                            .node-projet-title{
                                width: 80%;
                                padding-left: 0.5rem;
                                font-size: 0.5rem;
                                margin: 0;
                                background-color: #f6f7f3;
                                font-family: "gilroy-regular";
                                @media(max-width: 810px){
                                    font-size:0.8rem;
                                    width: 100% !important;
                                }
                            }
                            .field_field_nom_de_l_equipe{
                                width: 80%;
                                padding-left: 0.5rem;
                                font-size: 0.4rem;
                                background-color: #f6f7f3;
                                text-transform: uppercase;
                                @media(max-width: 810px){
                                    font-size:0.8rem;
                                    width: 100% !important;
                                }
                                div{
                                    border-bottom: solid black 1px;
                                    margin-bottom: 0.5rem;
                                }
                                p{
                                    font-family: "gilroy-semibold";
                                    margin-bottom: 0.5rem;
                                    font-size: 0.5rem;
                                    margin-top: 0.2rem;
                                    @media(max-width: 810px){
                                        font-size:0.8rem;
                                        width: 100% !important;
                                    }
                                }
                                div.more-link{
                                    display: none;
                                    margin-bottom: 1rem;
                                    padding-left: 0rem;
                                    a{
                                        font-size: 0.5rem;
                                    }
                                }
                            }
        
                            .field_field_laureats{
                                color:$red_QDD;
                                text-transform: uppercase; 
                                display: inline-flex;
                                align-items: flex-start;    
                                height: auto;   
                                font-size: 0px;  
                                &.is-laureat{
                                    position: relative;
                                }
                                &.is-laureat::before {
                                    content: "";
                                    position: absolute;
                                    top: -4.2rem;        
                                    left: -1rem;
                                    width: 2.5rem;
                                    height: 2.5rem;
                                    background-image: url("../img/laureat-ouvert.svg");
                                    background-repeat: no-repeat;
                                    background-position: center;
                                    background-size: contain;
                                    z-index: 0;
                                    margin-top: 0.3rem;
                                    @media(max-width: 810px){
                                        top: -6rem;
                                    }
                                }
        
                            }
                        } 
                    }
                      
                }
                .prevnext{
                    display: none;
                    flex-direction: row;
                    margin-bottom: 0rem;
                    .prev-site{
                        padding-right: 0.5rem;
                        &::before{
                            content: url('../img/prev.svg');
                        }
                        span{
                            display: none;
                        }
                    }
                    .next-site{
                        span{
                            display: none;
                        }
                        &::before{
                            content: url('../img/next.svg');
                        }
                    }
                }

            }
            .documents-liens-wrapper{
                display: flex;
                flex-direction: column !important;
                padding-top: 2rem;
                padding-bottom: 3rem;

                .field--name-field-documents, .field_field_documents > div:nth-child(2) > div:nth-child(1) > span:nth-child(2){
                    display: none;
                }
                .field_field_liens_site > div:nth-child(2) > div:nth-child(1){
                    display: flex;
                    flex-direction: column !important;
                    width: fit-content;
                }
                .field_field_liens_site > div:nth-child(2){
                    flex-direction: column;
                }
                .field_field_documents{
                    margin-bottom: 0.3rem;
                }
            }
            .field_field_liens_site, 
            .field--type-file{
                display: flex;
                flex-direction: column !important;

                @media (max-width:810px) {  
                    // margin-left: 0;
                    // max-width: 50%;
                    margin: auto;
                    margin-bottom: 1rem;
                }

                a{
                    display: inline-flex;
                    justify-content: space-between;
                    align-items: center;
                    width: fit-content;
                    color: white;
                    background: black;
                    padding-left: 0.5rem;
                    text-transform: uppercase;
                    font-size: 0.6rem;
                    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;
                        // padding-bottom: 0.2rem;

                        
                    }
                } 
            }
            .file--mime-application-pdf,
            .more-link{
                width: fit-content;
                padding-left: 0.5rem;
                // padding-bottom: 0.2rem;
                // padding-top: 0.2rem;
                background: black;
                @media (max-width:810px) {  
                    margin-left: 0;
                }

                a{
                    display: inline-flex;
                    justify-content: space-between;
                    align-items: center;
                    color: white;
                    text-transform: uppercase;
                    font-size: 0.6rem;
                    
                    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;
                        height: 25px;
                    }
                }   
              
                
            }
            
        }

    }
}

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