/* Général */
.noir { color:#fff }
.blanc { color:#000 }
.bleu { color:#0ff }
.vert { color:#0d0 }
.rouge { color:#f65 }
.FONDnoir { background-color:#fff }
.FONDblanc { background-color:#000!important }
.FONDviolet { background-color:#636!important }
.FONDjaune { background-color:#880!important; color:white }
.FONDgris { background-color:#99999930!important }

#vu { outline: solid 6px #0099ffbb }

.FONDdiagJaune {
    /*background: linear-gradient(156deg, #f8f08055 10%, transparent 30%, #f8f08055 50%, transparent 70%, #f8f08055 90%);*/
	background: linear-gradient(141deg, #f0f08055 5%, #f0f08022 20%, #f0f08022 30%, #f0f08055 45%, #f0f08055 55%, #f0f08022 70%, #f0f08022 80%, #f0f08055 95%);
    background-size: 74px 61px;
    /*background-position: 100px 100px;*/
}
.FONDdiagGris {
	background: linear-gradient(145deg, #bbbbbb40 10%, transparent 30%, #bbbbbb40 50%, transparent 70%, #bbbbbb40 90%);
    background-size: 106px 112px;
    background-position: 100px 100px;
}
.tSepar { border-bottom:4px solid #9e3dae!important }

/* Bootstrap */
.modal-content {
	background-color: #000;
	border: 1px solid rgba(255,255,255,.3);
}
.btn-close {
	color: #fff;
	filter: invert(1);
}
.modal-header {
	background-color: #444;
	border-bottom: 1px solid #666;
}
.modal-footer {
	background-color: #444;
	border-top: 1px solid #666;
}
.btn-outline-secondary {
	color: #aaa;
	border-color: #888;
	background-color: black;
}

.input-group-text {
	background-color: #666;
	border: 1px solid #888;
	color: #eee;
}
.btn-check:active+.btn-outline-secondary, .btn-check:checked+.btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active {
	color: #000;
	background-color: #0c0;
	border-color: #888;
}

.form-control, .form-select {
	filter: invert(1);
	color: #111;
	background-color: white;
	border-color: #888;
}

.btn-outline-secondary IMG { filter: invert(.8) }
.btn-check:active+.btn-outline-secondary IMG, .btn-check:checked+.btn-outline-secondary IMG, .btn-outline-secondary.active IMG, .btn-outline-secondary.dropdown-toggle.show IMG, .btn-outline-secondary:active IMG { filter: invert(0) }
.btn-check:active:hover+.btn-outline-secondary IMG, .btn-check:checked:hover+.btn-outline-secondary IMG, .btn-outline-secondary.active:hover IMG, .btn-outline-secondary.dropdown-toggle.show:hover IMG, .btn-outline-secondary:active:hover IMG { filter: invert(1) }

LEGEND {
	color:#ce6dde;
	box-shadow: 0px 0px 6px 3px #6e2d7eff;
	background-color: #111;
}

/* anges */
BODY { background-color: #1c1c1e }
BODY, TABLE, .table { color: #eee }
.table { border-color: #888 }

A { color: #7cf;	}
A:hover { color:#9ef }
IMG { filter: grayscale(20%) }

IFRAME { box-shadow: 0 0px 20px white, 0 -5px 10px black }

.calend, .calend TD, .calend TH, .legende TD.jour { border:1px solid #ae4dbe }
.vide { background-color: #435 }
.mois, .sem { background-color: #638 }
.jour { background-color: black }

.nego { text-shadow: 0 0 0.5em #FF0, 0 0 1em #FF0, 0 0 1em #FF0, 0 0 1em #FF0, 0 0 0.2em #000, 0 0 0.2em #000 }
@media (min-width:768px) {
    .nego { text-shadow: 0 0 1em #FF0, 0 0 1em #FF0, 0 0 1em #FF0, 0 0 1em #FF0, 0 0 1em #FF0, 0 0 2em #FF0, 0 0 2em #FF0, 0 0 2em #FF0, 0 0 2em #FF0, 0 0 2em #FF0, 0 0 2em #FF0, 0 0 2em #FF0,   0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000 }
}
.oqp01 { background-image: url("/img/oqp01b.png") }
.oqp10 { background-image: url("/img/oqp10b.png") }
.oqp11 { background-color: #650 }
.oqp02 { background-image: url("/img/oqp02b.png") }
.oqp20 { background-image: url("/img/oqp20b.png") }
.oqp22 { background-color: #900 }
.oqp12 { background-image: url("/img/oqp12b.png") }
.oqp21 { background-image: url("/img/oqp21b.png") }
.oqp00.zone, .oqp01.zone,  .oqp10.zone, .oqp02.zone, .oqp20.zone { background-color:#057 }

.oqp00:hover, .oqp01:hover,  .oqp10:hover, .oqp02:hover, .oqp20:hover { background-color:#0a0 }

.polaroid { background-color: black }

IMG.imgDark, .imgDark IMG { filter: invert(.9) }

.noDark { display:none }
.noLight { display:inline }

#facturation TR.detail TD { color:#fdf }

TH.FONDviolet { background-color: #8e2d9e80!important }