.jQueryFenetre {
	position: absolute;
	z-index : 1000;
	display : flex;
	justify-content: space-around;
	align-items : flex-start;
	align-content : flex-start;
	flex-wrap: wrap;
	flex-direction: row;

	background : var(--couleurFondFenetre);
	border : 2px solid var(--couleurBordureFenetre);
	border-radius : 4px;
	box-shadow : -1px 1px 20px var(--couleurOmbre);
}

.jQueryFenetre.ui-resizable {
	position: absolute;
}

/*jQueryMinimise*/
.globalDivMinimises {
	display : flex;
	align-content : flex-start;
	align-items : flex-start;
	justify-content : flex-start;
	flex-direction : column;
	flex-wrap : wrap;
}
.globalDivMinimises .jQueryMinimise {
	margin : 15px 25px;
}

.jQueryMinimise {
	background : var(--couleurFondFenetre);
	background-position-x: center;
	background-position-y: 0.2rem;
	background-size : 75%;
	background-repeat : no-repeat;
	border-radius : 7px;
	box-shadow : -1px 1px 5px var(--couleurOmbre);
	cursor : move;

	display : flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	align-content: space-between;
}
.jQueryMinimise:hover .boutonFermer, .jQueryMinimise:hover .boutonMinimiser {
	opacity : 1;
}

.jQueryMinimise p {
	height : 20px;
	text-align : center;
	font-weight : bold;
	overflow : hidden;
	text-overflow : ellipsis;
	hyphens: auto;
	cursor : move;
	width : 100%;
	background : var(--couleurFondBandeTitreFenetre);
	border-top : 1px solid var(--couleurBordureFenetre);
	border-bottom : 1px solid var(--couleurBordureFenetre);
	margin : 0;
}

.jQueryMinimise .boutonFermer,.jQueryMinimise .boutonMinimiser {
	width: 24px;
	height:24px;
	background : url('/images/modules/applications/fermer_25.webp') no-repeat top center;
	background-size : 24px auto;
	cursor:pointer;
	margin : 3px 7px;
	opacity : 0.8;
}
.jQueryMinimise .boutonFermer:hover,.jQueryMinimise .boutonMinimiser:hover {
	background-position-y : -24px;
}

.jQueryMinimise .boutonMinimiser {
	background-image : url('/images/modules/applications/minimiser_25.webp');
}

/*jQueryFenetreContenu*/
.jQueryFenetre .jQueryFenetreContenu {
	display : flex;
	flex : auto;
	margin : 0;
	padding: 7px 10px;
	height : calc(100% - 32px);
}

/*Bande Gauche*/
.jQueryFenetre .jQueryFenetreContenu bandegauche {
	display : flex;
	width : 70px;
	height : calc(100% - 32px);
}
.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche {
	display : flex;
	width : 100%;
	height : 100%;
	background : var(--couleurFondFenetre);
	border-right : 2px ridge var(--couleurBordureFenetre);
	margin-right : 10px;
}
.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche div {
	display : flex;
	flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche a {
	cursor: pointer;

	display : grid;
	justify-content: center;
	grid-template-columns: repeat(50, 2px);
	grid-template-rows: repeat(30, 2px);
}

.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche a img {
	border : none;
	grid-column-start: 5;
	grid-column-end: 55;
	grid-row-start: 5;
	grid-row-end: 55;
	justify-self : stretch;
	align-self: stretch;
	z-index : 1000;
}
.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche a .coinBasGauche {
	height: 28px;
	width: 28px;
	grid-column-start: 1;
	grid-column-end: 28;
	grid-row-start: 25;
	grid-row-end: 60;
	justify-self : stretch;
	align-self: stretch;
	z-index : 1001;
}

.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche a .coinHautGauche {
	height: 24px;
	width: 24px;
	grid-column-start: 1;
	grid-column-end: 24;
	grid-row-start: 1;
	grid-row-end: 24;
	justify-self : stretch;
	align-self: stretch;
	z-index : 1001;
}
.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche a span.coinHautGauche {
	line-height : 24px;
	background:  url("/images/modules/applications/fond_ellipse.png") no-repeat 50%;
	background-size: 24px 24px;
	text-align: center;
	font-weight : bold;
	color : green;
	font-size : 105%;
}
.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche a .connecte, .jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche a .connecteVert {
	background:  url("/images/modules/applications/toggle_connecte__96x192.webp") no-repeat;
	background-size: 24px 48px;
	height: 12px;
	width: 24px;
	background-position-y : 0px;
}
.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche a .connecteOrange {
	background-position-y : -12px;
}
.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche a .connecteRouge {
	background-position-y : -24px;
}
.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche a .connecteGris {
	background-position-y : -36px;
}
.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche img {
	margin : auto;
	height : 50px;
	width : 50px;
	display : block;
	border : none;
	margin : inherit;
}
.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche .display0 {
	display : grid;
}
.jQueryFenetre .jQueryFenetreContenu bandegauche .bGauche .display1 {
	display : none;
}

/*Contenu*/
/*Le flex de la classe .contenu et enfants doivent être définit dans chaque pasge CSS individuelle pour une compatibilité ascendante */
.jQueryFenetre .jQueryFenetreContenu divcontenu, .jQueryFenetre .jQueryFenetreContenu divcontenu .divcontenu, .jQueryFenetre .jQueryFenetreContenu divcontenu .divcontenu contenu {
	flex : auto;
	display : flex;
}
.jQueryFenetre .jQueryFenetreContenu divcontenu .divcontenu contenu{
	padding-left : 10px;
}
.jQueryFenetre .jQueryFenetreContenu divcontenu .divcontenu contenu .contenu {
	width : 100%;
	overflow : hidden;
	align-items : stretch;
	justify-content : stretch;
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
}
.jQueryFenetre .jQueryFenetreContenu divcontenu .divcontenu contenu .contenu>div {
	width : 100%;
	height : 100%;
}

.jQueryFenetre .jQueryFenetreContenu divcontenu .divcontenu contenu .contenu .thagauche th{
	text-align : left;
	padding-left : 5px;
}

/*Titre*/
.jQueryFenetre .jQueryFenetreTitre {
	flex : 1 100%;
	margin : 0;
	height : 20px;
	width : 100% !important;
	background : var(--couleurFondBandeTitreFenetre);
	color : var(--couleurBandeTitreFenetre);
	border : 2px solid var(--couleurBordureFenetre);
	border-radius : 4px 4px 0 0;
	border-bottom : none;
	padding : 5px 0;

	display : flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items : center;
}
.jQueryFenetre .jQueryFenetreTitre p {
	margin : 0;
	margin-left : 10px;
	height : 20px;
	color : var(--couleurBandeTitreFenetre);
	font-weight : bold;
	overflow : hidden;
	text-overflow : ellipsis;
	hyphens: auto;
	align-self : stretch;
}

/*jQueryFenetreBoutons*/
.jQueryFenetre .jQueryFenetreTitre .jQueryFenetreBoutons {
	display : flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items : center;
	margin-right : 10px;
}

.jQueryFenetre .jQueryFenetreTitre .jQueryFenetreBoutons .boutonFermer {
	width: 20px;
	height:20px;
	background : url('/images/modules/applications/fermer_25.webp') no-repeat top center;
	background-size : 20px auto;
	cursor:pointer;
	margin : 3px;
}
.jQueryFenetre .jQueryFenetreTitre .jQueryFenetreBoutons .boutonFermer:hover {
	background-position-y : -20px;
}

.jQueryFenetre .jQueryFenetreTitre .jQueryFenetreBoutons .boutonMinimiser {
	width: 20px;
	height:20px;
	background : url('/images/modules/applications/minimiser_25.webp') no-repeat top center;
	background-size : 20px auto;
	cursor:pointer;
	margin : 3px;
}
.jQueryFenetre .jQueryFenetreTitre .jQueryFenetreBoutons .boutonMinimiser:hover {
	background-position-y : -20px;
}