*{
    padding:0;
    margin:0;
    box-sizing: border-box !important;
}
.tl_alert-danger{
    width: 90%;
    font-size: 16px;
    background-color: rgba(255, 0, 0, 0.7);
    border: none;
    border: solid 1px red;
    border-radius: 8px;
    padding: 10px 0px;
    text-align: center;
    color: white;
}
.tl_pointer-event-none {
    pointer-events: none;
}
.tl_alert-warning{
    width: 100%;
    font-size: 16px;
    background-color: rgba(252, 126, 8, 0.74);
    border: none;
    border: solid 1px rgb(255, 51, 0);
    border-radius: 8px;
    padding: 10px 0px;
    text-align: center;
    color: white;
}
.tl_alert-success{
    width: 100%;
    font-size: 16px;
    background-color: rgb(17, 199, 72);
    border: none;
    border: solid 1px rgb(12, 216, 114);
    border-radius: 8px;
    padding: 10px 0px;
    text-align: center;
    color: white;
}
.tl_container {
    width: 100%;
    padding: 5px;
}
.tl_column {
    width: 100%;
    display: flex;
    flex-direction: column !important;
}
.tl_cursor-pointer {
    cursor: pointer !important;
}
.tl_cursor-move {
    cursor: move !important;
}
.tl_cursor-text {
    cursor: text !important;
}
.tl_cursor-progress {
    cursor: progress !important;
}
.tl_cursor-no-drop {
    cursor: no-drop !important;
}


.tl_mt-50 {
    margin-top: 50px;
}
.tl_mt-60 {
    margin-top: 60px;
}
.tl_mt-25 {
    margin-top: 25px;
}
.tl_mt-20 {
    margin-top: 20px;
}
.tl_mt-30 {
    margin-top: 30px;
}
.tl_mt-10 {
    margin-top: 10px;
}
.tl_mt-5 {
    margin-top: 5px;
}
.tl_mt-15 {
    margin-top: 15px;
}
.tl_mt-75 {
    margin-top: 75px;
}
.tl_mt-100 {
    margin-top: 100px;
}

.tl_mb-50 {
    margin-bottom: 50px;
}
.tl_mb-60 {
    margin-bottom: 60px;
}
.tl_mb-25 {
    margin-bottom: 25px;
}
.tl_mb-20 {
    margin-bottom: 20px;
}
.tl_mb-30 {
    margin-bottom: 30px;
}
.tl_mb-10 {
    margin-bottom: 10px;
}
.tl_mb-5 {
    margin-bottom: 5px;
}
.tl_mb-15 {
    margin-bottom: 15px;
}
.tl_mb-75 {
    margin-bottom: 75px;
}
.tl_mb-100 {
    margin-bottom: 100px;
}


.tl_ml-50 {
    margin-left: 50px;
}
.tl_ml-60 {
    margin-left: 60px;
}
.tl_ml-25 {
    margin-left: 25px;
}
.tl_ml-20 {
    margin-left: 20px;
}
.tl_ml-30 {
    margin-left: 30px;
}
.tl_ml-10 {
    margin-left: 10px;
}
.tl_ml-5 {
    margin-left: 5px;
}
.tl_ml-15 {
    margin-left: 15px;
}
.tl_ml-75 {
    margin-left: 75px;
}
.tl_ml-100 {
    margin-left: 100px;
}



.tl_mr-50 {
    margin-right: 50px;
}
.tl_mr-60 {
    margin-right: 60px;
}
.tl_mr-25 {
    margin-right: 25px;
}
.tl_mr-20 {
    margin-right: 20px;
}
.tl_mr-30 {
    margin-right: 30px;
}
.tl_mr-10 {
    margin-right: 10px;
}
.tl_mr-5 {
    margin-right: 5px;
}
.tl_mr-15 {
    margin-right: 15px;
}
.tl_mr-75 {
    margin-right: 75px;
}
.tl_mr-100 {
    margin-right: 100px;
}


.tl_mh-5 {
    margin: 1px 5px;
}
.tl_mh-10 {
    margin: 1px 10px;
}
.tl_mh-20 {
    margin: 1px 20px;
}
.tl_mh-30 {
    margin: 1px 30px;
}
.tl_mh-40 {
    margin: 1px 40px;
}
.tl_mh-50 {
    margin: 1px 50px;
}
.tl_mh-80 {
    margin: 1px 80px;
}
.tl_mh-60 {
    margin: 2px 60px;
}
.tl_mh-100 {
    margin: 1px 100px;
}
.tl_mh-150 {
    margin: 1px 150px;
}

.tl_mv-5 {
    margin: 5px 1px;
}
.tl_mv-10 {
    margin: 10px 1px;
}
.tl_mv-20 {
    margin: 20px 1px;
}
.tl_mv-30 {
    margin: 30px 1px;
}
.tl_mv-40 {
    margin: 40px 1px;
}
.tl_mv-50 {
    margin: 50px 1px;
}
.tl_mv-100 {
    margin: 100px 1px;
}
.tl_mv-150 {
    margin: 150px 1px;
}

.tl_row {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.tl_border-none {
    border: none !important;
}
.tl_outline-none {
    outline: none !important;
}
.tl_border-radius-20 {
    border-radius: 20px;
}
.tl_border-radius-30 {
    border-radius: 30px;
}
.tl_border-radius-25 {
    border-radius: 25px;
}
.tl_border-radius-50 {
    border-radius: 50px;
}
.tl_border-radius-40 {
    border-radius: 40px;
}
.tl_border-radius-45 {
    border-radius: 45px;
}
.tl_border-radius-10 {
    border-radius: 10px;
}
.tl_border-radius-5 {
    border-radius: 5px;
}
.tl_border-radius-15 {
    border-radius: 15px;
}
.tl_border-radius-50p {
    border-radius: 50%;
}
.tl_spacer-50 {
    width: 100%;
    display: block;
    height: 50px;
}
.tl_spacer-100 {
    width: 100%;
    display: block;
    height: 100px;
}
.tl_spacer-10 {
    width: 100%;
    display: block;
    height: 10px;
}
.tl_w-100 {
    width: 100%;
}
.tl_w-95 {
    width: 95%;
}
.tl_w-90 {
    width: 90%;
}
.tl_w-85 {
    width: 85%;
}
.tl_w-80 {
    width: 80%;
}
.tl_w-75 {
    width: 75%;
}
.tl_w-70 {
    width: 70%;
}
.tl_w-65 {
    width: 65%;
}
.tl_w-60 {
    width: 60%;
}
.tl_w-55 {
    width: 55%;
}
.tl_w-50 {
    width: 50%;
}
.tl_w-45 {
    width: 45%;
}
.tl_w-40 {
    width: 40%;
}
.tl_w-35 {
    width: 35%;
}
.tl_w-30 {
    width: 30%;
}
.tl_w-25 {
    width: 25%;
}
.tl_w-20 {
    width: 20%;
}
.tl_w-15 {
    width: 15%;
}
.tl_w-10 {
    width: 10%;
}
.tl_w-5 {
    width: 5%;
}
.tl_w-0 {
    width: 0%;
}

/* Largeur minimale */
.tl_min-w-100 {
    min-width: 100%;
}
.tl_min-w-95 {
    min-width: 95%;
}
.tl_min-w-90 {
    min-width: 90%;
}
.tl_min-w-85 {
    min-width: 85%;
}
.tl_min-w-80 {
    min-width: 80%;
}
.tl_min-w-75 {
    min-width: 75%;
}
.tl_min-w-70 {
    min-width: 70%;
}
.tl_min-w-65 {
    min-width: 65%;
}
.tl_min-w-60 {
    min-width: 60%;
}
.tl_min-w-55 {
    min-width: 55%;
}
.tl_min-w-50 {
    min-width: 50%;
}
.tl_min-w-45 {
    min-width: 45%;
}
.tl_min-w-40 {
    min-width: 40%;
}
.tl_min-w-35 {
    min-width: 35%;
}
.tl_min-w-30 {
    min-width: 30%;
}
.tl_min-w-25 {
    min-width: 25%;
}
.tl_min-w-20 {
    min-width: 20%;
}
.tl_min-w-15 {
    min-width: 15%;
}
.tl_min-w-10 {
    min-width: 10%;
}
.tl_min-w-5 {
    min-width: 5%;
}
.tl_min-w-0 {
    min-width: 0%;
}

/* Largeur maximale */
.tl_max-w-100 {
    max-width: 100%;
}
.tl_max-w-95 {
    max-width: 95%;
}
.tl_max-w-90 {
    max-width: 90%;
}
.tl_max-w-85 {
    max-width: 85%;
}
.tl_max-w-80 {
    max-width: 80%;
}
.tl_max-w-75 {
    max-width: 75%;
}
.tl_max-w-70 {
    max-width: 70%;
}
.tl_max-w-65 {
    max-width: 65%;
}
.tl_max-w-60 {
    max-width: 60%;
}
.tl_max-w-55 {
    max-width: 55%;
}
.tl_max-w-50 {
    max-width: 50%;
}
.tl_max-w-45 {
    max-width: 45%;
}
.tl_max-w-40 {
    max-width: 40%;
}
.tl_max-w-35 {
    max-width: 35%;
}
.tl_max-w-30 {
    max-width: 30%;
}
.tl_max-w-25 {
    max-width: 25%;
}
.tl_max-w-20 {
    max-width: 20%;
}
.tl_max-w-15 {
    max-width: 15%;
}
.tl_max-w-10 {
    max-width: 10%;
}
.tl_max-w-5 {
    max-width: 5%;
}
.tl_max-w-0 {
    max-width: 0;
}


.tl_h-100 {
    height: 100%;
}
.tl_h-95 {
    height: 95%;
}
.tl_h-90 {
    height: 90%;
}
.tl_h-85 {
    height: 85%;
}
.tl_h-80 {
    height: 80%;
}
.tl_h-75 {
    height: 75%;
}
.tl_h-70 {
    height: 70%;
}
.tl_h-65 {
    height: 65%;
}
.tl_h-60 {
    height: 60%;
}
.tl_h-55 {
    height: 55%;
}
.tl_h-50 {
    height: 50%;
}
.tl_h-45 {
    height: 45%;
}
.tl_h-40 {
    height: 40%;
}
.tl_h-35 {
    height: 35%;
}
.tl_h-30 {
    height: 30%;
}
.tl_h-25 {
    height: 25%;
}
.tl_h-20 {
    height: 20%;
}
.tl_h-15 {
    height: 15%;
}
.tl_h-10 {
    height: 10%;
}

/* Hauteur minimale */
.tl_min-h-100 {
    min-height: 100%;
}
.tl_min-h-95 {
    min-height: 95%;
}
.tl_min-h-90 {
    min-height: 90%;
}
.tl_min-h-85 {
    min-height: 85%;
}
.tl_min-h-80 {
    min-height: 80%;
}
.tl_min-h-75 {
    min-height: 75%;
}
.tl_min-h-70 {
    min-height: 70%;
}
.tl_min-h-65 {
    min-height: 65%;
}
.tl_min-h-60 {
    min-height: 60%;
}
.tl_min-h-55 {
    min-height: 55%;
}
.tl_min-h-50 {
    min-height: 50%;
}
.tl_min-h-45 {
    min-height: 45%;
}
.tl_min-h-40 {
    min-height: 40%;
}
.tl_min-h-35 {
    min-height: 35%;
}
.tl_min-h-30 {
    min-height: 30%;
}
.tl_min-h-25 {
    min-height: 25%;
}
.tl_min-h-20 {
    min-height: 20%;
}
.tl_min-h-15 {
    min-height: 15%;
}
.tl_min-h-10 {
    min-height: 10%;
}
.tl_min-h-5 {
    min-height: 5%;
}
.tl_min-h-0 {
    min-height: 0;
}

/* Hauteur maximale */
.tl_max-h-100 {
    max-height: 100%;
}
.tl_max-h-95 {
    max-height: 95%;
}
.tl_max-h-90 {
    max-height: 90%;
}
.tl_max-h-85 {
    max-height: 85%;
}
.tl_max-h-80 {
    max-height: 80%;
}
.tl_max-h-75 {
    max-height: 75%;
}
.tl_max-h-70 {
    max-height: 70%;
}
.tl_max-h-65 {
    max-height: 65%;
}
.tl_max-h-60 {
    max-height: 60%;
}
.tl_max-h-55 {
    max-height: 55%;
}
.tl_max-h-50 {
    max-height: 50%;
}
.tl_max-h-45 {
    max-height: 45%;
}
.tl_max-h-40 {
    max-height: 40%;
}
.tl_max-h-35 {
    max-height: 35%;
}
.tl_max-h-30 {
    max-height: 30%;
}
.tl_max-h-25 {
    max-height: 25%;
}
.tl_max-h-20 {
    max-height: 20%;
}
.tl_max-h-15 {
    max-height: 15%;
}
.tl_max-h-10 {
    max-height: 10%;
}
.tl_max-h-5 {
    max-height: 5%;
}
.tl_max-h-0 {
    max-height: 0;
}


.tl_flex-column {
    flex-direction: column;
}
.tl_flex-row {
    flex-direction: row;
}
.tl_col {
    display: flex;
    width: 100%;
    flex-direction: column;
    transition: all .2s;
}
.tl_col-1 {
    display: flex;
    width: 49%;
    flex-direction: column;
    transition: all .2s;
}
.tl_col-2 {
    display: flex;
    width: 31%;
    flex-direction: column;
    transition: all .2s;
}
.tl_col-3 {
    display: flex;
    width: 22%;
    flex-direction: column;
    transition: all .2s;
}
.tl_col-4 {
    display: flex;
    width: 17%;
    flex-direction: column;
    transition: all .2s;
}
.tl_col-5 {
    display: flex;
    width: 13.66%;
    flex-direction: column;
    transition: all .2s;
}
.tl_p-15-8 {
    padding: 15px 8px;
}
.tl_p-15-10 {
    padding: 15px 10px;
}
.tl_p-15-15 {
    padding: 15px;
}
.tl_p-15-20 {
    padding: 15px 20px;
}
.tl_p-15-30 {
    padding: 15px 30px;
}
.tl_p-15-8 {
    padding: 15px 8px;
}

.tl_p-20-8 {
    padding: 20px 8px;
}
.tl_p-20-10 {
    padding: 20px 10px;
}
.tl_p-20-15 {
    padding: 20px 15px;
}
.tl_p-20-20 {
    padding: 20px;
}
.tl_p-20-30 {
    padding: 20px 30px;
}
.tl_p-20-8 {
    padding: 20px 8px;
}

.tl_p-30-8 {
    padding: 30px 8px;
}
.tl_p-30-10 {
    padding: 30px 10px;
}
.tl_p-30-15 {
    padding: 30px 15px;
}
.tl_p-30-20 {
    padding: 30px 20px;
}
.tl_p-30-30 {
    padding: 30px;
}
.tl_p-30-8 {
    padding: 30px 8px;
}

.tl_p-40-8 {
    padding: 40px 8px;
}
.tl_p-40-10 {
    padding: 40px 10px;
}
.tl_p-40-15 {
    padding: 40px 15px;
}
.tl_p-40-20 {
    padding: 40px 20px;
}
.tl_p-40-30 {
    padding: 40px 30px;
}
.tl_p-40-8 {
    padding: 40px 8px;
}
.tl_p-40-8 {
    padding: 40px;
}


.tl_p-10{
    padding: 10px;
}
.tl_p-20{
    padding: 20px;
}
.tl_p-30{
    padding: 30px;
}
.tl_p-40{
    padding: 40px;
}
.tl_p-50{
    padding: 50px;
}

.tl_p-5-8 {
    padding: 5px 8px;
}
.tl_p-5-10 {
    padding: 5px 10px;
}
.tl_p-5-15 {
    padding: 5px 5px;
}
.tl_p-5-20 {
    padding: 5px 20px;
}
.tl_p-5-30 {
    padding: 5px 30px;
}
.tl_p-5-8 {
    padding: 5px 8px;
}

.tl_p-10-8 {
    padding: 10px 8px;
}
.tl_p-10-10 {
    padding: 10px;
}
.tl_p-10-15 {
    padding: 10px 5px;
}
.tl_p-10-20 {
    padding: 10px 20px;
}
.tl_p-10-30 {
    padding: 10px 30px;
}
.tl_p-10-8 {
    padding: 10px 8px;
}


.tl_z-2 {
    z-index: 2;
}
.tl_z-10 {
    z-index: 10;
}
.tl_z-20 {
    z-index: 20;
}
.tl_z-30 {
    z-index: 30;
}
.tl_z-40 {
    z-index: 40;
}
.tl_z-50 {
    z-index: 50;
}
.tl_z-99 {
    z-index: 99;
}
.tl_z-infinite {
    z-index: 99999999999;
}


.tl_display-flex {
    display: flex;
}
.tl_display-block {
    display: block;
}
.tl_display-none {
    display: none;
}
.tl_display-inline {
    display: inline;
}
.tl_display-grid {
    display: grid;
}
.tl_text-center {
    text-align: center;
}
.tl_text-justify {
    text-align: justify;
}
.tl_text-end {
    text-align: end;
}
.tl_align-items-center {
    align-items: center;
}
.tl_align-items-start {
    align-items: flex-start;
}
.tl_align-items-end {
    align-items: flex-end;
}
.tl_justify-content-center {
    justify-content: center;
}
.tl_justify-content-start {
    justify-content: flex-start;
}
.tl_justify-content-end {
    justify-content: flex-end;
}
.tl_justify-content-spaceAround {
    justify-content: space-around;
}
.tl_justify-content-spaceEvenly {
    justify-content: space-evenly;
}
.tl_justify-content-spaceBetween {
    justify-content: space-between;
}


.tl_shadow-1 {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15),
                0px 2px 10px rgba(0, 0, 0, 0.15);
}
.tl_shadow-2 {
    box-shadow: 4px 8px 25px rgba(0, 0, 0, 0.1);
}


.tl_shadow-1-red {
    box-shadow: 2px 2px 10px rgba(255, 0, 0, 0.15),
                0px 2px 10px rgba(255, 0, 0, 0.15);
}
.tl_shadow-2-red {
    box-shadow: 4px 8px 25px rgba(255, 0, 0, 0.1);
}

.tl_linear-red-effect {
    background: linear-gradient(90deg,transparent,rgba(255, 0, 0, 0.17));
}

.tl_linear-blue-effect {
    background: linear-gradient(90deg,transparent,rgba(0, 0, 255, 0.17));
}

.tl_linear-black-effect {
    background: linear-gradient(90deg,transparent,rgba(0, 0, 0, 0.17));
}

.tl_color-effet-red {
    color: rgba(255, 0, 0, 0.6);
}
.tl_color-effet-blue {
    color: rgba(0, 0, 255, 0.6);
}

.tl_shadow-1-blue {
    box-shadow: 2px 2px 10px rgba(0, 0, 255, 0.15),
                0px 2px 10px rgba(0, 0, 255, 0.15);
}
.tl_shadow-2-blue {
    box-shadow: 4px 8px 25px rgba(0, 0, 255, 0.1);
}




.tl_pt-0 {
    padding-top: 0;
}
.tl_pt-5 {
    padding-top: 5px;
}
.tl_pt-10 {
    padding-top: 10px;
}
.tl_pt-20 {
    padding-top: 20px;
}
.tl_pt-30 {
    padding-top: 30px;
}
.tl_pt-40 {
    padding-top: 40px;
}
.tl_pt-50 {
    padding-top: 50px;
}
.tl_pt-100 {
    padding-top: 100px;
}
.tl_pt-150 {
    padding-top: 150px;
}

.tl_pb-0 {
    padding-bottom: 0;
}
.tl_pb-5 {
    padding-bottom: 5px;
}
.tl_pb-10 {
    padding-bottom: 10px;
}
.tl_pb-20 {
    padding-bottom: 20px;
}
.tl_pb-30 {
    padding-bottom: 30px;
}
.tl_pb-40 {
    padding-bottom: 40px;
}
.tl_pb-50 {
    padding-bottom: 50px;
}
.tl_pb-100 {
    padding-bottom: 100px;
}
.tl_pb-150 {
    padding-bottom: 150px;
}

.tl_pl-0 {
    padding-left: 0;
}
.tl_pl-5 {
    padding-left: 5px;
}
.tl_pl-10 {
    padding-left: 10px;
}
.tl_pl-20 {
    padding-left: 20px;
}
.tl_pl-30 {
    padding-left: 30px;
}
.tl_pl-40 {
    padding-left: 40px;
}
.tl_pl-50 {
    padding-left: 50px;
}
.tl_p-100 {
    padding-left: 100px;
}
.tl_pl-150 {
    padding-left: 150px;
}

.tl_pr-0 {
    padding-right: 0;
}
.tl_pr-5 {
    padding-right: 5px;
}
.tl_pr-10 {
    padding-right: 10px;
}
.tl_pr-20 {
    padding-right: 20px;
}
.tl_pr-30 {
    padding-right: 30px;
}
.tl_pr-40 {
    padding-right: 40px;
}
.tl_pr-50 {
    padding-right: 50px;
}
.tl_pr-100 {
    padding-right: 100px;
}
.tl_pr-150 {
    padding-right: 150px;
}


.tl_p-5px {
    padding: 5px;
}
.tl_p-10px {
    padding: 10px;
}
.tl_p-15px {
    padding: 15px;
}
.tl_p-20px {
    padding: 20px;
}
.tl_p-25px {
    padding: 25px;
}
.tl_p-35px {
    padding: 35px;
}
.tl_p-40px {
    padding: 40px;
}
.tl_p-45px {
    padding: 45px;
}
.tl_p-50px {
    padding: 50px;
}



.tl_ph-5 {
    padding: 1px 5px;
}
.tl_ph-10 {
    padding: 1px 10px;
}
.tl_ph-20 {
    padding: 1px 20px;
}
.tl_ph-30 {
    padding: 1px 30px;
}
.tl_ph-40 {
    padding: 1px 40px;
}
.tl_ph-50 {
    padding: 1px 50px;
}
.tl_ph-80 {
    padding: 1px 80px;
}
.tl_ph-60 {
    padding: 2px 60px;
}
.tl_ph-100 {
    padding: 1px 100px;
}
.tl_ph-150 {
    padding: 1px 150px;
}

.tl_pv-5 {
    padding: 5px 1px;
}
.tl_pv-10 {
    padding: 10px 1px;
}
.tl_pv-20 {
    padding: 20px 1px;
}
.tl_pv-30 {
    padding: 30px 1px;
}
.tl_pv-40 {
    padding: 40px 1px;
}
.tl_pv-50 {
    padding: 50px 1px;
}
.tl_pv-100 {
    padding: 100px 1px;
}
.tl_pv-150 {
    padding: 150px 1px;
}
.tl_overflow-hidden {
    overflow: hidden;
}
.tl_overflow-scroll {
    overflow: scroll;
}
.tl_overflow-visible {
    overflow: visible;
}
.tl_overflow-x-hidden {
    overflow-x: hidden;
}
.tl_overflow-x-scroll {
    overflow-x: scroll;
}
.tl_overflow-x-visible {
    overflow-x: visible;
}
.tl_overflow-y-hidden {
    overflow-y: hidden;
}
.tl_overflow-y-scroll {
    overflow-y: scroll;
}
.tl_overflow-y-visible {
    overflow-y: visible;
}

.tl_text-underline {
    text-decoration: underline;
}
.tl_text-decoration-none {
    text-decoration: none;
}
.tl_text-line-through {
    text-decoration: line-through;
}
.tl_text-overline {
    text-decoration: overline;
}
.tl_position-relative {
    position: relative;
}
.tl_position-fixed {
    position: fixed;
}
.tl_position-absolute {
    position: absolute;
}


.tl_w-fit-content {
    width: fit-content;
}
.tl_w-10px {
    width: 10px;
}
.tl_w-20px {
    width: 20px;
}
.tl_w-25px {
    width: 25px;
}
.tl_w-30px {
    width: 30px;
}
.tl_w-35px {
    width: 35px;
}
.tl_w-40px {
    width: 40px;
}
.tl_w-45px {
    width: 45px;
}
.tl_w-50px {
    width: 50px;
}
.tl_w-100px {
    width: 100px;
}
.tl_w-150px {
    width: 150px;
}
.tl_w-120px {
    width: 120px;
}
.tl_w-110px {
    width: 110px;
}
.tl_w-130px {
    width: 130px;
}
.tl_w-200px {
    width: 200px;
}
.tl_w-250px {
    width: 250px;
}
.tl_w-300px {
    width: 300px;
}
.tl_w-350px {
    width: 350px;
}
.tl_w-400px {
    width: 300px;
}


.tl_h-fit-content {
    height: fit-content;
}
.tl_h-10px {
    height: 10px;
}
.tl_h-20px {
    height: 20px;
}
.tl_h-25px {
    height: 25px;
}
.tl_h-30px {
    height: 30px;
}
.tl_h-35px {
    height: 35px;
}
.tl_h-40px {
    height: 40px;
}
.tl_h-45px {
    height: 45px;
}
.tl_h-50px {
    height: 50px;
}
.tl_h-100px {
    height: 100px;
}
.tl_h-150px {
    height: 150px;
}
.tl_h-130px {
    height: 130px;
}
.tl_h-120px {
    height: 120px;
}
.tl_h-110px {
    height: 110px;
}
.tl_h-200px {
    height: 200px;
}
.tl_h-250px {
    height: 250px;
}
.tl_h-300px {
    height: 300px;
}
.tl_h-350px {
    height: 350px;
}
.tl_h-400px {
    height: 300px;
}


.tl_bg-white {
    background-color: white;
}
.tl_bg-black {
    background-color: black;
}
.tl_bg-dark {
    background-color: rgb(51, 51, 51);
}
.tl_bg-blue {
    background-color: rgb(36, 36, 219);
}
.tl_bg-grey {
    background-color: rgb(150, 150, 150);
}
.tl_bg-orange {
    background-color: orange;
}
.tl_bg-red {
    background-color: red;
}
.tl_bg-green {
    background-color: green;
}
.tl_tableLight {
    border-collapse: collapse;
    border-spacing: 0;
}

.tl_color-white {
    color: white;
}
.tl_color-primary {
    color: rgb(36, 36, 219);
}
.tl_color-grey {
    color: rgb(150, 150, 150);
}
.tl_color-orange {
    color: orange;
}
.tl_color-red {
    color: red;
}
.tl_color-green {
    color: green;
}


.tl_opacity {
    opacity: 0;
}
.tl_opacity-1 {
    opacity: .1;
}
.tl_opacity-2 {
    opacity: .2;
}
.tl_opacity-3 {
    opacity: .3;
}
.tl_opacity-4 {
    opacity: .4;
}
.tl_opacity-5 {
    opacity: .5;
}
.tl_opacity-6 {
    opacity: .6;
}
.tl_opacity-7 {
    opacity: .7;
}
.tl_opacity-8 {
    opacity: .8;
}
.tl_opacity-9 {
    opacity: .9;
}
.tl_opacity-10 {
    opacity: 1;
}

.tl_transparence {
    backdrop-filter: opacity(.1);
}

.tl_bg-transparent {
    background-color: transparent;
}
.tl_bg-transparent-1 {
    background-color: rgba(0, 0, 0, 0.1);
}
.tl_bg-transparent-2 {
    background-color: rgba(0, 0, 0, 0.2);
}
.tl_bg-transparent-3 {
    background-color: rgba(0, 0, 0, 0.3);
}
.tl_bg-transparent-4 {
    background-color: rgba(0, 0, 0, 0.4);
}
.tl_bg-transparent-5 {
    background-color: rgba(0, 0, 0, 0.5);
}
.tl_bg-transparent-6 {
    background-color: rgba(0, 0, 0, 0.6);
}
.tl_bg-transparent-7 {
    background-color: rgba(0, 0, 0, 0.7);
}
.tl_bg-transparent-8 {
    background-color: rgba(0, 0, 0, 0.8);
}
.tl_bg-transparent-9 {
    background-color: rgba(0, 0, 0, 0.9);
}

.tl_fg-transparent {
    color: transparent;
}
.tl_fg-transparent-1 {
    color: rgba(0, 0, 0, 0.1);
    -webkit-text-fill-color: rgba(0, 0, 0, 0.1); /* Safari compatibility */
}
.tl_fg-transparent-2 {
    color: rgba(0, 0, 0, 0.2);
    -webkit-text-fill-color: rgba(0, 0, 0, 0.2); /* Safari compatibility */
}
.tl_fg-transparent-3 {
    color: rgba(0, 0, 0, 0.3);
    -webkit-text-fill-color: rgba(0, 0, 0, 0.3); /* Safari compatibility */
}
.tl_fg-transparent-4 {
    color: rgba(0, 0, 0, 0.4);
    -webkit-text-fill-color: rgba(0, 0, 0, 0.4); /* Safari compatibility */
}
.tl_fg-transparent-5 {
    color: rgba(0, 0, 0, 0.5);
    -webkit-text-fill-color: rgba(0, 0, 0, 0.5); /* Safari compatibility */
}
.tl_fg-transparent-6 {
    color: rgba(0, 0, 0, 0.6);
    -webkit-text-fill-color: rgba(0, 0, 0, 0.6); /* Safari compatibility */
}
.tl_fg-transparent-7 {
    color: rgba(0, 0, 0, 0.7);
    -webkit-text-fill-color: rgba(0, 0, 0, 0.7); /* Safari compatibility */
}
.tl_fg-transparent-8 {
    color: rgba(0, 0, 0, 0.8);
    -webkit-text-fill-color: rgba(0, 0, 0, 0.8); /* Safari compatibility */
}
.tl_fg-transparent-9 {
    color: rgba(0, 0, 0, 0.9);
    -webkit-text-fill-color: rgba(0, 0, 0, 0.9); /* Safari compatibility */
}

.tl_fs-10 {
    font-size: 10px;
}
.tl_fs-12 {
    font-size: 12px;
}
.tl_fs-14 {
    font-size: 14px;
}
.tl_fs-16 {
    font-size: 16px;
}
.tl_fs-18 {
    font-size: 18px;
}
.tl_fs-20 {
    font-size: 20px;
}
.tl_fs-22 {
    font-size: 22px;
}
.tl_fs-24 {
    font-size: 24px;
}
.tl_fs-26 {
    font-size: 26px;
}
.tl_fs-28 {
    font-size: 28px;
}
.tl_fs-30 {
    font-size: 30px;
}
.tl_fs-32 {
    font-size: 32px;
}
.tl_fs-34 {
    font-size: 34px;
}
.tl_fs-36 {
    font-size: 36px;
}
.tl_fs-38 {
    font-size: 38px;
}
.tl_fs-40 {
    font-size: 40px;
}
.tl_fs-42 {
    font-size: 42px;
}
.tl_fs-44 {
    font-size: 44px;
}
.tl_fs-46 {
    font-size: 46px;
}
.tl_fs-48 {
    font-size: 48px;
}
.tl_fs-50 {
    font-size: 50px;
}
.tl_fs-52 {
    font-size: 52px;
}
.tl_fs-54 {
    font-size: 54px;
}
.tl_fs-56 {
    font-size: 56px;
}
.tl_fs-58 {
    font-size: 58px;
}
.tl_fs-60 {
    font-size: 60px;
}
.tl_fs-62 {
    font-size: 62px;
}
.tl_fs-70 {
    font-size: 70px;
}
.tl_fs-80 {
    font-size: 80px;
}
.tl_fs-90 {
    font-size: 90px;
}
.tl_fs-100 {
    font-size: 100px;
}
.tl_fs-110 {
    font-size: 110px;
}


.tl_fw-100 {
    font-weight: 100;
}
.tl_fw-200 {
    font-weight: 200;
}
.tl_fw-300 {
    font-weight: 300;
}
.tl_fw-400 {
    font-weight: 400;
}
.tl_fw-500 {
    font-weight: 500;
}
.tl_fw-600 {
    font-weight: 600;
}
.tl_fw-700 {
    font-weight: 700;
}
.tl_fw-800 {
    font-weight: 800;
}
.tl_fw-900 {
    font-weight: 900;
}
.tl_fw-bold {
    font-weight: bold;
}


.tl_transparence-1 {
    position: relative;
}
.tl_transparence-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .1; /* Opacité de 20% sur le calque */
    pointer-events: none; /* Permet aux événements de passer à travers le calque */
}

.tl_transparence-2 {
    position: relative;
}
.tl_transparence-2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .2; /* Opacité de 20% sur le calque */
    pointer-events: none; /* Permet aux événements de passer à travers le calque */
}

.tl_transparence-3 {
    position: relative;
}
.tl_transparence-3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .3; /* Opacité de 20% sur le calque */
    pointer-events: none; /* Permet aux événements de passer à travers le calque */
}

.tl_transparence-4 {
    position: relative;
}
.tl_transparence-4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .4; /* Opacité de 40% sur le calque */
    pointer-events: none; /* Permet aux événements de passer à travers le calque */
}

.tl_transparence-5 {
    position: relative;
}
.tl_transparence-5::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .5; /* Opacité de 50% sur le calque */
    pointer-events: none; /* Permet aux événements de passer à travers le calque */
}

/* Continuer avec les classes transparence-6 jusqu'à transparence-10 */
.tl_transparence-6 {
    position: relative;
}
.tl_transparence-6::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .6; /* Opacité de 60% sur le calque */
    pointer-events: none; /* Permet aux événements de passer à travers le calque */
}

.tl_transparence-7 {
    position: relative;
}
.tl_transparence-7::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .7; /* Opacité de 70% sur le calque */
    pointer-events: none; /* Permet aux événements de passer à travers le calque */
}

.tl_transparence-8 {
    position: relative;
}
.tl_transparence-8::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .8; /* Opacité de 80% sur le calque */
    pointer-events: none; /* Permet aux événements de passer à travers le calque */
}

.tl_transparence-9 {
    position: relative;
}
.tl_transparence-9::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .9; /* Opacité de 90% sur le calque */
    pointer-events: none; /* Permet aux événements de passer à travers le calque */
}

.tl_border-1 {
    border-width: 1px;
}
.tl_border-2 {
    border-width: 2px;
}
.tl_border-3 {
    border-width: 3px;
}
.tl_border-4 {
    border-width: 4px;
}
.tl_border-5 {
    border-width: 5px;
}

.tl_border-color-grey {
    border-color: grey;
}
.tl_border-color-black {
    border-color: black;
}
.tl_border-color-grey10 {
    border-color: rgb(180, 180, 180);
}
.tl_border-color-red {
    border-color: red;
}
.tl_border-color-green {
    border-color: green;
}
.tl_border-color-blue {
    border-color: blue;
}
.tl_border-color-white {
    border-color: white;
}

.tl_border-solid {
    border-style: solid;
}
.tl_border-dashed {
    border-style: dashed;
}
.tl_border-dotted {
    border-style: dotted;
}


.tl_border-collapse {
    border-collapse: collapse;
}
.tl_border-spacing {
    border-spacing: 0px;
}
.tl_border-spacing-1 {
    border-spacing: 1px;
}
.tl_border-spacing-2 {
    border-spacing: 2px;
}
.tl_border-spacing-4 {
    border-spacing: 4px;
}

@media (max-width: 650px) {
    .tl_flex-row {
        flex-direction: column !important;
    }
    .tl_row {
        flex-direction: column !important;
    }
    .tl_col,.tl_col-1,.tl_col-2,.tl_col-3,.tl_col-4,.tl_col-5 {
        width: 98% !important;
        margin-bottom: 20px;
    }
    
}