.node-id-20{

    background: url('../images/pictos/carre-contour-bleu_partenaire.svg');
    background-repeat: no-repeat;
    background-position-y: 7rem;
    max-width: 100vw;
    background-size: contain;

    .layout__region--top{               //bandeau titre page static
        padding-bottom: 3rem;
        height: 30vh;
        .block-region-top{

            .block-entity-fieldnodetitle{
                .field--name-title{
                    font-family: 'Source Code Pro';
                    font-size: 2rem;
                    font-weight: 800;
                    color: $white;
                    background-color: $blue-light;
                    text-transform: uppercase;
                }
            }
        }
    
    }
}

.field--name-field-partenaires{
    padding-top: 3rem;
    .paragraph--type--partenaire{
        background-color: $white;
        width: 100%;
        padding-bottom: 3rem;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-template-rows: repeat(auto-fill);
        @media (max-width: 810px){
            display: flex;
            flex-direction: column;
        }
        .field--name-field-logo{
        
            grid-column: 1 / 2;
            grid-row:  2;
            margin-top: 2rem;
            padding-right: 1rem;
        }
        .field--name-field-titre{
            grid-column: 2 / 8;
            grid-row:  1;
            font-weight: 800;
            
        }
        .field--name-field-texte{
            grid-column: 2 / 8;
            grid-row:  2;
        }
        .field--name-field-lien{
            grid-column: 2 / 8;
            grid-row:  3;
        }
    
    }
    a{
        color: $black;
        font-weight: 800;
        svg{
            display: none;
        }
    }
    
}

.field--name-field-equipes{
    padding-top: 3rem;
    .paragraph--type--equipe{
        background-color: $white;
        width: 100%;

        .paragraph--type--personne{
            width: 100%;
            padding-bottom: 3rem;
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            grid-template-rows: repeat(auto-fill);
            @media (max-width: 810px){
                display: flex;
                flex-direction: column;
            }

            .field--name-field-photo{
        
                grid-column: 1 / 2;
                grid-row:  1 / span 3;
                // margin-top: 2rem;
                padding-right: 1rem;
                img{
                    border-radius: 50%;
                }
            }
            .field--name-field-prenom{
                grid-column: 2 / span 3;
                grid-row:  1;
                font-weight: 800;
                
            }
            .field--name-field-nom{
                grid-column: 2 / span 3;
                grid-row:  2;
            }
            .field--name-field-fonction{
                grid-column: 2 / 8;
                grid-row:  3;
            }
        }

    
    }
    a{
        color: $black;
        font-weight: 800;
        svg{
            display: none;
        }
    }
    
}
