@font-face 

	{

    font-family: 'Nunito';

    src: url('../fonts/Nunito-VariableFont_wght.ttf') format('truetype');

    font-weight: 100 900;

    font-style: normal;

	}



@font-face 

	{

    font-family: 'Nunito';

    src: url('../fonts/Nunito-Italic-VariableFont_wght.ttf') format('truetype');

    font-weight: 100 900;

    font-style: italic;

	}



@font-face 

	{

    font-family: 'Roboto';

    src: url('../fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');

    font-weight: 100 900;

    font-stretch: 75% 125%;

    font-style: normal;

	}



@font-face {

    font-family: 'Roboto';

    src: url('../fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');

    font-weight: 100 900;

    font-stretch: 75% 125%;

    font-style: italic;

}



.form-control::placeholder {

    color: gray !important;

    opacity: 1; /* Assurez-vous que la transparence ne réduit pas la visibilité */

  }



.overlay {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    justify-content: center;

    align-items: center;

    z-index:1000;

  }

  .monmodal {

    background: white;

    padding: 20px;

    border-radius: 10px;

    width: 90vw;

    max-width: 90%;

  }

  .monmodal-header {

    font-size: 20px;

    margin-bottom: 10px;

  }

  .monmodal-body {

    margin-bottom: 20px;

  }

  .monmodal-footer {

    display: flex;

    justify-content: space-between;

  }





/* Application des polices */

h1, h2, h3, h4, h5, h6 {

    font-family: 'Nunito', sans-serif;

}



body 

    {

    background-color: #383838 !important;

    }



.section-intro,p,label,input,a,.list-group-item

    {

    font-family: 'Roboto', sans-serif;

    }



#wrapper 

    {

    overflow-x: hidden;

    }



h1

    {

    font-size: calc(0.9rem + 1.5vw) !important;

    color:#e2af7d !important;

    }



h2

    {

    margin-top:40px;

    font-size: calc(0.95rem + 1.4vw) !important;

    color:#e2af7d !important;

    }



.list-group-item

    {

    color:#efd7cb !important;

    }



.table-striped>tbody>tr:nth-of-type(odd)>* {

    --bs-table-bg-type: #f2f7fc !important;

}

    

.paginationn {

    display: flex;

    justify-content: center;

    padding: 1rem 0;

  }



  .paginationn button {

    border: 1px solid #d7dce1;

    border-radius: 5px;

    padding: 0.5rem 1rem;

    background-color: white;

    color: #7a9cc3;

    cursor: pointer;

    transition: background-color 0.3s, color 0.3s;

    margin: 0 0.25rem;

  }



  .paginationn button:hover {

    background-color: #9cb7d1;

    color: white;

  }



  .paginationn button.active {

    background-color: #d4e0ee;

    border-color: #d4e0ee;

    color: white;

  }



  .paginationn button:disabled {

    color: #6c757d;

    pointer-events: none;

    border-color: #ddd;

  }



  .paginationn button:last-child {

    margin-right: 0;

  }



  .paginationn button.active {

    background-color: #002041;

    color: white;

}



a,a:hover,a:active,a:visited,.nav-link

    {

    color:#efd7cb;

    text-decoration: none;

    }



h3

    {

    color:#e2e2e2;

    font-size: calc(0.9rem + .6vw);

    }



.section-intro

    {

    color:#ebebeb;

    }



#sidebar-wrapper 

    {

    min-height: 100vh;

    margin-left: -15rem;

    -webkit-transition: margin 0.25s ease-out;

    -moz-transition: margin 0.25s ease-out;

    -o-transition: margin 0.25s ease-out;

    transition: margin 0.25s ease-out;

    }



#sidebar-wrapper .sidebar-heading 

    {

    padding: 0.875rem 1.25rem;

    font-size: 1.2rem;

    }



#sidebar-wrapper .list-group 

    {

    width: 15rem;

    }



#page-content-wrapper 

    {

        display: flex;

        flex-grow: 1; 

    }



body.sb-sidenav-toggled #wrapper #sidebar-wrapper 

    {

    margin-left: 0;

    }



.app-card.border-left-decoration 

    {

    border-left: 3px solid #9d9c9d;

    }



.app-card.border-left-decoration-error

    {

    border-left: 3px solid #a31515;

    }



.app-card.border-left-decoration-success

    {

    border-left: 3px solid #15a31a;

    }



.app-card.border-left-decoration-warning

    {

    border-left: 3px solid #a35c15;

    }



.app-card 

    {

    position: relative;

    background: #e6c9b6;

    border-radius: .25rem;

    }



.app-card-stat 

    {

    text-align: center;

    }



.btn-primary 

    {

    color: #fff !important;

    --bs-btn-color: #fff ;

    --bs-btn-bg: #975923;

    --bs-btn-border-color: #975923;

    --bs-btn-hover-color: #fff;

    --bs-btn-hover-bg: #aa6d28;

    --bs-btn-hover-border-color: #aa6d28;

    --bs-btn-focus-shadow-rgb: 49,132,253;

    --bs-btn-active-color: #fff;

    --bs-btn-active-bg: #aa6d28;

    --bs-btn-active-border-color: #aa6d28;

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: #fff;

    --bs-btn-disabled-bg: #9098a3;

    --bs-btn-disabled-border-color: #9098a3;

    }



input:invalid 

    {

    border-color: red;

    }

    

input:focus:invalid 

    {

    outline-color: red;

    }



select:invalid 

    {

    border-color: red;

    }



select:focus:invalid 

    {

    outline-color: red;

    }



.hidden 

    {

    display:none !important;

    }





/* Fixe la sidebar */

#sidebar-wrapper {

position: fixed;

top: 0;

left: 0;

height: 100vh; /* Pleine hauteur */

width: 250px; /* Largeur fixe */

overflow-y: auto; /* Permet le scroll si nécessaire */

z-index: 1000;

}



/* Fixe la navbar */

.navbar {

position: fixed;

top: 0;

left: 250px; /* Décale pour éviter d'être sous la sidebar */

width: calc(100% - 250px); /* Ajuste la largeur */

z-index: 1050;

}



/* Décale le contenu pour ne pas être caché par la navbar */

#page-content-wrapper {

margin-left: 250px;

margin-top: 60px; /* Hauteur de la navbar */

padding: 20px;

}



/* Ajuste la transition de la sidebar si elle est cachée */

.toggled #sidebar-wrapper {

margin-left: -250px;

}



.toggled #page-content-wrapper {

margin-left: 0;

}



/* Empêche la superposition du bouton toggle */

#sidebarToggle {

z-index: 1100;

}



/* Quand la sidebar est réduite */

.toggled #sidebar-wrapper {

    margin-left: -250px;

}



.toggled #page-content-wrapper {

    margin-left: 0;

}



.toggled .navbar {

    left: 0;

    width: 100%;

}



@media (max-width: 768px) 

{

    #page-content-wrapper 

    {

    margin-left: 0px !important;

    min-width: 0;

    width: 100%;

    }



    .navbar

        {

        width:100% !important;

        left:0px !important;

        }

}



.list-group-item-dark

    {

        --bs-list-group-action-hover-bg: #454545 !important;

    }



@media (min-width: 768px) 

    {

    #sidebar-wrapper 

        {

        margin-left: 0;

        }



    body.sb-sidenav-toggled #wrapper #sidebar-wrapper 

        {

        margin-left: -15rem;

        }

    }

    @media (min-width: 1200px) {
        .col-xl {
            flex: 0 0 auto !important;
            width: 25% !important;
        }
    }

    @media (min-width: 1600px) {
        .col-2xl {
            flex: 0 0 auto !important;
            width: 20% !important;
        }
    }

    @media (min-width: 1900px) {
        .col-3xl {
            flex: 0 0 auto !important;
            width: 16.6% !important;
        }
    }

    @media (min-width: 2300px) {
        .col-4xl {
            flex: 0 0 auto !important;
            width: 14.2% !important;
        }
    }

    @media (min-width: 2800px) {
        .col-5xl {
            flex: 0 0 auto !important;
            width: 12.5% !important;
        }
    }

    @media (min-width: 3300px) {
        .col-6xl {
            flex: 0 0 auto !important;
            width: 9.05% !important;
        }
    }

    @media (min-width: 3800px) {
        .col-7xl {
            flex: 0 0 auto !important;
            width: 7.1% !important;
        }
    }