drupal-reha/web/themes/custom/reha/scss/pages/le-programme.scss

.page-programme{

    .layout__region--first{

        position: relative;
        .block-region-first{
            // position: relative;
            padding-left:3rem;
            display: flex;
            justify-content: flex-end;
            position: fixed;
            top: 10rem;
            > .block-block-content{
                // position: -webkit-sticky;
                // position: sticky;
                // top: 10rem;
                width: 100%;
                ul{
                    padding-left: 0;
                    padding-right: 30%;
                    li{
                        a{
                            display: flex;
                            flex-direction: column;
                            padding-bottom: 0.6rem;
                            padding-top: 0.6rem;
                            &::after{
                                content:'';
                                width: 25%;
                                margin-top: 0.6rem;
                                border-bottom: $yellow-puca solid 1px;
                            }

                            &:hover,
                            &.active{
                                font-weight: 800;
                                &::after{
                                    content:'';
                                    width: 25%;
                                    margin-top: 0.6rem;
                                    border-bottom: $yellow-puca solid 2px;
                                }
                            } 
                        }
                    }
                }
            }
        }
    }
    .block-region-second{
        h2{
            font-weight: 1000;
            font-size: 1.8rem;
        }
        .block-views-blockhome-block-1{
            width: 80%;
            font-size: 1.2rem;
        }
        .view-display-id-block_1{
            margin: 0;
            width: 80%;
            padding-top: 1rem;
        }

    .block-config-pages-block{
        margin: 0;
        width: 80%;
        padding-top: 1rem;
        .config_pages--partenaires--full{
            .paragraph--type--partenaire{
                width: 100%;
                padding-bottom: 3rem;
                height: 205px;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: center;
                align-content: baseline;
                @media (max-width: 810px){
                    display: flex;
                    flex-direction: column;
                }
                .paragraph--type--partenaire>* {
                flex: 1 1 80px;
                }
                .field--name-field-logo{
                    width: fit-content;
                    padding-right: 1rem;
                }
                .field--name-field-nom{
                    font-weight: 900;
                    font-size: 1.2rem
                }
                .field--name-field-texte{
                    .field__item{
                        p{
                            strong{
                                background-color: none;
                            }
                        }
                    }
                }
                .field--name-field-lien{
                    background-color: none;
                }
            
            
            }
        }
    }
    }
}