/** BACKGROUND **
------------------------------------------------------------
------------------------------------------------------------*/
.bg--white {
    background: var(--white);
}
.bg--dark {
    background: #5b5c5f;
}
.bg--bleu {
    background: #015ca7;
}
.bg--turquoise {
    background: #00afec;
}
.bg--rose {
    background: #d23467;
}
.bg--gris-fonce {
    background: #58595c;
}
.bg--gris-moyen {
    background: #ececec;
}
.bg--gris-pale {
    background: #F0F0F0;
}
.bg--transparent {
    background: transparent;
}
.bg--opacity {
    opacity: 0.9;
}
.bg--fullheight {
    height: 100%;
}
.bg--shadow {
    -moz-box-shadow: 0 0 35px 1px rgba(51, 49, 50, 0.2);
    -webkit-box-shadow: 0 0 35px 1px rgba(51, 49, 50, 0.2);
    -o-box-shadow: 0 0 35px 1px rgba(51, 49, 50, 0.2);
    box-shadow: 0 0 35px 1px rgba(51, 49, 50, 0.2);
}

/** BORDER **
------------------------------------------------------------
------------------------------------------------------------*/
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #F0F0F0;
}

.border {
    border: 1px solid #F0F0F0!important;
}

.border-top {
    border-top: 1px solid #F0F0F0 !important;
}

.border-bottom {
    border-bottom: 1px solid #F0F0F0 !important;
}

.border-left {
    border-left: 1px solid #F0F0F0 !important;
}
.border-right {
    border-right: 1px solid #F0F0F0 !important;
}
.border-2x {
    border: 2px solid #F0F0F0!important;
}

.border-top-2x {
    border-top: 2px solid #F0F0F0 !important;
}

.border-bottom-2x {
    border-bottom: 2px solid #F0F0F0 !important;
}

.border-left-2x {
    border-left: 2px solid #F0F0F0 !important;
}

.border-right-2x {
    border-right: 2px solid #F0F0F0 !important;
}


@media (min-width: 576px) {
}
@media (min-width: 768px) {
}