:root {
    --custom-primary-color: yellow;
    --custom-secondary-color: #2E2D2C;
    --custom-tertiary-color: rgb(25, 37, 69);
    --custom-primary-shadow-color: rgba(22, 160, 133, 0.9);
    --custom-secondary-shadow-color: rgba(22, 160, 133, 0.075);
    --custom-footer-color: #2E2D2C;
    --custom-bg-main: yellow;
    --custom-white: white;
    --custom-lightcoral: lightcoral;
    font-family: 'Avenir', sans-serif !important;   
}
body {
    font-family: 'Avenir', sans-serif !important;
    color: var(--custom-secondary-color);
}
.custom-bg-home {
    background-image: url('https://sas.stephanefabes.fr/media/img/site/Marseille.jpg');
    background-size: cover;
    background-position: center;
}
.bg-main {
    background-color: var(--custom-bg-main);
}
.bg-body-tertiary {
    background-color: var(--custom-tertiary-color) !important;
}
.custom-text-primary {
    color : var(--custom-primary-color) !important;
}
.custom-text-tertiary {
    color : var(--custom-tertiary-color) !important;
}
.custom-lightcoral {
    color: var(--custom-lightcoral);
}
.custom-button-primary{
    color: var(--custom-primary-color);
    background-color: var(--custom-primary-color);
}
.custom-button-send {
    color: var(--custom-white);
    background-color: var(--custom-tertiary-color);
}
.active {
    color:aquamarine;
}
.img-carousel {
    width: 600px;
    height: 400px;
}
.img-client {
    width: 50px;
    height: 50px;
}
.img-offline {
    width: 100px;
    height:100px;
}
.nav-link.active {
    color : aquamarine !important;
}
.link:hover {
    color: aquamarine !important;
}
.nav-options:hover {
    color: aquamarine;
}
.img-logo-sas {
    width: 300px !important;
}
.min-vh-100 {
    min-height: 100vh;
}