#tarifs {
    padding: 100px 100px;
    display: flex;
    justify-content: space-between;
    background: url("../inc/BackgroundTarif.jpg") no-repeat center center fixed;
    height: 100vh;
    -webkit-background-size: 100% 100%;
    background-size: cover;
}

h1 {
    font-size: 1.3em;
}

#photoSeul {
    background-color: white;
    flex-basis: 25%;
    text-align: center;
    margin: 20px 20px;
    border-radius: 15px;
}

#videoSeul {
    background-color: white;
    flex-basis: 25%;
    text-align: center;
    margin: 20px 20px;
    border-radius: 15px;
}

#photoVideo {
    background-color: white;
    flex-basis: 25%;
    text-align: center;
    margin: 20px 20px;
    border-radius: 15px;
}

.titre {
    width: 100%;
    padding: 5px 0;
    color: white;
    background-color: black;
    border-radius: 15px 15px 0 0;
    height: 10%;
}

.tarifContent {
    border: 3px solid black;
    border-radius: 0px 0px 15px 15px;
    height: 90%;
}

@media (max-width: 800px) {
    #tarifs {
        flex-wrap: wrap;
        flex-direction: column;
    }
}