body.dark {
    background: #101010;
}

body.dark .template {
	background: #101010;
}

p{
    color:var(--bg-mode-color);
}

.ctxline {
	color: #000;
}

.nav.nav-pills {
	background: var(--bg-mode-2);
}

.nav-pills > li > a.active {
	background-color: var(--color-theme);
  }

.panel-heading {
	background: var(--bg-mode-2);
}

.liste {
	border: 1px solid var(--bg-border);
	background: var(--bg-mode-2);
	color: var(--bg-mode-color);
}

.showcase > div:hover {
	border-bottom: 1px solid var(--bg-border);
	background: var(--bg-mode-1);
}

.showcase > div:hover .text {
	background: var(--bg-mode-1);
}

.showcase > div {
	border-bottom: 1px solid var(--bg-border);
  }

.showcase > div h1 {
	color: var(--bg-mode-color);
}

.showcase > div p {
	color: var(--bg-mode-color);
}

.panel-menu {
	background-color: transparent;
	border-bottom: 1px solid var(--bg-border);
}

header {
    background-color: var(--bg-mode-1);
}

.control-label {
    color: var(--bg-mode-color);
}

label.option {
    background-color: var(--bg-mode-2);
    color: var(--bg-mode-color);
}

#col-result {
    background-color: var(--bg-mode-2);
    border: 1px solid var(--bg-border);
}

.fiche {
    background-color: var(--bg-mode-2);
    border: 1px solid var(--bg-border);
}

#showcase > div {
    background-color: var(--bg-mode-2);
    color: var(--bg-mode-color);
}

/** Menu Recherche*/

.sidebar {
    background-color: var(--bg-mode-2);
    border: 1px solid var(--bg-border);
}

.sidebar .option {
    border-bottom: 1px solid var(--bg-border);
}

.sidebar .navbar li a.anav {
    background-color: var(--bg-mode-1);
}

.sidebar .nav-list li a.anav.selected {
    border-left: 3px solid var(--bg-border);
}

.sidebar .navbar li a.anav:hover {
    border-left: 3px solid var(--bg-border);
}

.sidebar .navbar-nav > li > a.anav{
    border-bottom: 2px solid var(--bg-border);
}

/** Resultat */
.pict{
    background-color: #5c5c5c;
    color: #fff;
}

/** Fiche film */
.panel-heading h1 {
    color: var(--bg-mode-color);
}

.panel-heading p {
    color: var(--bg-mode-color);
}

.ref {
    border-bottom: 2px solid var(--bg-border);
}

.stitre {
    border-bottom: 2px dotted var(--bg-border);
    color: var(--bg-mode-color);
}

.tab-content {
    background-color: var(--bg-mode-2);
    color: var(--bg-mode-color);
}

.puce li {
    color: var(--bg-mode-color);
}

.panel-video {
    background-color: var(--bg-mode-1);
    border-top: 1px solid var(--bg-border);
    border-bottom: 1px solid var(--bg-border);
}

.btn-default {
    color: var(--bg-mode-color);
    background-color: var(--bg-mode-1);
}

.btn-default:hover {
    color: var(--bg-mode-color);
    background-color: var(--bg-mode-1);
}

.panel-body {
    border: 0;
    border-bottom: 1px solid var(--bg-border);
    background-color: var(--bg-mode-2);
    color: var(--bg-mode-color);
}

#showcase > div {
    color: var(--bg-mode-color);
    background: var(--bg-mode-2);
    border-bottom: 1px solid var(--bg-border);
}

#showcase > div h1 {
    color: var(--bg-mode-color);
}

#showcase > div p {
    color: var(--bg-mode-color);
}

#showcase > div.nohover {
    background-color: var(--bg-mode-2);
    color:var(--bg-mode-color);
}

#showcase > div.nohover:hover {
    background-color: var(--bg-mode-1);
    color: var(--bg-mode-color);
}

#showcase > div:hover {
    background-color: var(--bg-mode-1);
    transition: all .3s;
    -webkit-transition: all .3s;
}

#showcase > div:hover .text {
    background: var(--bg-mode-1);
    right: 10%;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.dark-write {
    color: var(--bg-mode-color);
}

/** Tableau des films */
.table > thead > tr > th {
    color: var(--bg-mode-color);
    background-color: var(--bg-mode-1);
    border: 1px solid var(--bg-border);
}

.table > tbody > tr:hover {
    color: var(--bg-mode-color);
    background-color: var(--bg-mode-1);
    border: 1px solid var(--bg-border);
}

.table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    color: var(--bg-mode-color);
    border: 1px solid var(--bg-border);
}

table h1 {
    color: var(--bg-mode-color);
}

/** Lightview */
div.modal-header {
    color: var(--bg-mode-color);
    background: var(--bg-mode-2);
    border-bottom: 2px solid var(--bg-border);
}

.modal-body {
    background: var(--bg-mode-1);
}

button.close {
    color: var(--bg-mode-color);
}

button.close:hover {
    color: var(--bg-mode-1);
}