/*
* Feuille de style principale du site
*/

html {
	font-size: 1rem;	/* 1rem = 16px */
}

.browser-not-supported {
	font-size: 22px;
	width: 600px;
	margin: 0 auto;
	padding-top: 50px;
}

.invisible {
	display: none;
}

#fldRechercher {
	min-width: 300px;
}

#listePanier {
	min-width: 200px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

input[type="text"].numericInput {
	text-align: right;
}

input[type="text"].numericInputText {
	text-align: left;
}

input[type="text"].rechArticle {
	width: 4em;
}

input[type="text"].qteArticlePanier {
	width: 4em;
}

input[type="text"].qteArticle {
	width: 4em;
}

.qte-changed {
	border-color: red;
}

.lien-colonne {
	cursor: pointer;
	text-decoration: underline;
}

.lien-colonne-detail {
	cursor: pointer;
}

.lien-colonne-detail:hover {
	font-style: italic;
}

.fake-link:hover {
	cursor: pointer;
	text-decoration: underline;
}

#userAccountLogout,
#adminAccountLogout {
	padding-right: 30px;
}

.login-connecte {
	font-weight: bold;
}

.nom-soc-connecte {
	font-weight: bold;
}

.table > tbody > tr > td.cell-recherche-article-prix {
	width: 100px;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding-right: 5px;
}

.table > tbody > tr > td.cell-recherche-article-qte-panier {
	width: 160px;
	display: table-cell;
	vertical-align: middle;
}

/* Datatables */
tfoot input,
thead input {
	font-size: 0.8em !important;
	width: 100% !important;
}

.liste-liens,
.liste-liens:hover {
	text-decoration: none;
}

.liste-liens > img {
	margin-right: 10px;
}

.no-margin {
	margin-top: 0;
	margin-bottom: 0;
}

.ta-noresize {
	resize: none;
}

.ta-vresize {
	resize: vertical;
}

.ta-hresize {
	resize: horizontal;
}

.custom-div-preview {
	height: 230px !important;
	max-height: 230px !important;

	display: table-cell;
    vertical-align: middle !important;
}

.custom-div-preview-space-on-top {
	padding-top: 15px;
}

.custom-image-preview-diffusion {
	max-width: 100% !important;
	height: auto;
	max-height: 230px !important;
}

.mfp-figure:after {
	background-color: #ffffff;
}

.pointer-cursor {
	cursor: pointer;
}

.custom-td-image-preview {
	width: 180px;
	max-width: 180px;
	min-height: 180px;
}

.custom-img-preview-recherche {
	max-width: 100% !important;
	height: auto;
	max-height: 180px !important;
}

.catalogue-niveau-1 {
	font-weight: bold !important;
	font-size: 120% !important;
}

.catalogue-niveau-2 {
	font-size: 100% !important;
	padding-left: 40px !important;
}

.catalogue-niveau-3 {
	font-size: 80% !important;
	padding-left: 60px !important;
}

.catalogue-niveau-4 {
	font-size: 60% !important;
	padding-left: 80px !important;
}

.custom-liste-pagination > ul {
	margin-top: 0;
	margin-bottom: 0;
}

.divSeparatorBetweenRow {
	height: 20px;
}

.divSeparatorBetweenRowSmall {
	height: 5px;
}

.divSeparatorBetweenRowMedium {
	height: 10px;
}

.divSeparatorBetweenRowBig {
	height: 20px;
}

div#contentStatRapportDetail {
	position: relative;
	left: 0;
	height: 100%;
	width: 100%;
	min-height: 82vh;
}

div#contentStatRapportDetail iframe {
	width: 100%;
	height: 100%;
	min-height: 75vh;
}

.form-control-inline {
	min-width: 0;
	width: auto;
	display: inline;
}

.bg-padding-expand-small {
	padding: 5px 5px 5px 5px;
}

.bg-padding-expand-medium {
	padding: 10px 10px 10px 10px;
}

.bg-padding-expand-large {
	padding: 15px 15px 15px 15px;
}

/* **********************************************************************************************************/

.nav-menu,
.nav-menu ul,
.nav-menu li {
	list-style: none;
}

.nav-menu > ul {
	padding-left: 0;
}

/* **********************************************************************************************************/

#toTop {
	display: block;
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 10px 10px 50px 10px;
}

div#div-nav-footer.fixed-bottom {
	z-index: 990;
}

/* **********************************************************************************************************/

/* Autocomplete */

.autocomplete-suggestions {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #999;
	background: #FFF;
	cursor: default;
	overflow: auto;
	-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
	padding: 5px 15px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-no-suggestion {
	padding: 10px 10px;
}

.autocomplete-selected {
	background: #F0F0F0;
}

.autocomplete-suggestions strong {
	font-weight: bold;
}

.autocomplete-group {
	padding: 10px 5px;
	font-size: 1.2em;
	display: block;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.autocompleteTitreArticle {
	font-size: 0.9em;
}

.autocompleteInfoArticle {
	font-size: 0.8em;
	padding-left: 20px;
}

.autocompleteMarkup {
	border-radius: 6px;
	padding: 2px 0 2px 0;
}

/* **********************************************************************************************************/

/* Slick Carrousel - Arrows */
.slick-prev:before,
.slick-next:before {
	color: black !important;
}

/* **********************************************************************************************************/

/* Reports Treeview */

.reports-tree-view ul,
.reports-tree-view li {
	list-style-type: none;
}

.fa-blank {
	visibility: hidden !important;
}

.span-align {
	position: relative;
	top: -5px;
}


/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* Small devices (landscape phones, 544px and up) */
/* 1rem = 16px */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	html {
		font-size: 0.7rem !important;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	html {
		font-size: 0.8rem !important;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	html {
		font-size: 0.9rem !important;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	html {
		font-size: 0.9rem !important;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	html {
		font-size: 1rem !important;
	}
}