@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@500&display=swap');



body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: url('../image/groupe-feuilles-multiples.jpg') no-repeat ;
    background-size: cover;
}

#container-seances{
    height: 90vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items:center;
}
.seance-adultes{
    width:80%;
    margin-top:30%;
}
.seance-adultes img{
    width: 100%;
}

.seances-deco{
    width:0%;
}

.seances-deco img{
    width: 0%;
}

.seance-enfants{
    width:80%;
}
.seance-enfants img{
    width: 100%;
}

@media only screen and (min-width:940px){
    body{
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background: url('../image/groupe-feuilles-multiples.jpg') no-repeat ;
        background-size: cover;
    }
    
    #container-seances{
        
        height: 90vh;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items:center;
    
    }
    
    .seance-adultes{
        width:25%;
        margin-left: 10px;
        margin-top: 0%;
    }
    .seance-adultes img{
        width: 100%;
        
    }
    
    .seances-deco{
        width:50%;
        
    }
    
    .seances-deco img{
        width: 100%;
        
    }
    
    .seance-enfants{
        width:25%;
        
    }
    .seance-enfants img{
        width: 100%;
        
    }
}