:root,
[data-bs-theme=light] {
    --bs-link-color: #313131;
    --bs-primary: #313131;
    --bs-noir-carbone: #313131;
    --bs-primary-rgb: 49, 49, 49;
    --bs-secondary: #494E1F;
    --bs-vert-mousse-fonce: #494E1F;
    --bs-tertiary: #8C9364;
    --bs-vert-mousse: #8C9364;
    --bs-light: #F4F5EE;
    --bs-gris-vert: #f4f5ee;
    --bs-gris-sable: #F3F3F0;
    --bs-body-bg: #fff;
    --bs-body-color: #313131;
    --bs-btn-color: #F4F5EE;
    --bs-link-color-rgb: #8C9364;
    --bs-danger: #AB1818;
    --bs-breadcrumb-item-active-color: #313131;
    --bs-gutter-x: 2rem;
} 

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;

    padding-right: 1rem; 
    padding-left: 1rem;
}

.btn-secondary {
    &:hover {
        border-color: #8C9364 !important;
        color: #fff !important;
    }
}

.text-gris-vert {
    color: var(--bs-gris-vert) !important;
}
.text-gris-sable {
    color: var(--bs-gris-sable) !important;
}
.text-vert-mousse {
    color: var(--bs-vert-mousse) !important;
}
.bg-gris-vert {
    background-color: var(--bs-gris-vert) !important;
}
.bg-gris-sable {
    background-color: var(--bs-gris-sable) !important;
}
.bg-vert-mousse {
    background-color: var(--bs-vert-mousse) !important;
}

.w-xl-75 {
    @media (min-width: 1140px) { 
        width: 75% !important;
    }   
}
.w-md-75 {
    @media (min-width: 720px) { 
        width: 75% !important;
    }   
}

.p-6 {
    padding: 75px !important;
}
.ps-6 {
    padding-left: 75px !important;
}
.ps-md-6 {
    @media (min-width: 768px) { 
        padding-left: 75px !important;
    }   
}
.ps-lg-6 {
    @media (min-width: 992px) { 
        padding-left: 75px !important;
    }   
}
.ps-xl-6 {
    @media (min-width: 1200px) { 
        padding-left: 75px !important;
    }   
}
.px-6 {
    padding-left: 75px !important;
    padding-right: 75px !important;
}
.px-md-6 {
    @media (min-width: 768px) { 
        padding-left: 75px !important;
        padding-right: 75px !important;
    }   
}
.px-lg-6 {
    @media (min-width: 992px) { 
        padding-left: 75px !important;
        padding-right: 75px !important;
    }   
}
.px-xl-6 {
    @media (min-width: 1200px) { 
        padding-left: 75px !important;
        padding-right: 75px !important;
    }   
}

.flex-basis-0 {
    flex-basis: 0px !important;
}