/* ------------------------------ text ------------------------------ */

.text-normal {
	font-weight: normal;
}
.text-justify {
	text-align: justify;
}
.text-italic {
	font-style: italic;
}
.text-bold {
	font-weight: bold;
}
.text-underline {
	text-decoration: underline;
}
.text-barre {
	text-decoration: line-through;
}
.text-white {
	color: #fff;
}

.text-small {
	font-size: 12px;
}
.text-big {
	font-size: 16px;
}

.text-info {
	color: #31708f !important;
}
.text-warning {
	color: #8a6d3b !important;
}
.text-primary {
	color: #337ab7 !important;
}
.text-danger {
	color: #a94442 !important;
}

/* ------------------------------ divers ------------------------------ */

.no-margin {
	margin: 0;
}

.center {
	text-align:center;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.cb, .cl {
	clear: both;
}

.hide:not([style*=display]):not([style*=block]), .hide_btn_before_init, .form-control.hide:not([style*=display]):not([style*=block]) {
	/* 22/10/2021 : rajout !important car sinon dans les form ca affiche les éléments cachés */
	display: none!important;
}

.invisible {
	visibility: hidden;
}

.visible {
	visibility: visible;
}

li.no-decorated {
	list-style: none;
}

.pointer {
	cursor: pointer;
}

div.container-max-h {
	overflow-y: auto;
	max-height: 600px;
}

.fs-7 {
	font-size: 0.7rem;
}

/* ------------------------------ size ------------------------------ */

.w-60 {
	width: 60%;
}
.w-70 {
	width: 70%;
}
.w-80 {
	width: 80%;
}
.w-90 {
	width: 90%;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.w-sm-100 {
		width: 100% !important;
	}

	.w-sm-75 {
		width: 75% !important;
	}

	.w-sm-50 {
		width: 50% !important;
	}

	.w-sm-25 {
		width: 25% !important;
	}

	.h-sm-100 {
		height: 100% !important;
	}

	.h-sm-75 {
		height: 75% !important;
	}

	.h-sm-50 {
		height: 50% !important;
	}

	.h-sm-25 {
		height: 25% !important;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.w-md-100 {
		width: 100% !important;
	}

	.w-md-75 {
		width: 75% !important;
	}

	.w-md-50 {
		width: 50% !important;
	}

	.w-md-25 {
		width: 25% !important;
	}

	.h-md-100 {
		height: 100% !important;
	}

	.h-md-75 {
		height: 75% !important;
	}

	.h-md-50 {
		height: 50% !important;
	}

	.h-md-25 {
		height: 25% !important;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.w-lg-100 {
		width: 100% !important;
	}

	.w-lg-75 {
		width: 75% !important;
	}

	.w-lg-50 {
		width: 50% !important;
	}

	.w-lg-25 {
		width: 25% !important;
	}

	.h-lg-100 {
		height: 100% !important;
	}

	.h-lg-75 {
		height: 75% !important;
	}

	.h-lg-50 {
		height: 50% !important;
	}

	.h-lg-25 {
		height: 25% !important;
	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.w-xl-100 {
		width: 100% !important;
	}

	.w-xl-75 {
		width: 75% !important;
	}

	.w-xl-50 {
		width: 50% !important;
	}

	.w-xl-25 {
		width: 25% !important;
	}

	.h-xl-100 {
		height: 100% !important;
	}

	.h-xl-75 {
		height: 75% !important;
	}

	.h-xl-50 {
		height: 50% !important;
	}

	.h-xl-25 {
		height: 25% !important;
	}
}