:root {
  color-scheme: light dark; /* both supported */
}
body.darkTheme,
body.darkTheme .bg-white,
body.darkTheme .form-control,
body.darkTheme .form-select,
body.darkTheme .courbeAccueilWrapper .cercleArgument,
body.darkTheme .dropdown-menu,
body.darkTheme #suiviEtape > div ,
body.darkTheme .designTextInSurvol
{
    background-color: #121212 !important;
    color: white !important;
}
body.darkTheme .text-dark,
body.darkTheme .text-secondary{
    color: white !important;
}
body.darkTheme .bonlivraison{
    color: initial !important;
}
body.darkTheme .text-muted{
    color: #cfcfcf !important;
}
body.darkTheme i.bg-dark,
body.darkTheme i.hfo.bg-white,
body.darkTheme i#camionDepart.bg-white{
    background-color: #eee !important;
}
body.darkTheme i.bg-secondary{
    background-color: #eee !important;
    filter: brightness(.8) contrast(1.2);
}
body.darkTheme .bg-gray,
body.darkTheme .bg-grey,
body.darkTheme .bg-shade-gray,
body.darkTheme .linear-gradient{
    background-color: #242424 !important;
    background:inherit;
}
body.darkTheme .bg-light,
body.darkTheme .btn-light,
body.darkTheme .bg-secondary{
    background-color: #121212 !important;
}
body.darkTheme .backgroundGrey{
    background-color: #323232 !important;
}
body.darkTheme .slashImage::before {
	border-color: transparent transparent #323232 transparent;
}
body.darkTheme .courbeAccueil>.courbeAccueilBackground{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzNXB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTY0MCAxNDBDMjg2LjU0IDE0MCAwIDAgMCAwaDEyODBTOTkzLjQ2IDE0MCA2NDAgMTQweiIvPjwvZz48L3N2Zz4=);
	filter: brightness(0.1);
}
body.darkTheme .courbeAccueil > * {
	filter: brightness(1);
}

body.darkTheme .bandeauThemeActu.brulantes,
body.darkTheme .bandeauThemeActu.Transmission,
body.darkTheme .bandeauThemeActu.Groupe
{
	filter: brightness(0.8);
}

body.darkTheme .bg-error,
body.darkTheme .btn-error{
    background-color: #CF6679 !important;
}

body.darkTheme img:not(.logo),
body.darkTheme .bg-success,
body.darkTheme .bg-primary,
body.darkTheme .btn-primary,
body.darkTheme .menuRapideFixed-btn:hover {
    /* filter: brightness(.8) contrast(1.2); */
}

body.darkTheme .shadowBlock {
	box-shadow: none;
    filter: brightness(1.07) contrast(1.2);
    background-color: #121212 !important;
}
@media(min-width:768px){
    body.darkTheme .shadowBlock-md {
    	box-shadow: none;
        filter: brightness(1.07) contrast(1.2);
        background-color: #121212 !important;
    }
    body.darkTheme .shadowBlock-md-0 {
    	box-shadow: none;
        filter: none;
        background-color: inherit !important;
    }
}
body.darkTheme .table{
    color:inherit;
}


body.darkTheme .table-striped > tbody > tr:nth-of-type(2n+1):not(:hover) {
	color: inherit;
}
body.darkTheme .table-striped tr:hover {
	color: #f47400;
}
body.darkTheme .containerTableauCommande tbody th,
body.darkTheme .containerTableauArticle tbody th {
	border: white 3px solid;
}
body.darkTheme .containerTableauCommande tr:not(:hover) td a,
body.darkTheme .containerTableauArticle tr:not(:hover) td a {
	color: inherit;
	text-decoration: none;
}
body.darkTheme .containerTableauCommande tr:hover td a,
body.darkTheme .containerTableauArticle tr:hover td a {
	color: #f47400;
	text-decoration: none;
}
body.darkTheme .table.table-grey{
    color:white !important;
    filter: brightness(1.07) contrast(1.2);
    background-color: #121212 !important;
}
body.darkTheme .cercle,
body.darkTheme .cadre-moncompte:hover{
    background-color: rgb(152, 119, 108);
}
body.darkTheme input:disabled{
    color:white;
}

body.darkTheme .argumentFil-wrapper .argumentFil-item {
	background-color: #121212;
}
body.darkTheme .containerTableauArticle .containerfixed-header tbody th.fixed-start,
body.darkTheme .containerTableauArticle .containerfixed-header tbody th.fixed-end{
    background-color: #121212;
}
body.darkTheme .step{
    background-color: #121212;
    filter: brightness(1.07) contrast(1.2);
    border: 1px solid #cdcdcd;
}
body.darkTheme .step.selected{
    border: 1px solid #f47400;
}
body.darkTheme .menuProgress {
	border-bottom: 1px solid #f47400;
}
body.darkTheme #monCompte:hover #preview-moncompte .bec,
body.darkTheme #monCompte #preview-moncompte,
body.darkTheme #monCompte:hover #preview-moncompte nav{
    background-color: #121212 !important;
    filter: brightness(1.07) contrast(1.2);
}
body.darkTheme .change_photo_tag ,
body.darkTheme .blocImageCatalogue,
body.darkTheme #previewImage img ,
body.darkTheme img:not(.logo)  {
    background-color: #eee !important;
}
body.darkTheme #previewImageIndication em{
    color: #121212 !important;
}
body.darkTheme .breadcrumb-item .hfo-home{
    background-color: #f47400 !important;
}

body.darkTheme .form-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c9c9c9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

body.darkTheme #main_nav img
{
    background-color: #333333 !important;
}
body.darkTheme #article h3 {
	color: #79797d;
}

body.darkTheme .dropdown-menu.menu-header .parent:hover,
body.darkTheme .dropdown-menu.menu-header .menuFinal:hover{
    background-color:#343434 !important;
} 
#selecteurDark .rounded-pill{
    width:3rem;
    height:1.5rem;
    cursor: pointer;
    user-select: none;
    display:flex;
    align-items:center;
    justify-content:start;
    background-image: url('../../Jour.svg');
    background-size:cover;
}
body.darkTheme #selecteurDark .rounded-pill{
    justify-content:end;
    background-image: url('../../Nuit.svg');
}
#selecteurDark .rounded-circle{
    width:1.5rem;
    height:1.5rem;
    z-index:15;
    background-size:cover;
    background-image: url('../../Picto Itafran/Soleil.svg');
}
body.darkTheme #selecteurDark .rounded-circle{
    background-image: url('../../Picto Itafran/Lune.svg');
}
body.darkTheme .border-fleche::after {
    background: #343434;
}
body.darkTheme .btn.shadowBlock {
	filter: brightness(1.5) contrast(1);
	color:inherit;
}

/* verification des parametre systeme */
@media (prefers-color-scheme: dark) {
    
    body.lightTheme #selecteurDark .rounded-pill{
        justify-content:start;
        background-image: url('../../Jour.svg');
    }
    body:not(.lightTheme) #selecteurDark .rounded-pill{
        justify-content:end;
        background-image: url('../../Nuit.svg');
    }
    body.lightTheme #selecteurDark .rounded-circle{
        background-image: url('../../Picto Itafran/Soleil.svg');
    }
    body:not(.lightTheme) #selecteurDark .rounded-circle{
        background-image: url('../../Picto Itafran/Lune.svg');
    }
    body:not(.lightTheme),
    body:not(.lightTheme) .bg-white,
    body:not(.lightTheme) .form-control,
    body:not(.lightTheme) .form-select,
    body:not(.lightTheme) .courbeAccueilWrapper .cercleArgument,
    body:not(.lightTheme) .dropdown-menu,
    body:not(.lightTheme) #suiviEtape > div 
    {
        background-color: #121212 !important;
        color: white !important;
    }
    body:not(.lightTheme) #main_nav img
    {
        background-color: #333333 !important;
    }
    body:not(.lightTheme) #article h3 {
    	color: #79797d;
    }
    
    body:not(.lightTheme) .dropdown-menu.menu-header .parent:hover,
    body:not(.lightTheme) .dropdown-menu.menu-header .menuFinal:hover{
        background-color:#343434 !important;
    } 
    body:not(.lightTheme) .text-dark,
    body:not(.lightTheme) .text-secondary{
        color: white !important;
    }
    body:not(.lightTheme) .text-muted{
        color: #cfcfcf !important;
    }
    body:not(.lightTheme) .bonlivraison{
        color:initial !important;
    }
    body:not(.lightTheme) i.bg-dark,
    body:not(.lightTheme) i.hfo.bg-white,
    body:not(.lightTheme) i#camionDepart.bg-white{
        background-color: #eee !important;
    }
    body:not(.lightTheme) i.bg-secondary{
        background-color: #eee !important;
        filter: brightness(.8) contrast(1.2);
    }
    body:not(.lightTheme) .bg-gray,
    body:not(.lightTheme) .bg-grey,
    body:not(.lightTheme) .bg-shade-gray,
    body:not(.lightTheme) .linear-gradient{
        background-color: #242424 !important;
        background:inherit;
    }
    body:not(.lightTheme) .bg-light,
    body:not(.lightTheme) .btn-light,
    body:not(.lightTheme) .bg-secondary{
        background-color: #121212 !important;
    }
    body:not(.lightTheme) .backgroundGrey{
        background-color: #323232 !important;
    }
    body:not(.lightTheme) .slashImage::before {
    	border-color: transparent transparent #323232 transparent;
    }
    body:not(.lightTheme) .courbeAccueil>.courbeAccueilBackground {
    	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzNXB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTY0MCAxNDBDMjg2LjU0IDE0MCAwIDAgMCAwaDEyODBTOTkzLjQ2IDE0MCA2NDAgMTQweiIvPjwvZz48L3N2Zz4=);
    	filter: brightness(0.1);
    }
    
    body:not(.lightTheme) .bg-error,
    body:not(.lightTheme) .btn-error{
        background-color: #CF6679 !important;
    }
    
    body:not(.lightTheme) img:not(.logo),
    body:not(.lightTheme) .bg-success,
    body:not(.lightTheme) .bg-primary,
    body:not(.lightTheme) .btn-primary,
    body:not(.lightTheme) .menuRapideFixed-btn:hover {
        /* filter: brightness(.7) contrast(1.2); */
    }
    
    body:not(.lightTheme) .shadowBlock {
    	box-shadow: none;
        filter: brightness(1.07) contrast(1.2);
    }
    
    body:not(.lightTheme) .table{
        color:inherit;
    }
    
    body:not(.lightTheme) .table-striped > tbody > tr:nth-of-type(2n+1):not(:hover) {
    	color: inherit;
    }
    body:not(.lightTheme) .table-striped tr:hover {
    	color: #f47400;
    }
    body:not(.lightTheme) .containerTableauCommande tbody th,
    body:not(.lightTheme) .containerTableauArticle tbody th {
    	border: white 3px solid;
    }
    body:not(.lightTheme) .containerTableauCommande tr:not(:hover) td a,
    body:not(.lightTheme) .containerTableauArticle tr:not(:hover) td a {
    	color: inherit;
    	text-decoration: none;
    }
    body:not(.lightTheme) .containerTableauCommande tr:hover td a,
    body:not(.lightTheme) .containerTableauArticle tr:hover td a {
    	color: #f47400;
    	text-decoration: none;
    }
    body:not(.lightTheme) .table.table-grey{
        color:white !important;
        filter: brightness(1.07) contrast(1.2);
        background-color: #121212 !important;
    }
    body:not(.lightTheme) .cercle,
    body:not(.lightTheme) .cadre-moncompte:hover{
        background-color: rgb(152, 119, 108);
    }
    body:not(.lightTheme) input:disabled{
        color:white;
    }
    
    body:not(.lightTheme) .argumentFil-wrapper .argumentFil-item {
    	background-color: #121212;
    }
    body:not(.lightTheme) .containerTableauArticle .containerfixed-header tbody th.fixed-start,
    body:not(.lightTheme) .containerTableauArticle .containerfixed-header tbody th.fixed-end{
        background-color: #121212;
    }
    body:not(.lightTheme) .step{
        background-color: #121212;
        filter: brightness(1.07) contrast(1.2);
        border: 1px solid #cdcdcd;
    }
    body:not(.lightTheme) .step.selected{
        border: 1px solid #f47400;
    }
    body:not(.lightTheme) .menuProgress {
    	border-bottom: 1px solid #f47400;
    }
    body:not(.lightTheme) #monCompte:hover #preview-moncompte .bec,
    body:not(.lightTheme) #monCompte #preview-moncompte,
    body:not(.lightTheme) #monCompte:hover #preview-moncompte nav{
        background-color: #121212 !important;
        filter: brightness(1.07) contrast(1.2);
    }
    body:not(.lightTheme) .change_photo_tag ,
    body:not(.lightTheme) .blocImageCatalogue,
    body:not(.lightTheme) #previewImage img,
    body:not(.lightTheme) img:not(.logo)  {
        background-color: #eee !important;
    }
    body:not(.lightTheme) #previewImageIndication em{
        color: #121212 !important;
    }
    body:not(.lightTheme) .breadcrumb-item .hfo-home{
        background-color: #f47400 !important;
    }

    body:not(.lightTheme) .containerTableauCommande thead select,
    body:not(.lightTheme)  .containerTableauArticle thead select {
        background-color: #333;
        color:white;
    }
    
    body:not(.lightTheme) .border-fleche::after {
        background: #343434;
    }

    
}

@media(min-width:768px) and (prefers-color-scheme: dark){
    body:not(.lightTheme) .shadowBlock-md {
    	box-shadow: none;
        filter: brightness(1.07) contrast(1.2);
        background-color: #121212 !important;
    }
    body:not(.lightTheme) .shadowBlock-md-0 {
    	box-shadow: none;
        filter: none;
        background-color: inherit !important;
    }
    
    body:not(.lightTheme) .btn.shadowBlock {
    	filter: brightness(1.5) contrast(1);
    	color:inherit;
    }
}

body.darkTheme .form-control::placeholder {
    color: white;
}
body.darkTheme .containerTableauCommande thead select,body.darkTheme  .containerTableauArticle thead select {
    background-color: #333;
    color:white;
}

/*----------------------tableau Dynamique----------------------*/

body.darkTheme .Contenu.active{
    background-color:#323232;
}

body.darkTheme .onglets{
    background-color:#121212;
}

body.darkTheme .onglets.active{
    background-color:#323232;
}

@media(prefers-color-scheme: dark){
    body:not(.lightTheme).Contenu.active{
        background-color:#323232;
    }
    
    body:not(.lightTheme) .onglets{
        background-color:#121212;
    }
    
    body:not(.lightTheme) .onglets.active{
        background-color:#323232;
    }
}

#container-carte-anim--2s i,
#container-carte-animes i{
    background-color: #000 !important;
}