/*========================
* 
* 			RESET	GENERAL
* 
* ======================*/

/*========== TOOLSET LIGTHBOX ==========*/

.toolset-dialog {
	width: 70% !important;
	left: 50px !important;
	background: #23282deb !important;
	padding: 50px !important;
	border-radius: 10px !important;
	overflow-y: scroll;
}

.ui-widget-content.ui-front.toolset-dialog {
	left: 50px; 
}

.toolset-dialog button {
	cursor: pointer !important;
	margin: 4px;
	padding: 15px;
	background: #135e96;
	transition: all 0.2s linear;
}

.ui-dialog-titlebar-close {
	background: red !important;
}

.ui-dialog-titlebar-close:hover {
	color: red;
}

.js-toolset-collapsible__toggle {
	background: #595959 !important;
}

.toolset-dialog button:hover {
	background: white !important;
	color: #135e96;
	transition: all 0.2s linear;
}

/*========== Si Internet Explorer ==========*/

html.internet-explorer body.ie {
	margin-top: 40px;
}

html.internet-explorer body.ie:after {
	content: "Vous utilisez actuellement Internet Explorer, certains éléments peuvent ne pas s'afficher correctement. Nous vous recommandons d'utiliser un autre navigateur.";
	position: absolute;
	padding: 10px;
	top: 0px;
	color: var(--blanc);
	background-color: #dd0000;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}

/* ========== */

body {
	width: 100vw;
	overflow-x: hidden;
	background-color: #fff !important;
}
/* ========================
GRILLE OVERLAY 12 COLONNES
Maquette XD : 1920px
Contenu utile : 1624px
Colonnes : 12 x 128px
Gouttières : 11 x 8px
======================== */

.grid-overlay {
	/* Variables de grille */
	--grid-width: 1624px;
	--grid-column-width: 128px;
	--grid-gutter-width: 8px;
	--grid-color: rgba(0, 200, 200, 0.20);
	--grid-border-color: rgba(255, 0, 0, 0.45);

	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: var(--grid-width);
	max-width: 100%;
	height: 100vh;
	pointer-events: none;
	z-index: 999999;
	display: none;

	background-image: repeating-linear-gradient(
		to right,
		var(--grid-color) 0,
		var(--grid-color) var(--grid-column-width),
		transparent var(--grid-column-width),
		transparent calc(var(--grid-column-width) + var(--grid-gutter-width))
	);

	/* Bordure de la zone utile */
	box-shadow: 0 0 0 1px var(--grid-border-color);
}

/* Affichage de la grille */
.grid-overlay.active {
	display: block;
}

/* Axe central optionnel */
.grid-overlay::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100vh;
	background: rgba(255, 0, 0, 0.45);
	transform: translateX(-50%);
}

/* Sécurité responsive : on masque la grille sur tablette / mobile */
@media all and (max-width: 1000px) {
	.grid-overlay {
		display: none !important;
	}
}

.align-right {
	    text-align: right !important;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}