.page{
    margin-top: 300px;
    margin-bottom: 20px;

    div.ateliers{
        display:flex;
        flex-direction: column;

        h2{
            font-family: "Belanosima", serif;
            font-weight: 400;
            font-style: normal;
            margin: 143px 0 20px 0;
            margin-bottom: 20px;
            font-size: 64px;
        }

        h3{
            font-family: "Belanosima", serif;
            font-weight: 400;
            font-style: normal;
            font-size: 40px;
            margin-bottom: 20px;
        }
        
        p{
            font-family: "Belgrano", serif;
            font-weight: 400;
            font-style: normal;
            margin: 0;
            
            font-size: 18px;
        
            margin: 0 0 20px 0;
        
        }

        div.atelier {
            display: flex;
            margin-bottom: 144px;
            justify-content: space-between;
            gap: 100px;

            &:nth-child(even) {
                div.gauche {
                    order: 2;
                }

                div.droit {
                    order: 1;
                }
            }

            div.gauche {
                width: 50%;

                .gras{
                    font-family: "Belanosima", serif;
                }
            }

            div.droit {
                width: 50%;

                h2 {
                    position: relative;
                    margin: 0 0 20px 0;
                }

                img {
                    object-fit: contain;
                    /*width: 100%;*/
                    border-radius: 20px;
                }
            }
        }
    }
}


/* Responsive  */

@media screen and (max-width: 1320px) {

    .page{
        section{
            .texte-gauche{
                width: 100%;
            }
            .texte-droite{
                width: 100%;
            }
        }
    }

}

@media screen and (max-width: 924px) {

    section.page{
        margin-top: 100px;

        div.ateliers{

            div.atelier{

                flex-direction: column;
                align-items: center;
                gap: 140px ;

                div.gauche{
                    width: auto;

                    p{
                        width: 500px;
                        text-align: start;
                    }
                    h3{
                        width: 500px;
                    }
                    img{
                        border-radius: 20px;
                    }
                }

                div.droit{
                    width: auto;
                    
                    p{

                        width: 500px;
                        text-align: start;

                    }

                    h2{

                        width: 500px;
                    }

                    img{
                        border-radius: 20px;
                    }
                }
            }

            div.atelier:nth-child(odd){
                flex-direction: column-reverse;
            }
        }
    }

}

@media screen and (max-width: 688px) {

    section.page {

        div.ateliers {
            
            h2{
                font-size: 50px;
            }

            div.atelier {
                flex-direction: column;
                align-items: center;

                div.droit {

                    p{
                        width: 300px;
                    }

                    h2{
                        width: 300px;
                    }

                    img{
                        border-radius: 20px;
                        width: 100%;
                        height: auto;
                    }
                }

                div.gauche{

                    p{
                        width: 300px;
                    }
                    h3{
                        width: 300px;
                    }
                    img{
                        border-radius: 20px;
                        width: 100%;
                        height: auto;
                    }
                }
            }
        }
    }
}