/* Début datatable */
table.dataTable {
	font-size: 11px;
}
/* Fin datatable */

/* Début barre de prix */
.gradient {
	width: 100%;
	height: 10px;
	background: blue;
	background: -webkit-linear-gradient(left, blue, orange);
	background: -ms-linear-gradient(left, blue, orange);
	background: linear-gradient(to right, blue, orange);
	border-radius: 25px;
}

.table-gradient {
	width: 100%;
}

.table-gradient tr {
	white-space: nowrap;
}
/* Fin barre de prix */

/* Début zonageABC */
.zonCarre {
	border: 1px solid black;
	width: 15px;
	height: 10px;
	border-radius: 3px;
}

.zonLib {
	font-size: 9px;
}

.zonSel {
	border: 3px solid red;
	border-radius: 5px;
}

.zonNiv5 {
	background-color: red;
}

.zonNiv4 {
	background-color: orange;
}

.zonNiv3 {
	background-color: darkseagreen;
}

.zonNiv2 {
	background-color: cornflowerblue;
}

.zonNiv1 {
	background-color: lightgray;
}
/* Fin zonageABC */

/* Début section */
.nav-tabs {
	font-size: x-large;
	text-align: center;
}

.nav-tabs .nav-item .nav-link.active {
	background-color: #e7f1ff;
	border-color: #C0C0C0;
}

/*
.nav-tabs .nav-item .nav-link.active {
	background-color: #F8F8F8;
	border-color: #C0C0C0;
}
*/
.accordion-item {
	border-color: #C0C0C0;
}

.accordion-button {
	background-color: #F8F8F8;
}
/* Fin section */

/* Début modal */
.modal-dialog {
	max-width: 90%;
}

.modal-body {
	overflow: auto;
	text-align: center;
}
/* Fin modal */

/* Début spinner */
.sLoading {
	background: url("images/spin.gif") no-repeat right center;
	background-size: 25px 25px;
}
/* Fin spinner */

/* Début aide */
.aide {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	bottom: 0px;
	z-index: 500;
}
/* Fin aide */

/* Début sommaire */
.sommaire {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 5px;
	z-index: 500;
}
/* Fin sommaire */

/* Début visuel */
.visuel {
	border: 1px solid black;
	border-radius: 10px;
	padding: 0.5rem;
}

.principal {
	margin: 0.5rem 0rem 0.5rem 0rem;
	background-color: teal;
	color: white;
}

.secondaire {
	margin: 0.5rem 0.5rem 0.5rem 2rem;
	background-color: lavender;
	color: black;
}

.tertiaire {
	margin: 0.5rem 0.5rem 0.5rem 2rem;
	background-color: teal;
	color: white;
}

.surligne {
	padding: 0.1rem 0.3rem 0.1rem 0.3rem;
	border: 1px solid grey;
	border-radius: 5px;
	background-color: darkorange;
	color: white;
	font-family: monospace;
	margin: 5rem 0rem 5rem 0rem;
}
/* Fin visuel */

/* Début vidéo */
@media ( max-width :560px) {
	.video {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}
	.video iframe, .video object, .video embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
/* Fin vidéo */

/* Début fil d'ariane 
.fil {
	--bs-breadcrumb-divider: '>';
}
 fin fil d'ariane */