/********** BLOC HERO_A (Home Page) **********/
.bloc.atelier .wrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.bloc.atelier .wrapper .content{
    display: flex;
    align-items: flex-end;
    gap: var(--gap-4);
    height: calc(100vh - var(--margin-top-bloc) - var(--margin-top-bloc)/2);
    padding-bottom: calc(var(--margin-top-bloc)/2);
}
.bloc.atelier .wrapper .content .left{
    width: 45%;
    height: 70vh;        
    display: flex;
    align-items: center;
}
.bloc.atelier .wrapper .content .left .previous,
.bloc.atelier .wrapper .content .left .next{
    width: 10%;
    display: flex;    
    justify-content: center;
    cursor: pointer;    
}
.bloc.atelier .wrapper .content .left .images{
    width: 80%;
    aspect-ratio: 1 / 2;
    position: relative;        
}
.bloc.atelier .wrapper .content .right{
    width: 55%;    
    margin-bottom: var(--gap-4);
}

.bloc.atelier .wrapper .content .right h1{
    font-size: 4rem;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: var(--gap-2);
}
.bloc.atelier .wrapper .content .right p{
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 120%;
}

.bloc.atelier .wrapper .content .right a.button{
    margin-top: var(--gap-3);
}

/******************** RESPONSIVE max-width: 480px ********************/
@media (max-width : 480px) {
}