#home{
    .content_container{
        #block-quartiers-de-demain-titredepage{
            display: none;
        }
    }
    .paragraph--type--static-parts{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    article.node-type-static{
        .field_body{  ///// texte de présentation
            width: 80%;
            margin: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap ;
            > p:nth-child(1){
                margin-bottom: 0;
                flex: 1 100%;
                font-size: 1.5rem;
            }
            > p:nth-child(2),
            p:nth-child(3){
                flex: 1 ;
                padding: 1rem;
            }
            > p:nth-child(2){
                padding-left: 15rem;
            }
        }
        .field_field_title{
            width: fit-content;
            margin: auto;
            font-size: 2rem;
            font-weight: 800;
            padding-bottom: 1rem;
        }
        #paragraph-id--1{  ///// Les enjeux
            background-color: #edefe8;
            .field_field_picto{
                display: none;
            }
            .field_field_texte{
                width: 50%;
                margin: auto;
                .colone-picto{
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    justify-content: flex-start;
                    h3{
                        flex: 1 100%;
                        color: #0833c2ff;
                        // width: 80%;
                        // padding-right: 3rem;
                        display: flex;
                        flex-direction: column;
                        &:nth-of-type(2){
                            
                            padding-top: 3rem;
                            border-top: solid 1px #0833c2ff;
                        }
                    }
                    p{
                        padding-right: 2rem;
                        padding-bottom: 1rem;
                        width: 25%;
                        display: flex;
                        flex-direction: column;
                        &:nth-of-type(1)::before{
                            content: url("../img/fanion.svg");
                            padding-bottom: 1rem;
                        }
                        &:nth-of-type(2)::before{
                            content: url("../img/pouce.svg");
                            padding-bottom: 1rem;
                        }
                        &:nth-of-type(3)::before{
                            content: url("../img/planete.svg");
                            padding-bottom: 1rem;
                        }
                        &:nth-of-type(4)::before{
                            content: url("../img/puzzle.svg");
                            padding-bottom: 1rem;
                        }
                        &:nth-of-type(5)::before{
                            content: url("../img/cube.svg");
                            padding-bottom: 1rem;
                        }
                        &:nth-of-type(6)::before{
                            content: url("../img/ampoule.svg");
                            padding-bottom: 1rem;
                        }
                        &:nth-of-type(7)::before{
                            content: url("../img/bonhome.svg");
                            padding-bottom: 1rem;
                        }
                        &:nth-of-type(8)::before{
                            content: url("../img/feuilles.svg");
                            padding-bottom: 1rem;
                        }
                        &:nth-of-type(9)::before{
                            content: url("../img/calendrier.svg");
                            padding-bottom: 1rem;
                        }
                        &:nth-of-type(10)::before{
                            content: url("../img/crayons.svg");
                            padding-bottom: 1rem;
                        }
                    }
                }
            }
        }


        #paragraph-id--6{
            display: flex;
            flex-direction: column;
            margin: auto;
            align-items: center;
            width: 70%;
            padding-bottom: 2rem;
            .field_field_texte{
                margin: auto;
                .colone-picto{
                    display: flex;
                    flex-direction: column;
                    > p:nth-of-type(1){
                        color: #0833c2ff;
                        font-size: 1.5rem;
                        font-weight: 800
                    }
                    > p:nth-of-type(2){
                        width: 60%;
                        font-size: 1.2rem;
                        align-self: center;
                    }
                    > p:nth-of-type(3){
                        width: 80%;
                        align-self: center;
                        margin-top: 0 ;
                        img{
                            max-width: 100%;
                            height: auto;
                        }
                    }
                }
            }
        }
        #paragraph-id--7{ ///////// les piliers
            background-color: #0833c2ff;
            display: flex;
            flex-direction: column;
            margin: auto;
            align-items: center;
            padding-bottom: 2rem;
            color: white;
            .field_field_title{
                width: 70%;
                text-transform: lowercase;
                padding-top: 3rem;
                text-align: center;
            }
            .field_field_texte{
                width: 80%;
                .colone-picto{
                    margin-top: 2rem;
                    display: grid;
                    grid-template-columns: repeat(6 auto);
                    grid-template-rows: repeat(3 1fr);
                    h5{
                        font-size: 5rem;
                        font-weight: 800;
                        margin-bottom: 0;
                        margin: 0;
                    }
                    h5:nth-of-type(1){
                        grid-row: 2;
                        grid-column: 1;
                    }
                    h5:nth-of-type(2){
                        grid-row: 2;
                        grid-column: 3;
                    }
                    h5:nth-of-type(3){
                        grid-row: 1;
                        grid-column: 5;
                    }
                    p{
                        font-size: 1rem;
                        font-weight: 400;
                        margin: 0;
                        &:not(:last-of-type){
                            padding-right: 2rem;
                        }
                    }
                    svg:nth-of-type(1){
                        grid-row: 1 /span 2;
                        grid-column: 1 /span 2;
                    }
                    svg:nth-of-type(2){
                        grid-row: 3;
                        grid-column: inherit;
                    }
                    svg:nth-of-type(3){
                        grid-row: 1 /span 2;
                        grid-column: 5 /span 6;
                    }
                    p:nth-of-type(1){
                        grid-row: 3;
                        grid-column: 1 /span 2;
                    }
                    p:nth-of-type(2){
                        grid-row: 1;
                    }
                    p:nth-of-type(3){
                        grid-row: 3;
                        grid-column: 5;
                    }
                }
            }
        }
        #paragraph-id--9{display: none;}
    }

    .paragraph--type--static-parts:not(#paragraph-id--7){
        #svg1{
            display: none;
        }
    }

}