<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
* 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;
}

.divSeparatorBetweenRow {
	height: 20px;
}

.divSeparatorBetweenRowSmall {
	height: 5px;
}

.divSeparatorBetweenRowMedium {
	height: 10px;
}

.divSeparatorBetweenRowBig {
	height: 20px;
}

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

.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;
}

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

#toTop {
	display: block;
	position: fixed;
	bottom: 0;
	right: 0;
}

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

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

.menu-off-canvas {
	width: 350px;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	transform: translateX(-100%);
	transition: 0.4s ease-in-out;
	z-index: 1210;
	max-width: 100%;
}

.menu-off-canvas-active .menu-off-canvas {
	transform: translateX(0) !important;
}

.menu-off-canvas-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1200;
	visibility: hidden;
	opacity: 0;
	transition: 0.4s ease-in-out;
}

.menu-off-canvas-active .menu-off-canvas-overlay {
	opacity: 1 !important;
	visibility: visible !important;
}


/*
####################################################
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;*/
	}

	.custom-div-preview-diffusion {
		height: 170px !important;
		max-height: 170px !important;
	}

	.custom-div-preview-promotion {
		height: 170px !important;
		max-height: 170px !important;
	}

	.custom-image-max {
		max-height: 170px !important;
	}
}

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

	.custom-div-preview-diffusion {
		height: 170px !important;
		max-height: 170px !important;
	}

	.custom-div-preview-promotion {
		height: 190px !important;
		max-height: 190px !important;
	}

	.custom-image-max {
		max-height: 170px !important;
	}
}

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

	.custom-div-preview-diffusion {
		height: 190px !important;
		max-height: 190px !important;
	}

	.custom-div-preview-promotion {
		height: 210px !important;
		max-height: 210px !important;
	}

	.custom-image-max {
		max-height: 190px !important;
	}
}

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

	.custom-div-preview-diffusion {
		height: 190px !important;
		max-height: 190px !important;
	}

	.custom-div-preview-promotion {
		height: 210px !important;
		max-height: 210px !important;
	}

	.custom-image-max {
		max-height: 190px !important;
	}
}

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

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

	.custom-div-preview-promotion {
		height: 250px !important;
		max-height: 250px !important;
	}

	.custom-image-max {
		max-height: 230px !important;
	}
}
</pre></body></html>