/* Couleurs */
.orange {
    color: var(--orange);
}

.green {
    color: var(--green);
}

.bt-orange {
    color: var(--bt-orange);
}

.lt-orange {
    color: var(--lt-orange);
}

.turquoise, .turquoise * {
    color: var(--turquoise);
}

.lt-turquoise {
    color: var(--lt-turquoise);
}

.black {
    color: var(--black);
}

.white {
    color: var(--white);
}

.red {
    color: var(--red) !important;
}

.bt-red {
    color: var(--bt-red);
}

.cat-dk-grey {
    color: var(--cat-dk-grey);
}

.cat-bl-grey {
    color: var(--cat-bl-grey);
}

.cat-mess-grey {
    color: var(--cat-mess-grey);
}

.dk-grey {
    color: var(--dk-grey);
}

.bl-grey {
    color: var(--bl-grey);
}

.lt-grey {
    color: var(--lt-grey);
}

.pl-grey {
    color: var(--pl-grey);
}

.vr-pl-grey {
    color: var(--vr-pl-grey);
}

/* Backgrounds */
.bg-orange {
    background-color: var(--orange);
}

.bg-bt-orange {
    background-color: var(--bt-orange);
}

.bg-lt-orange {
    background-color: var(--lt-orange);
}

.bg-turquoise {
    background-color: var(--turquoise);
}

.bg-lt-turquoise {
    background-color: var(--lt-turquoise);
}

.bg-black {
    background-color: var(--black);
}

.bg-white {
    background-color: var(--white);
}

.bg-dk-grey {
    background-color: var(--dk-grey);
}

.bg-fc-grey {
    background-color: var(--cat-bl-grey);
}

.bg-bl-grey {
    background-color: var(--bl-grey);
}

.bg-lt-grey {
    background-color: var(--lt-grey);
}

.bg-pl-grey {
    background-color: var(--pl-grey);
}

.bg-vr-pl-grey {
    background-color: var(--vr-pl-grey);
}

/* Borders */
.bd-none {
    border: none;
}

.bd-orange {
    border: 1px solid var(--orange);
}

.bd-bt-orange {
    border: 1px solid var(--bt-orange);
}

.bd-lt-orange {
    border: 1px solid var(--lt-orange);
}

.bd-turquoise {
    border: 1px solid var(--turquoise);
}

.bd-lt-turquoise {
    border: 1px solid var(--lt-turquoise);
}

.bd-black {
    border: 1px solid var(--black);
}

.bd-white {
    border: 1px solid var(--white);
}

.bd-dk-grey {
    border: 1px solid var(--dk-grey);
}

.bd-bl-grey {
    border: 1px solid var(--bl-grey);
}

.bd-lt-grey {
    border: 1px solid var(--lt-grey);
}

.bd-pl-grey {
    border: 1px solid var(--pl-grey);
}

.bd-vr-pl-grey {
    border: 1px solid var(--vr-pl-grey);
}

.bd-b-orange {
    border: 2px solid var(--orange);
}

.bd-b-bt-orange {
    border: 2px solid var(--bt-orange);
}

.bd-b-lt-orange {
    border: 2px solid var(--lt-orange);
}

.bd-b-turquoise {
    border: 2px solid var(--turquoise);
}

.bd-b-lt-turquoise {
    border: 2px solid var(--lt-turquoise);
}

.bd-b-black {
    border: 2px solid var(--black);
}

.bd-b-white {
    border: 2px solid var(--white);
}

.bd-b-dk-grey {
    border: 2px solid var(--dk-grey);
}

.bd-b-bl-grey {
    border: 2px solid var(--bl-grey);
}

.bd-b-lt-grey {
    border: 2px solid var(--lt-grey);
}

.bd-b-pl-grey {
    border: 2px solid var(--pl-grey);
}

.bd-b-vr-pl-grey {
    border: 2px solid var(--vr-pl-grey);
}

.bd-ber-orange {
    border: 3px solid var(--orange);
}

.bd-ber-bt-orange {
    border: 3px solid var(--bt-orange);
}

.bd-ber-lt-orange {
    border: 3px solid var(--lt-orange);
}

.bd-ber-turquoise {
    border: 3px solid var(--turquoise);
}

.bd-ber-lt-turquoise {
    border: 3px solid var(--lt-turquoise);
}

.bd-ber-black {
    border: 3px solid var(--black);
}

.bd-ber-white {
    border: 3px solid var(--white);
}

.bd-ber-dk-grey {
    border: 3px solid var(--dk-grey);
}

.bd-ber-bl-grey {
    border: 3px solid var(--bl-grey);
}

.bd-ber-lt-grey {
    border: 3px solid var(--lt-grey);
}

.bd-ber-pl-grey {
    border: 3px solid var(--pl-grey);
}

.bd-ber-vr-pl-grey {
    border: 3px solid var(--vr-pl-grey);
}

/* Borders Top */

.bd-top-orange {
    border-top: 1px solid var(--orange);
}

.bd-top-bt-orange {
    border-top: 1px solid var(--bt-orange);
}

.bd-top-lt-orange {
    border-top: 1px solid var(--lt-orange);
}

.bd-top-turquoise {
    border-top: 1px solid var(--turquoise);
}

.bd-top-lt-turquoise {
    border-top: 1px solid var(--lt-turquoise);
}

.bd-top-black {
    border-top: 1px solid var(--black);
}

.bd-top-white {
    border-top: 1px solid var(--white);
}

.bd-top-dk-grey {
    border-top: 1px solid var(--dk-grey);
}

.bd-top-bl-grey {
    border-top: 1px solid var(--bl-grey);
}

.bd-top-lt-grey {
    border-top: 1px solid var(--lt-grey);
}

.bd-top-pl-grey {
    border-top: 1px solid var(--pl-grey);
}

.bd-top-vr-pale-grey {
    border-top: 1px solid var(--vr-pl-grey);
}

/* Borders Right */

.bd-right-orange {
    border-right: 1px solid var(--orange);
}

.bd-right-bt-orange {
    border-right: 1px solid var(--bt-orange);
}

.bd-right-lt-orange {
    border-right: 1px solid var(--lt-orange);
}

.bd-right-turquoise {
    border-right: 1px solid var(--turquoise);
}

.bd-right-lt-turquoise {
    border-right: 1px solid var(--lt-turquoise);
}

.bd-right-black {
    border-right: 1px solid var(--black);
}

.bd-right-white {
    border-right: 1px solid var(--white);
}

.bd-right-dk-grey {
    border-right: 1px solid var(--dk-grey);
}

.bd-right-bl-grey {
    border-right: 1px solid var(--bl-grey);
}

.bd-right-lt-grey {
    border-right: 1px solid var(--lt-grey);
}

.bd-right-pl-grey {
    border-right: 1px solid var(--pl-grey);
}

.bd-right-vr-pale-grey {
    border-right: 1px solid var(--vr-pl-grey);
}

/* Borders Bottom */

.bd-bottom-orange {
    border-bottom: 1px solid var(--orange);
}

.bd-bottom-bt-orange {
    border-bottom: 1px solid var(--bt-orange);
}

.bd-bottom-lt-orange {
    border-bottom: 1px solid var(--lt-orange);
}

.bd-bottom-turquoise {
    border-bottom: 1px solid var(--turquoise);
}

.bd-bottom-lt-turquoise {
    border-bottom: 1px solid var(--lt-turquoise);
}

.bd-bottom-black {
    border-bottom: 1px solid var(--black);
}

.bd-bottom-white {
    border-bottom: 1px solid var(--white);
}

.bd-bottom-dk-grey {
    border-bottom: 1px solid var(--dk-grey);
}

.bd-bottom-bl-grey {
    border-bottom: 1px solid var(--bl-grey);
}

.bd-bottom-lt-grey {
    border-bottom: 1px solid var(--lt-grey);
}

.bd-bottom-pl-grey {
    border-bottom: 1px solid var(--pl-grey);
}

.bd-bottom-vr-pale-grey {
    border-bottom: 1px solid var(--vr-pl-grey);
}

/* Borders Left */

.bd-left-orange {
    border-left: 1px solid var(--orange);
}

.bd-left-bt-orange {
    border-left: 1px solid var(--bt-orange);
}

.bd-left-lt-orange {
    border-left: 1px solid var(--lt-orange);
}

.bd-left-turquoise {
    border-left: 1px solid var(--turquoise);
}

.bd-left-lt-turquoise {
    border-left: 1px solid var(--lt-turquoise);
}

.bd-left-black {
    border-left: 1px solid var(--black);
}

.bd-left-white {
    border-left: 1px solid var(--white);
}

.bd-left-dk-grey {
    border-left: 1px solid var(--dk-grey);
}

.bd-left-bl-grey {
    border-left: 1px solid var(--bl-grey);
}

.bd-left-lt-grey {
    border-left: 1px solid var(--lt-grey);
}

.bd-left-pl-grey {
    border-left: 1px solid var(--pl-grey);
}

.bd-left-vr-pale-grey {
    border-left: 1px solid var(--vr-pl-grey);
}

/* Borders Bold (2px) */

.bd-top-b-orange,
.bd-right-b-orange,
.bd-bottom-b-orange,
.bd-left-b-orange {
    border-width: 2px;
}

.bd-top-b-bt-orange,
.bd-right-b-bt-orange,
.bd-bottom-b-bt-orange,
.bd-left-b-bt-orange {
    border-width: 2px;
}

.bd-top-b-lt-orange,
.bd-right-b-lt-orange,
.bd-bottom-b-lt-orange,
.bd-left-b-lt-orange {
    border-width: 2px;
}

.bd-top-b-turquoise,
.bd-right-b-turquoise,
.bd-bottom-b-turquoise,
.bd-left-b-turquoise {
    border-width: 2px;
}

/* Borders Bolder (3px) */

.bd-top-ber-orange,
.bd-right-ber-orange,
.bd-bottom-ber-orange,
.bd-left-ber-orange {
    border-width: 3px;
}

.bd-top-ber-bt-orange,
.bd-right-ber-bt-orange,
.bd-bottom-ber-bt-orange,
.bd-left-ber-bt-orange {
    border-width: 3px;
}

.bd-top-ber-lt-orange,
.bd-right-ber-lt-orange,
.bd-bottom-ber-lt-orange,
.bd-left-ber-lt-orange {
    border-width: 3px;
}

.bd-top-ber-turquoise,
.bd-right-ber-turquoise,
.bd-bottom-ber-turquoise,
.bd-left-ber-turquoise {
    border-width: 3px;
}

.bd-top-ber-lt-turquoise,
.bd-right-ber-lt-turquoise,
.bd-bottom-ber-lt-turquoise,
.bd-left-ber-lt-turquoise {
    border-width: 3px;
}


/* Border Radius */
.bd-radius-circle {
    border-radius: 4rem;
}

/* Forms et modals */
.req-field-red {
    color: var(--red);
}

.infos-grey {
    color: var(--infos-grey);
}

.modal-grey {
    color: var(--modal-grey);
}

/* Gradient Test */
.test {
    color: rgb(248, 186, 0);
    color: rgb(255, 148, 0);
    color: rgb(255, 83, 0);
    color: rgb(237, 34, 13);
    color: rgb(181, 24, 0);
    color: rgb(120, 15, 1);
    color: rgb(100, 15, 1);
    color: rgb(80, 15, 1);
    color: rgb(60, 15, 1);
}