.oxy-Entete
{
	/*suppression de la sélection du texte*/
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari Chrome et Opera */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	height: 20px;
	width: 200px;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	border-color: grey;
	background: linear-gradient(0deg, #EAEAEA, #F8F8F8);
	color: black;
}

:not(.desactive) > .oxy-Entete:hover
{
	box-shadow: inset 0px 0px 5px gray
}

.oxy-Liste
{
	position: absolute;
	width: 200px;
	height: 100%;
	overflow: hidden;
}

.oxy-ConteneurScroll
{
	/*suppression de la sélection du texte*/
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari Chrome et Opera */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	position: absolute;
	width: 200px;
	height: 10;
	display: none;
	border-width: 0 0.5px 0.5px 0.5px;
	border-style: solid;
	border-color: grey;
	background-color: white;
	color: black;
	z-index: 100;
}

.oxy-EnteteDisable
{
	/*suppression de la sélection du texte*/
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari Chrome et Opera */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	color: black;
	background-color: transparent;
}

.oxy-TexteEntete
{
	float: left;
	width: calc(100% - 20px);
	height: 100%;
	cursor: default;
	border: 0;
	padding-left: 5;
}

.oxy-Entete img
{
	height: 100%;
	width: 20px;
	float: left;
}

.oxy-IconeEntete
{
	float: right;
	width: 20px;
	height: 100%;
	text-align: center;
	text-indent: 3px;
	color: black;
}

:not(.desactive) > .oxy-Entete > .oxy-IconeEntete
{
	cursor: pointer;
}

.oxy-IconeEntete.fleches-fleche19.listeAffichee
{
	line-height: 22px;
	transform: rotate(-90deg) scale(-1);
}

.oxy-IconeEntete.fleches-fleche19.listeMasque
{
	line-height: 24px;
}

.oxy-Element
{
	height: 20px;
	font-size: 14px;
	text-indent: 5px;
	white-space: nowrap;
}

.oxy-Element:hover
{
	background-color: #D8D8D8;
}

.oxy-Element img
{
	height: 100%;
	width: 20px;
	float: left;
}

.oxy-Svg
{
	float: left;
	width: 18px;
	height: 18px;
	padding-left: 2px;
	padding-top: 2px
}

.oxy-TexteElement
{
	width: calc(100% - 45px);
	height: 100%;
	float: right;
	padding-left: 5px;
	cursor: default;
}

.oxy-BarreFond
{
	position: relative;
	float: right; 
	height: 100%;
	width: 16px;
	background-color: #A4A4A4;
}

.oxy-Barre
{
	position: absolute;
	width: 16px;
	min-height: 10px;
	background-color: lightgray; 
}

.oxy-CaseACochee
{
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 3px;
	height: 100%;
	width: 10px
}

.oxy-Selection
{
	background-color: #2ECCFA;
}

.oxy-OmbreHaut
{
	box-shadow: inset -10px 10px 15px -8px black;
}

.oxy-OmbreBas
{
	box-shadow: inset -10px -10px 15px -8px black;
}

.oxy-Ombre
{
	box-shadow: inset -10px -10px 15px -8px black, inset -10px 10px 15px -8px black;
}

.oxy-ConteneurScroll input[type="checkbox"]
{
	margin-right: -12px;
	opacity: 0;
}

.oxy-ConteneurScroll input[type="checkbox"] + label
{
	margin-left: -5px;
}

.oxy-ConteneurScroll input[type="checkbox"] + label::before
{
	font-family: "FontAwesome" !important;
	content: "\f096";
}

.oxy-ConteneurScroll input[type="checkbox"]:checked + label::before
{
	content: "\f046";
}