/*Moteur*/
#loader{
    display: none;
    position: fixed;
    width: 10vw;
    height: 10vw;
    z-index: 100000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0,0,0,0.3);
    border-radius: 20px;
}
#bt-floating{
    position: fixed;
    bottom: 24px;
    right: 24px;
    background: var(--main-color);
    color:#fff;
    border-radius:80px;
    border-width: 0;
    width: 64px;
    height:64px;
    padding:17px 16px 14px 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition:all 0.4s ease;
    box-shadow: 1px 4px 4px rgba(0,0,0,0.2);
}

#bt-floating:hover{
    background: var(--main-color-hover);
    transform: scale(1.2);
}
.floating-labels .bar:after, .floating-labels .bar:before {
    background: var(--main-color);
}

.td-image{
    width:6em;
    height: 6em;
    padding: 0 !important;
    cursor: pointer;
}
.page-item.active .page-link {
    z-index: 1;
    color: var(--main-text-color);
    background-color: var(--main-color);
    border-color: var(--main-color);
}
#toast-container > .toast-info,#toast-container > .toast-error,#toast-container > .toast-success,#toast-container > .toast-warning,#toast-container > .toast {
    background-image: none !important;
}
.toastr-icon{
    position: fixed;
    font-family: "Font Awesome 5 Pro";
    font-size: 24px;
    line-height: 18px;
    float: left;
    color: #fff;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
}

.modal-header{
    background-color: var(--main-color-hover-light);
}
.modal-title{
    color:black;
}

.text-xs{
    font-size: 10px !important;
}
.text-sm{
    font-size: 12px !important;
}
#table-annonce td{
    vertical-align: middle;
}
.td-img{
    padding: 0 !important;
    width: 82px !important;
}

.td-dates{
    padding:0.1rem !important;
}
.td-name{
    position: relative;
}
.center-cont{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
.table-bordered {
    border: 1px solid #7c8084;
}
.table td, .table th {
    border-color: #868686;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #babec2;
}
.pointer{
    cursor: pointer;
}
.td-body{
    position: relative;
}
a {
    text-decoration: none;
}