/* Listes d'abbréviation pour gerer plus rapidement les styles inlines*/
.bold {
    font-weight: bold
}

.thin {
    font-weight: 300
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.italic {
    font-style: italic
}

.center-text {
    text-align: center
}

.start-text {
    text-align: start
}

.w-full {
    width: 100%
}

.w-50 {
    width: 50%
}

.w-33 {
    width: 33%
}

.w-25 {
    width: 25%
}

.h-full {
    height: 100%
}

.h-50 {
    height: 50%
}

.h-33 {
    height: 33%
}

.h-25 {
    height: 25%
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: 1rem
}

.m-2 {
    margin: 2rem
}

.m-3 {
    margin: 3rem
}

.m-auto {
    margin: auto
}

.mr-1 {
    margin-right: 1rem
}

.mr-2 {
    margin-right: 2rem
}

.mr-3 {
    margin-right: 3rem
}

.ml-1 {
    margin-left: 1rem
}

.ml-2 {
    margin-left: 2rem
}

.ml-3 {
    margin-left: 3rem
}

.mt-1 {
    margin-top: 1rem
}

.mt-2 {
    margin-top: 2rem
}

.mt-3 {
    margin-top: 3rem
}

.mb-1 {
    margin-bottom: 1rem
}

.mb-2 {
    margin-bottom: 2rem
}

.mb-3 {
    margin-bottom: 3rem
}

.m-y-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.m-y-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.m-y-3 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.m-x-1 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.m-x-2 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.m-x-3 {
    margin-left: 3rem;
    margin-right: 3rem;
}

.p-1 {
    padding: 1rem
}

.p-2 {
    padding: 2rem
}

.p-3 {
    padding: 3rem
}

.p-x-1 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.p-x-2 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.p-x-3 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.p-y-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.p-y-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.p-y-3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.pb-1 {
    padding-bottom: 1rem
}

.pb-2 {
    padding-bottom: 2rem
}

.pb-3 {
    padding-bottom: 3rem
}

.pt-1 {
    padding-top: 1rem
}

.pt-2 {
    padding-top: 2rem
}

.pt-3 {
    padding-top: 3rem
}

.center {
    margin: auto
}

.flex {
    display: flex
}

.col-flex-container {
    display: flex;
    flex-direction: column;
}

.row-flex-container {
    display: flex;
    flex-direction: row;
}

.wrap {
    flex-wrap: wrap
}

.gap-05 {
    gap: 0.5rem
}

.gap-1 {
    gap: 1rem
}

.gap-2 {
    gap: 2rem
}

.gap-3 {
    gap: 3rem
}

.justify-center {
    justify-content: center;
}

.space-between {
    justify-content: space-between;
}

.space-evenly {
    justify-content: space-evenly;
}

.space-around {
    justify-content: space-around;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-center {
    align-items: center;
}

.align-baseline {
    align-items: baseline;
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.t-0 {
    top: 0
}

.t-1 {
    top: 1rem
}

.t-2 {
    top: 2rem
}

.t-3 {
    top: 3rem
}

.b-0 {
    bottom: 0
}

.b-1 {
    bottom: 1rem
}

.b-2 {
    bottom: 2rem
}

.b-3 {
    bottom: 3rem
}

.l-0 {
    left: 0
}

.l-1 {
    left: 1rem
}

.l-2 {
    left: 2rem
}

.l-3 {
    left: 3rem
}

.l-4 {
    left: 4rem
}

.l-5 {
    left: 5rem
}

.l-6 {
    left: 6rem
}

.l-7 {
    left: 7rem
}

.l-8 {
    left: 8rem
}

.l-9 {
    left: 9rem
}

.l-10 {
    left: 10rem
}

.r-0 {
    right: 0
}

.r-1 {
    right: 1rem
}

.r-2 {
    right: 2rem
}

.r-3 {
    right: 3rem
}

.rounded {
    border-radius: 0.25rem
}

.rounded-lg {
    border-radius: 0.5rem
}

.rounded-full {
    border-radius: 9999px
}

.shadow {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1)
}

.shadow-lg {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2)
}

.shadow-xl {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3)
}

.shadow-xxl {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4)
}

.bg-white {
    background-color: #fff
}

.bg-black {
    background-color: #000
}

.bg-grey {
    background-color: #f5f5f5
}

.bg-grey-light {
    background-color: #f9f9f9
}

.border {
    border: 1px solid #e0e0e0
}

.pointer {
    cursor: pointer
}

.nowrap {
    white-space: nowrap
}

.filter-opacity-04 {
    filter: opacity(0.4)
}

.filter-opacity-05 {
    filter: opacity(0.5)
}

.background-top-color {
    background-color: var(--top-color)
}