@font-face {
    font-family: 'Unbounded ExtraBold';
    src: url(../fonts/Unbounded-VariableFont_wght.ttf);
}

@font-face {
    font-family: 'Poppins';
    src: url(../fonts/Poppins-Medium.ttf);
}

:root{
    --blue: #37347a;
    --yellow: #ffec9a;
    --pink: #f85678;
    --green: #196b24;
}

body{
    background-image: url(../img/body_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    min-height:100vh;
}

h1, h1 span {
    font-family: 'Unbounded ExtraBold';
    font-size: 32px;
    color: var(--blue);
}

h2, h2 span, .form-control-plaintext{
    font-family: 'Unbounded ExtraBold';
    font-size: 24px;
    color: var(--blue);
    font-weight: 500;
}

p, a, span, button, label, legend, div {
    font-family: 'Poppins';
}

.surligne_jaune {
    display: inline-block;
}

.surligne_jaune:after {
    content: "";
    display: block;
    position: relative;
    bottom: 15px;
    left: 0;
    height: 15px;
    width: 100%;
    background: var(--yellow);
    border-radius: 25px;
    z-index: -1;
}

.btn-blue{
    background-color: var(--blue);
    color: #fff!important;
}

.btn-blue:hover{
    background-color: #fff;
    color: var(--blue)!important;
}

.btn-yellow{
    background-color: var(--yellow);
    color: #fff!important;
}

.btn-yellow:hover{
    background-color: #fff;
    color: var(--yellow)!important;
}

.btn-pink{
    background-color: var(--pink);
    color: #fff!important;
}

.btn-pink:hover{
    background-color: #fff;
    color: var(--pink)!important;
}

.logo_home{
    max-width: 75px;
}
.logo_home_admin{
    max-width: 50px;
}
.thumbnail{
    max-width: 100px;
}

.nav-link{
    color: var(--blue);
}
.nav-link:focus, .nav-link:hover, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--pink);
}

figure.image{
    text-align: center;
}
figure.image-style-block-align-left{
    text-align: left;
}
figure.image-style-block-align-right{
    text-align: right;
}

.sidebar-collapse .user-panel{
    flex-wrap: wrap;
}
.sidebar-collapse .user-panel .image{
    width: 100%;
    padding: 0;
    text-align: center;
}
.sidebar-collapse .user-panel .info{
    display: none;
}
.btn-outline-primary {
    color: var(--blue);
    border-color: var(--blue);
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--blue);
    border-color: var(--blue);
}
.sidebar-dark-primary{
    background: #dae3f3;
}
a {
    color: var(--blue);
    text-decoration: none;
    background-color: transparent;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: var(--blue);
    color: #fff;
}
[class*=sidebar-dark-] .sidebar a,[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
    color: #000;
}
.bg-inc-primary{
    background-color: var(--blue)!important;
    color: #fff!important;
}
.bg-inc-pink{
    background-color: var(--pink)!important;
    color: #fff!important;
}
.btn-outline-secondary {
    color: var(--pink);
    border-color: var(--pink);
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: var(--pink);
    border-color: var(--pink);
}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover,
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link {
    background-color: var(--blue);
}
.select2{
    display: block;
    width: 100%!important;
}
.select2 .select2-selection{
    height: 37px;
    padding: 0.375rem 2.25rem .375rem .75rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
}
.admin .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
}
.accordion-btn-perso{
    font-size: 18px!important;
}
.fc-pink{
    color: var(--pink);
}
.fc-blue{
    color: var(--blue);
}
.fc-yellow{
    color: var(--yellow);
}
.fs-20{
    font-size: 20px;
}
.fs-22{
    font-size: 22px;
}
#accordionHome .accordion-button:not(.collapsed)::after,
.accordion-button::after, 
#accordionBoard .accordion-button:not(.collapsed)::after{
    display: none;
}
#accordionHome .accordion-button:not(.collapsed)::before,
#accordionBoard .accordion-button:not(.collapsed)::before,
.accordion_pictos .accordion-button:not(.collapsed)::before{
    font-family: "Font Awesome 5 Free";
    content: "\f146";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-weight: 400;
    color: var(--blue);
}
#accordionHome .accordion-button::before,
#accordionBoard .accordion-button::before,
.accordion_pictos .accordion-button::before{
    font-family: "Font Awesome 5 Free";
    content: "\f0fe";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-weight: 400;
    color: var(--blue);
}
figure.media{
    max-width: 640px;
    max-height: 480px;
    margin: auto;
}
.image_resized{
    height: auto;
}
.nomargin li p{
    margin-bottom: 0;
}
.nomargin p,
.nomargin a, 
.nomargin li, 
.nomargin span, 
.nomargin button, 
.nomargin label, 
.nomargin legend, 
.nomargin div {
    font-family: 'Poppins';
    color: var(--blue);
    font-size: 18px;
}
li.nomargin, .ls-none{
    list-style: none;
}
.flex-next-div > div{
    flex: auto;
}
img{
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    height: auto;
}
.sticky{
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 10;
    background-color: #fff;
}
.bg_login_form{
    background-image: url(../img/open_space_connexion.jpeg);
    background-size: auto;
    background-position: right;
}
.video_accueil{
    max-width: 1600px;
    margin: auto;
}
.search_activity .select2-container{
    width: 300px !important;
}
.search_activity .select2 .select2-selection{
    border-bottom: 0;
    border-color: #dee2e6;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0.5rem 1rem;
    height: 41px;
}
.search_activity .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--blue);
}
.search_activity .select2-container--default .select2-selection--single .select2-selection__placeholder::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002";
    margin-right:5px;
}
.search_activity .select2-selection__arrow{
    display: none;
}
.difference{
    color: var(--pink);
}
.contrib_valide{
    color: var(--green)!important;
}