@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import "./all.min.css";

@import url("../../assets-commun/css/bootstrap3-modal.css") screen and (min-width: 768px);

@import url(../../assets-commun/css/login-block.css);
@import url(bs3-to-bs5-colors.css);
@import url(bs3-to-bs5-compat.css);

:root {
    --bg-section: rgba(199, 219, 235, 0.25);
    --bg-topbar: #07548C;

    --color-blur: rgba(255, 255, 255, 0.25);



    --color-text: #636C7D;
    --color-titre: #292c2f;

    --color-site-1: #ffa601;
    --color-site-2: #3A78C9;




    --color-black: #000000;
    --color-white: #ffffff;

    --color-border: rgba(0, 0, 0, 0.175);
    --color-border-2: rgba(199, 219, 235, 1);
    --color-black-1: #1e293b;
    --color-blue1: #051036;
    --color-icon-time: #21D7F3;
    --color-border-1: #C7DBEB;
    --color-bg-gray: #F5F7FC;
    --color-bg-icon: #C7DBEB;
    --text-gray: #636C7D;

    --font: "DM Sans", serif;

    --border-radius: 6px;
    --transition: .5s ease;
}

*, *::before, *::after {
    user-select: none;
}

body {
    font-family: var(--font);
    font-size: 14px;
    font-style: normal;
    line-height: 1.5;
    background-color: var(--color-white);
}

.color-red, .fa-trash{
    color: red;
}
.BItem{
    border: 1px solid var(--color-border-2);
    border-radius: var(--border-radius);

}
.border-2{
    border: 1px solid var(--color-border-2) !important;

}

.border-solid{
    border: 1px solid var(--color-border-2) !important;

}
.box-shadow{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
}

.b-radius{
    border-radius: var(--border-radius);
}
.fa-star {
    color: var(--color-site-1);
    font-size: 14px;
}
[type=button]:not(:disabled), .btn:focus, .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}
.btn:hover{
    transform: none;
}
a {
    text-decoration: none;
}

ul {
    margin-bottom: 0;
    padding-left: 0;
}

li {
    list-style: none;
}

.bg-filtre {
    background: var(--color-site-2);

}


#social-profile {
    position: fixed;
    top: 45%;
    transform: translateY(-50%);
    right: 0;
    z-index: 555;
    text-align: center;
}
#social-profile i {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    font-size: 16px;
    color: var(--color-white);
    height: 35px;
    width: 35px;
}

.bg-facebook{
    background-color: #3B5998;
}
.bg-twitter, .bg-tiktok {

    background-color: var(--color-black);
}
.bg-instagram {
    background: #C32AA3;
}
.bg-youtube {
    background-color: red;
}

.color-green {
    color: rgb(37, 184, 27)
}