.bg-main-light {
    background-color: #FFF9F4 !important;
}

.bg-main-light-sous-site {
    background-color: var(--lightColor) !important;
}

.bg-navy {
    background-color: var(--dark-blue) !important;
}

.bg-green {
    background-color: #5D7B64 !important;
}

.bg-green-picto {
    background-color: #EBF6E4 !important;
}

.bg-brown {
    background-color: #5b534c !important;
}

.text-navy {
    color: var(--dark-blue) !important;
}


.title-orange {
    font-size: 3rem !important;
}

@media only screen and (min-width: 1200px){
    .img {
        height: calc(100vh - 86px) ;
    }
}
@media only screen and (max-width: 2500px){
    .containerSite {
        width: 75%;
    }
}
@media only screen and (max-width: 992px) {
    .containerSite {
        width: 90%;
    }
}

@media only screen and (max-width: 768px) {
    .containerSite {
        width: 90%;
    }
}

.vh-sm-100 {
    height: calc(100vh - 76px);
}

@media only screen and (min-width: 992px) {
    .wh-lg-100 {
        width: 100%;
    }
}

@media only screen and (max-width: 992px) {
    .wh-lg-100 {
        height: 100%;
    }
}

.img-ratio {
    object-fit: cover;
}

.mb-n2 {
    margin-bottom: -2rem !important;
}

.pe-6 {
    padding-right: 6rem !important;
}

.gradiant {
    padding-top: 60px;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.6) 20%,
        rgba(0, 0, 0, 0.3) 40%,
        transparent 60%
    );
}

.w-fit-content {
    width: fit-content;
    height: fit-content;
}