body
{
    cursor: url('../images/ihm/22lr_cartridge.png') 0 0, auto;
    height: calc(100vh - 40px);
    margin-top: 40px;
    padding-top: 4px;
}

/* ----- Span "Projet" ----- */
#projet
{
    position: absolute;
    right: 40px;
    top: 80px;
    transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        -o-transform: rotate(20deg);
}

/* ----- Navbar -----*/
#top-menu nav
{
    box-shadow: 0 0.25rem 0.375rem 0.03rem rgba(0, 0, 0, 0.75) !important;
}

.navbar a.text-fl-white:hover
{
    color: #D8D8BB !important;
}

.navbar-item
{
    border-bottom: 4px solid transparent;
}
.nav-link.active
{
    border-bottom: 4px solid #B22222;
    color: #FFFFFF !important;
}
.nav-link.disabled, .nav-link:disabled
{
    color: #5B6163;
}

/* Flash messages */
.flash-container
{
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1030;
}
.flash
{
    animation: flashMessage 750ms ease 500ms 1 normal forwards;
        -webkit-animation: flashMessage 750ms ease 500ms 1 normal forwards;
    opacity: 0;
    position: relative;
}
.flash .alert
{
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 5px solid;
}
.flash .btn-close
{
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}
@keyframes flashMessage {
    0% {
        opacity: 0;
        transform: translateY(-200px);
            -webkit-transform: translateY(-200px);
            -moz-transform: translateY(-200px);
            -ms-transform: translateY(-200px);
            -o-transform: translateY(-200px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
    }
}

/* Breadcrumb */
#breadcrumb
{
    background-color: #FFFFFF;
    left: 200px;
    position: fixed;
    right: 0;
    top: 0;
}
.breadcrumb-item + .breadcrumb-item
{
    padding: 0 4px !important;
}

.breadcrumb-item + .breadcrumb-item::before
{
    content: "〉";
    font-weight: bold;
    padding: 0 4px !important;
}

.breadcrumb-item a
{
    color: inherit;
    text-decoration: none !important;
}

/* Pagination */
.page-link
{
    border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
    font-size: 9pt;
}
.page-item.active > .page-link
{
    background-color: #CFE2FF;
    border-color: #9DC2F9;
    color: #000000;
}

/* Datalist */
.datalist-header-container
{
    position: sticky;
    top: 0;
    z-index: 5;
}
.datalist-header
{
    background-color: #8F9193;
}
.dropdown-datalist:hover, .dropdown-datalist:active, .dropdown-datalist:focus
{
    border: 1px solid transparent;
}
.dropdown-datalist::after
{
    display: none;
}
.dropdown-datalist-link
{
    font-size: 9pt;
}
.dropdown-datalist:hover .dropdown-menu
{
    display: block;
}


/* Curseurs */
.cursor-auto          { cursor: auto; }
.cursor-cell          { cursor: cell; }
.cursor-col-resize    { cursor: col-resize; }
.cursor-context-menu  { cursor: context-menu; }
.cursor-copy          { cursor: copy; }
.cursor-crosshair     { cursor: crosshair; }
.cursor-default       { cursor: default; }
.cursor-e-resize      { cursor: e-resize; }
.cursor-ew-resize     { cursor: ew-resize; }
.cursor-help          { cursor: help; }
.cursor-move          { cursor: move; }
.cursor-n-resize      { cursor: n-resize; }
.cursor-ne-resize     { cursor: ne-resize; }
.cursor-new-resize    { cursor: ne-resize; }
.cursor-no-drop       { cursor: no-drop; }
.cursor-none          { cursor: none; }
.cursor-not-allowed   { cursor: not-allowed !important; }
.cursor-ns-resize     { cursor: ns-resize; }
.cursor-new-resize    { cursor: ne-resize; }
.cursor-nwse-resize   { cursor: nwse-resize; }
.cursor-pointer       { cursor: pointer; }
.cursor-progress      { cursor: progress; }
.cursor-row-resize    { cursor: row-resize; }
.cursor-s-resize      { cursor: s-resize; }
.cursor-se-resize     { cursor: se-resize; }
.cursor-sw-resize     { cursor: sw-resize; }
.cursor-text          { cursor: text; }
.cursor-vertical-text { cursor: vertical-text; }
.cursor-w-resize      { cursor: w-resize; }
.cursor-wait          { cursor: wait; }
.cursor-moz-grab      { cursor: -moz-grab; }
.cursor-moz-zoom-in   { cursor: -moz-zoom-in; }
.cursor-moz-zoom-out  { cursor: -moz-zoom-out; }
.cursor-alias         { cursor: alias; }
.cursor-all-scroll    { cursor: all-scroll; }

/* Couleurs */
.text-ardoise     { color: #5B6163; }
.text-anthracite  { color: #2B2B2B; }
.text-pin         { color: #3D858E; }
.text-jade        { color: #5BB3A3; }
.text-cerise      { color: #CA3C20; }
.text-turquin     { color: #3E73A1; }
.text-paon        { color: #46A1B6; }
.text-lila        { color: #804FA5; }
.text-capucine    { color: #F84C66; }
.text-melon       { color: #F5A644; }
.text-orange      { color: #FF9800; }
.text-amber       { color: #FFC107; }
.text-yellow      { color: #FFEB3B; }
.text-lime        { color: #CDDC39; }
.text-light-green { color: #8BC34A; }
.text-green       { color: #4CAF50; }
.text-teal        { color: #009688; }
.text-cyan        { color: #00BCD4; }
.text-light-blue  { color: #03A9F4; }
.text-blue        { color: #2196F3; }
.text-indigo      { color: #3F51B5; }
.text-deep-purple { color: #673AB7; }
.text-purple      { color: #9C27B0; }
.text-pink        { color: #E91E63; }
.text-red         { color: #F44336; }

.bg-ardoise     { background-color: #5B6163; }
.bg-anthracite  { background-color: #2B2B2B; }
.bg-pin         { background-color: #3D858E; }
.bg-jade        { background-color: #5BB3A3; }
.bg-cerise      { background-color: #CA3C20; }
.bg-turquin     { background-color: #3E73A1; }
.bg-paon        { background-color: #46A1B6; }
.bg-lila        { background-color: #804FA5; }
.bg-capucine    { background-color: #F84C66; }
.bg-melon       { background-color: #F5A644; }
.bg-orange      { background-color: #FF9800; }
.bg-amber       { background-color: #FFC107; }
.bg-yellow      { background-color: #FFEB3B; }
.bg-lime        { background-color: #CDDC39; }
.bg-light-green { background-color: #8BC34A; }
.bg-green       { background-color: #4CAF50; }
.bg-teal        { background-color: #009688; }
.bg-cyan        { background-color: #00BCD4; }
.bg-light-blue  { background-color: #03A9F4; }
.bg-blue        { background-color: #2196F3; }
.bg-indigo      { background-color: #3F51B5; }
.bg-deep-purple { background-color: #673AB7; }
.bg-purple      { background-color: #9C27B0; }
.bg-pink        { background-color: #E91E63; }
.bg-red         { background-color: #F44336; }

/* Boutons d'action et liens type bouton */
.btn-w-150 { width: 150px; }
.btn-w-120 { width: 120px; }
.btn-w-100 { width: 100px; }

.btn-prepend-icon
{
    bottom: -26px;
    color: #FFFFFF;
    height: 30px;
    left: -8px;
    padding: 4px 0;
    position: absolute;
    text-align: center;
    top: -4px;
    width: 30px;
}
.btn-cam-green-olive { background-color: #759441; color: #FFFFFF; }
.btn-cam-olive       { background-color: #BBBB00; }
.btn-cam-brown       { background-color: #BE601B; color: #FFFFFF;}
.btn-cam-beige       { background-color: #FFFFFF; }
.btn-cam-black       { background-color: #262626; color: #FFFFFF; }
.btn-fl-dark-green   { background-color: #026C45; color: #FFFFFF; }
.btn-fl-white        { background-color: #FFFFFF; }
.btn-fl-gold         { background-color: #FFE13C; }
.btn-fl-red          { background-color: #D93737; color: #FFFFFF; }

.btn-cam-green-olive:hover { background-color: #556B2F; color: #FFFFFF; }
.btn-cam-olive:hover       { background-color: #808000; color: #FFFFFF; }
.btn-cam-brown:hover       { background-color: #8B4513; color: #FFFFFF;}
.btn-cam-beige:hover       { background-color: #F5F5DC; }
.btn-cam-black:hover       { background-color: #000000; color: #FFFFFF; }
.btn-fl-dark-green:hover   { background-color: #013220; color: #FFFFFF; }
.btn-fl-white:hover        { background-color: #FFFFFF; }
.btn-fl-gold:hover         { background-color: #FFD700; }
.btn-fl-red:hover          { background-color: #B22222; color: #FFFFFF; }

.btn-prepend-icon-primary         { background-color: #0069D9; }
.btn-prepend-icon-danger          { background-color: #C82333; }
.btn-prepend-icon-warning         { background-color: #E0A800; }
.btn-prepend-icon-secondary       { background-color: #5A6268; }
.btn-prepend-icon-success         { background-color: #1E7E34; }
.btn-prepend-icon-cam-green-olive { background-color: #556B2F; }
.btn-prepend-icon-cam-olive       { background-color: #808000; }
.btn-prepend-icon-cam-brown       { background-color: #8B4513; }
.btn-prepend-icon-cam-beige       { background-color: #F5F5DC; }
.btn-prepend-icon-cam-black       { background-color: #000000; }
.btn-prepend-icon-fl-dark-green   { background-color: #013220; }
.btn-prepend-icon-fl-white        { background-color: #FFFFFF; }
.btn-prepend-icon-fl-gold         { background-color: #FFD700; }
.btn-prepend-icon-fl-red          { background-color: #B22222; }

.btn-append-text
{
    margin-left: 30px;
    text-align: left;
}

/* Largeurs et hauteurs fixes */
.w-24px  { width: 24px !important; }
.w-32px  { width: 32px !important; }
.w-50px  { width: 50px !important; }
.w-75px  { width: 75px !important; }
.w-100px { width: 100px !important; }
.w-125px { width: 125px !important; }
.w-150px { width: 150px !important; }
.w-200px { width: 200px !important; }
.w-250px { width: 250px !important; }
.w-300px { width: 300px !important; }
.w-350px { width: 350px !important; }
.w-400px { width: 400px !important; }
.w-450px { width: 450px !important; }
.w-500px { width: 500px !important; }
.w-550px { width: 550px !important; }
.w-600px { width: 600px !important; }
.w-650px { width: 650px !important; }
.w-700px { width: 700px !important; }
.w-750px { width: 750px !important; }
.w-800px { width: 800px !important; }

.h-24px  { height: 24px !important; }
.h-32px  { height: 32px !important; }
.h-50px  { height: 50px !important; }
.h-75px  { height: 75px !important; }
.h-100px { height: 100px !important; }
.h-125px { height: 125px !important; }
.h-150px { height: 150px !important; }
.h-200px { height: 200px !important; }
.h-250px { height: 250px !important; }
.h-300px { height: 300px !important; }
.h-350px { height: 350px !important; }
.h-400px { height: 400px !important; }
.h-450px { height: 450px !important; }
.h-500px { height: 500px !important; }
.h-550px { height: 550px !important; }
.h-600px { height: 600px !important; }
.h-650px { height: 650px !important; }
.h-700px { height: 700px !important; }
.h-750px { height: 750px !important; }
.h-800px { height: 800px !important; }

/* Surcharges Bootstrap */
.offcanvas.offcanvas-end { width: 500px; }

.accordion-button:focus { box-shadow: none; }

.accordion-button::after
{
    background-image: none;
    content: "▲";
}
.accordion-button:not(.collapsed)::after
{
    background-image: none;
    content: "▼";
    transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
}

.dropdown-menu li
{
    position: relative;
}
.dropdown-menu .dropdown-submenu
{
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}
.dropdown-menu .dropdown-submenu-left
{
    right: 100%;
    left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu
{
    display: block;
}


/* Tableaux */
.table thead
{
    position: sticky;
    top: 5px;
}

/* Modifie la position des pseudo-éléments ::marker pour le positionner à droite */
.container {
    padding: 0;
    position: relative;
    width: 100%;

}
summary {
    list-style: none; /* Enlève le marker par défaut */
    cursor: pointer;
}
summary::marker {
    display: none;
}
summary::after {
    content: "▲"; /* Change le marker quand le details est ouvert */
    position: absolute;
    right: 10px;
}
details[open] summary::after {
    content: "▼"; /* Ajoute un marker personnalisé */
}

.footer-link
{
    color: #D0D0D0;
    text-decoration: none;
}
.footer-link:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

/* Masquer le logo Hightcharts.com */
.highcharts-credits
{
    display: none;
}

/* Séparateur */
.div-divider
{
    border-top: 1px solid #dee2e6;
    margin-bottom: 15px;
}