/*Fichier global CSS */

:root {
	--couleurBlanc			: rgb(255,255,255);
	--couleurBleu			: rgb(26,26,236);
	--couleurBordeaux		: rgb(121,34,0);
	--couleurGris			: rgb(155,155,155);
	--couleurJaunatre		: rgb(177,117,31);
	--couleurOmbre			: rgba(150,150,150,0.8);
	--couleurOrange			: rgb(242,73,0);
	--couleurRouge			: rgb(255,0,0);
	--couleurVert			: rgb(0,128,0);
	--couleurVertHover080	: rgba(183,227,172,0.8);

	--couleurBordure		: rgba(55,100,55,0.6);
	--couleurSpan1			: rgba(121,34,0,1);

	--couleurFieldsetEncadreFond 		: rgba(196,202,196,0.3);
	--couleurFieldsetEncadreTh 			: rgba(121,34,0,1);
	--couleurFieldsetEncadreBordureTh 	: rgba(55,100,55,0.6);

	--couleurFond			: rgba(55,100,55,0.05);
	--couleurFondImpair		: rgba(235,235,235,0.9);
	--couleurFondPair 		: rgba(246,246,246,1);

	--couleurFondBlanc050		: rgba(255,255,255,0.5);
	--couleurFondBleu035 		: rgba(180,180,255,0.35);
	--couleurFondGris			: rgba(196,202,196,0.3);
	--couleurFondGrise			: rgba(155,155,155,0.6);
	--couleurFondGrise060		: rgba(155,155,155,0.6);
	--couleurFondOrange 		: rgb(125,2,2);
	--couleurFondOrange035 		: rgba(255,165,0,0.35);
	--couleurFondOrange080 		: rgba(255,165,0,0.80);
	--couleurFondOrange100 		: rgba(255,165,0,1);
	--couleurFondBordeaux035 	: rgba(121,34,0,0.35);
	--couleurFondRouge035		: rgba(255,0,0,0.35);
	--couleurFondRouge080		: rgba(255,0,0,0.80);
	--couleurFondVert035 		: rgba(0,128,0,0.35);
	--couleurFondVert080 		: rgba(0,128,0,0.80);

	--couleurSurlignage			: rgb(255,255,136);
	--couleurCaseSurlignage		: rgb(241, 200, 76);
	--couleurFondCaseSurlignage	: rgba(0,32,194,0.6);

	--couleurFondTopOnglet			: rgba(80,150,80,0.75);
	--couleurBordureTopOnglet 		: rgba(200,200,200,0.8);
	--couleurOmbreTexteTopOnglet 	: rgb(0,0,0,);

	--couleurFondOpacity : rgba(50,60,50,0.5);

	--couleurBordureFooter	: rgba(24,92,17,0.5);

	--couleurFondTd			: rgb(240,246,240);

	--couleurBordureTable 	: rgba(200,200,200,0.8);
	--couleurTh				: rgb(255,255,255);
	--couleurThColonneTri	: rgba(242,73,0,0.8);
	--couleurFondTh			: rgba(94,117,94,0.6);

	--couleurFondImgZm		: rgba(200,200,200,0.75);

	--couleurBordureQtDroite 	: rgba(0,66,0,0.9);
	--couleurFondQtDroite 		: rgb(227,167,81);

	--couleurTitre0 			: rgb(121,34,0);
	--couleurTitre0Fond 		: rgba(94,117,94,0.6);
	--couleurTitre0Grise 		: rgb(255,255,255);
	--couleurTitre0GriseFond 	: rgba(200,200,200,0.8);
	--couleurTitre0Surlignage 	: rgb(121,34,0);

	--couleurTexte	: rgb(75,50,5);
	--tailleTexte	: 9pt;

	--couleurBandeTitreFenetre 		: rgba(210,210,210,1);
	--couleurBordureFenetre			: rgba(200,200,200,0.8);
	--couleurFondFenetre 			: rgb(220,226,220);
	--couleurFondBandeTitreFenetre 	: rgba(75,120,75,0.85);

	--couleurMonnaieBordure 		: rgba(240,240,240,0.9);
	--couleurMonnaieDefaut 			: rgba(121,34,0,1);
	--couleurMonnaieFond 			: rgba(196,202,196,0.9);
	--couleurMonnaieHover 			: rgba(242,73,0,0.95);
	--couleurMonnaieUtilisateur		: rgb(0,128,0);

}


@font-face {
font-family : "Script Pixel";
src:url('Minecraftia.ttf');
}

@font-face {
font-family : "CalibrImport";
src:url('Calibri.ttf');
}

@font-face {
font-family : "Sansation";
src:url('Sansation_Regular.ttf');
}

body, html {
	height : 100%;
	background : var(--couleurFond);
	height : 100%;
	scroll-behavior: smooth;
}

body {
	opacity : 0;
	margin :0;
	overflow : hidden;
	min-width : 1000px;
}

body,p,td {
color : var(--couleurTexte);
font-family : "Calibri", "CalibrImport", sans-serif;
font-size: var(--tailleTexte);
line-height : 1.5;
letter-spacing : 0.3px;
}


a {
	color : var(--couleurOrange);
	text-decoration: none;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: var(--couleurOrange);
}

a:link {
	color : var(--couleurOrange);
}

a:visited {
	color : var(--couleurOrange);
}

a:hover {
	text-decoration: underline;
}

div.hr {
	border-top : 1px ridge var(--couleurFondGrise060);
	border-bottom : 1px ridge var(--couleurFondBlanc050);
	margin : auto;
	height : 0;
	width : 50%;
}

fieldset.fieldsetencadre {
	background : var(--couleurFieldsetEncadreFond);
}
fieldset.fieldsetencadre legend {
	padding : 0 15px;
}
fieldset.fieldsetencadre table {
	border-spacing : 0;
	border : none;
}
fieldset.fieldsetencadre table tbody td {
	padding-left : 7px;
	width : 80%;
}
fieldset.fieldsetencadre table tbody th {
	width : 20%;
	padding : 5px 7px;
	text-align : left;
	border-right : 2px solid var(--couleurFieldsetEncadreBordureTh);
	color : var(--couleurFieldsetEncadreTh);
	background : none;
}

h1 {
	font-size : 16px;
}
h2 {
	font-size : 14px;
}
h3 {
	font-size : 13px;
	text-decoration : underline;
}

img.grise {
	cursor : not-allowed;
}
img.griseDispo {
	cursor: url('../images/modules/applications/griseDispo.png'), not-allowed;
}

input {
	font-family : "Calibri", "CalibrImport", sans-serif;
	font-size: var(--tailleTexte);
	line-height : 1.5;
	box-sizing: border-box;
	border-width : 2px;
	border-style : solid;
	border-radius : 4px;
	border-color : silver;
	padding : 2px 5px;
	margin : 0 2px; /*POur la taille des bordures*/
	appearance: none;
}

input[type="button"] {
	padding : 1px 5px;
}

/*bouton Image */
input[type="button"].boutonImage {
	height : 24px;
	width : 24px;
	background-size: cover;
}

input[type="button"].boutonImage.accepter {
	background-image: url('../images/modules/applications/accept-database24.png');
}

input[type="button"].boutonImage.aide {
	background-image: url('../images/modules/applications/question_sans_ombre_128.webp');
	cursor : help;
}

input[type="button"].boutonImage.ajouter {
	background-image: url('../images/modules/applications/add-to-database24.png');
}

input[type="button"].boutonImage.annuler {
	background-image: url('../images/modules/applications/annuler_sans_ombre_20.png');
}

input[type="button"].boutonImage.pressePapiers {
	background-image: url('../images/modules/applications/documents_presse_papiers_128.webp');
}

input[type="button"].boutonImage.modifier {
	background-image: url('../images/modules/applications/edit_256.png');
}

input[type="button"].boutonImage.retirer, input[type="button"].boutonImage.supprimer {
	background-image: url('../images/modules/applications/remove-from-database24.png');
}

/*bouton rond*/
input[type="button"].boutonRond {
	margin : 0;
	width : 34px !important;
	height: 34px;
	border-radius : 18px;
	box-shadow : inset -3px -3px 5px var(--couleurOmbre);
	border-width : 2px;
	border-style : dotted;
	cursor : help;
	background-size: cover;
}
input[type="button"].boutonRond.boutonBordeaux{
	border-color : var(--couleurBordeaux);
	background-color : var(--couleurFondBordeaux035);
}
input[type="button"].boutonRond.boutonGris {
	border-color : var(--couleurGris);
	background-color : var(--couleurFondGrise060);
}
input[type="button"].boutonRond.boutonOrange {
	border-color : var(--couleurOrange);
	background-color : var(--couleurFondOrange080);
}
input[type="button"].boutonRond.boutonRouge {
	border-color : var(--couleurRouge);
	background-color : var(--couleurFondRouge080);
}
input[type="button"].boutonRond.boutonVert {
	border-color : var(--couleurVert);
	background-color : var(--couleurFondVert080);
}

input[type="button"].boutonHoverBordeaux:hover {
	border-color : var(--couleurBordeaux);
}
input[type="button"].boutonHoverFondBordeaux:hover {
	background-color : var(--couleurFondBordeaux035);
}

/*Bouton désactivé*/
input[type="button"][disabled].boutonVert {
cursor : not-allowed !important;
color : var(--couleurGris);
border-color : var(--couleurGris);
}

/*bouton recharger*/
input[type="button"].boutonRecharger {
	margin : 0;
	width: 34px !important;
	height : 34px;
	background-image:url('/images/modules/applications/recharger_128.webp');
	background-size : 100% 100%;
	background-color : transparent;
	border : none;
	cursor : pointer;
}
input[type="button"].boutonRecharger:not(.boutonRechargerGris):hover {
	transform: rotate(0.25turn);
}

input[type="button"].boutonRecharger.boutonRechargerGris {
	background-image:url('/images/modules/applications/recharger_grise_128.webp');
}

input[type="radio"] {
	height : 15px;
	width : 15px;
	appearance: auto;
}

input[type="checkbox"] {
	height : 15px;
	width : 15px;
	appearance: auto;
}

p.titre {
	font-size : 12px;
	font-family : "Sansation";
	padding : 5px 7px;
	text-align : center;
	background : rgba(55,100,55,0.6);
	font-weight : 800;
	color : rgb(255,255,255);
}
p.titre.paramdata {
	cursor : pointer;
	background : rgba(0,32,194,0.6) !important;
	color : rgb(241, 200, 76);
}

select {
	font-family : "Calibri", "CalibrImport", sans-serif;
	font-size: 9pt;
	line-height : 1.2;
	box-sizing: border-box;
	border-width : 2px;
	border-style : solid;
	border-color : silver;
	border-radius : 4px;
	padding : 2px 5px;
}
select optgroup {
	color : var(--couleurOrange);
	font-size : 92%;
}
select optgroup option {
	color : var(--couleurTexte);
	font-size : var(--tailleTexte);
}
select option {
	background: var(--couleurFondPair);
}
select option.titreselect {
	background : rgba(242, 73, 0,0.2) !important;
	color : #f24900;
}
select option:nth-child(odd) {
	background: var(--couleurFondImpair);
}
select option[selected="selected"] {
	background : rgba(55, 100, 55, 0.6) repeat scroll 0 0;
	color : white;
}
select option.disabled {
	background : var(--couleurFondOrange);
	color : var(--couleurOrange);
}

span.espacevide {
	display : inline-block;
	width : 3px;
}
span.separateur {
	margin : 0 0 0 7.5px;
	padding-right : 10px;
	border-left : 1.5px solid silver;
}
span[dependde] {
	text-align : center;
	width : 20px;
	display : inline-block;
}

table {
	border-spacing : 0;
	overflow : hidden;
	width : 100%;
	border : 1px solid var(--couleurBordureTable);
}

table.ligneParLigne:nth-child(even) {
	background-color : var(--couleurFondPair);
}
table.ligneParLigne:nth-child(odd) {
	background-color : var(--couleurFondImpair);
}

table .lignePair {
	background-color : var(--couleurFondPair);
}
table .ligneImpair {
	background-color : var(--couleurFondImpair);
}

textarea {
	font-family : "Calibri", "CalibrImport", sans-serif;
	font-size: 9pt;
	line-height : 1.5;
	box-sizing: border-box;
	border-width : 2px;
	border-style : solid;
	border-radius : 4px;
	border-color : silver;
	padding : 2px 5px;
	appearance: none;
}

th {
	font-size : 12px;
	font-family : "Sansation";
	padding : 5px 7px;
	text-align : center;
	background : var(--couleurFondTh);
	font-weight : 800;
	color : var(--couleurTh);
}

th.grise {
	cursor : not-allowed;
	background : var(--couleurFondGrise) !important;
}

th.griseDispo {
	cursor: url('../images/modules/applications/griseDispo.png'), not-allowed;
	background : var(--couleurFondGrise) !important;
	color : var(--couleurTh);
}

th.paramdata {
	cursor : pointer;
	background :  var(--couleurFondCaseSurlignage) !important;
	color : var(--couleurCaseSurlignage);
}

td.grise {
	cursor : not-allowed;
	background : var(--couleurFondGrise) !important;
}

td.griseDispo {
	cursor: url('../images/modules/applications/griseDispo.png'), not-allowed;
	background : var(--couleurFondGrise) !important;
}

.ajaxloader {
	display : block;
	height : 64px;
	width : 64px;
	margin : auto;
}

.applicationsSauvegardeBdd {
width : 350px;
height : 100px;
}

.boutonImage {
background-color : transparent;
border : none;
padding : 0;
cursor : pointer;
}

/*boutonModificationSuppression*/
.boutonModificationSuppression {
float : right;
width: 130px;
max-width : 130px;
height: 130px;
max-height : 130px;
}
.boutonModificationSuppression div {
border-left: rgba(0, 66, 0, 0.9) 5px solid;
border-bottom: rgba(0, 66, 0, 0.9) 5px solid;
background-color : rgba(230, 160, 40, 0.6);
border-radius : 0 0 0 120px ;
width: 120px;
height: 120px;
transform-origin : top right;
border-spacing: 0px;
}
.boutonModificationSuppression div .contactContenuBouton {
height : 30px;
width :30px;
padding: 5px 7px;
display : block;
cursor:pointer;
}

.boutonModificationSuppression img {
height : 30px;
width : 30px;
display : block;
cursor : pointer;
}

.boutonOrange {
	background-color : var(--couleurFondOrange035);
	color : var(--couleurOrange);
	border : 2px ridge var(--couleurFondOrange035);
}
.boutonRouge {
	background-color : var(--couleurFondRouge035);
	color : var(--couleurBordeaux);
	border : 2px ridge var(--couleurFondRouge035);
}
.boutonVert {
	background-color : var(--couleurVertHover080);
	color : var(--couleurVert);
	border : 2px ridge var(--couleurFondVert035);
}

/*bug tracker = historique */
.bugtracker h3::before {
content: ">>\00A0";
}
.bugtracker h3 {
margin : 10px 0 5px 15px;
}
.bugtracker table {
border-spacing : 0;
overflow:hidden;
border: 2px ridge rgba(150,150,150,0.8);
border-radius : 7px;
display: block;
width : 90%;
margin-bottom : 10px;
}
.bugtracker table th{
font-size : 110%;
padding : 3px 15px;
text-align : left;
background : rgba(55,100,55,0.6);
color : white;
white-space: nowrap;
width : 90px;
}
.bugtracker table td{
padding : 3px 15px;
text-align : left;
width : 110%;
}
.bugtracker table td.bas {
background-color : #FF0;
}
.bugtracker table td.haut {
background-color : #F00;
color : white;
}
.bugtracker table td.moyen{
background-color : orange;
}
.bugtracker table td span{
font-weight : bold;
text-decoration : underline;
}

.clearer {
clear: both;
height: 1px;
display : block;
}

.couleurBordeaux, .couleurbordeaux, .couleurHoverBordeaux:hover, .couleurhoverbordeaux:hover {
	color : var(--couleurBordeaux);
}
.couleurOrange, .couleurorange, .couleurHoverOrange:hover, .couleurhoverorange:hover {
	color : var(--couleurOrange);
}
.couleurRouge, .couleurrouge, .couleurHoverRouge:hover, .couleurhoverrouge:hover {
	color : var(--couleurRouge);
}
.couleurVert, .couleurvert, .couleurHoverVert:hover, .couleurhoververt:hover {
	color : var(--couleurVert);
}

.erreurTexteCache {
display : none;
}

.encartAfficheErreur {
display : none;
position : absolute;
text-align : center;
border : 1px silver solid;
width : 90%;
padding : 20px;
background-color : rgba(0,150,120,0.9);
}

.fondbleu{
	background-color : var(--couleurFondBleu035);
}

.fondgris {
	background-color : var(--couleurFondGris);
}

.fondorange{
	background-color : var(--couleurFondOrange100);
}

.fondrouge{
	background-color : var(--couleurFondRouge035);
}

.fondvert {
	background-color : var(--couleurFondVert035);
}

.footer {
	grid-area: footer;

	color: #000;
	width: 500px;
	margin: 0 auto;
	background : url('images/bg_header.png');
	border-top : 1px solid var(--couleurBordureFooter);
	padding-top: 10px;
	border-radius : 70px 70px 0 0;
	display : none;
}

.footer p {
	margin:0;
	font-size : 9px;
	text-align : center;
	width: 100%;
	overflow : auto;
}

.footer .listePages a , .footer .listePages a:link, .footer .listePages a:visited , .footer .listePages a:hover , .footer .listePages a:active {
	color : #000;
	font-size : 9px;
}

/*Glissière*/
input[type="button"].glissiere {
	background-color : transparent;
	border : none;
	padding : 0;
	cursor : pointer;
	height : 100% !important; /*définit par le parent qui le contient*/
	width : 100% !important; /*définit par le parent qui le contient*/

	background-image : url('../images/modules/applications/toggle-switch_2.webp');
	background-repeat : no-repeat;
	background-position-y : 75%; /*par défaut gris*/
	background-size : 100%;
}
input[type="button"].glissiere.glissiereVert {
	background-position-y : 0%;
}
input[type="button"].glissiere.glissiereOrange {
	background-position-y : 33.33333333%;
}
input[type="button"].glissiere.glissiereRouge {
	background-position-y : 66.66666666%;
}
input[type="button"].glissiere.glissiereGris {
	background-position-y : 100%;
}

/*Global */
.global {
	min-height: 100%;
	height : auto;
	width: 100%;
	background : url('../images/Logo SymaLab T20.svg') no-repeat top left;
	z-index :10;
	display : none;

	display : grid;
	grid-template-columns : auto 110px;
	grid-template-rows: 40px 70px auto 48px;

	grid-template-areas : 	"globalHeader deconnexionProfil"
							". deconnexionProfil"
							"globalContenu globalContenu"
							"footer footer";
}

.global .datePicker {
	width : 75px !important;
}



/*jQueryImgZoom*/
.global .jQueryImgZoom {
	z-index : 299990;
	position : absolute;
	top: 0;
	left : 0;
	height : 100%;
	width : 100%;
}

.global .jQueryImgZoom div.ajouter{
	border : thick dashed var(--couleurBordureTable);
	position : absolute;
	display : flex;
	justify-content : center;
	align-items: center;
	background : var(--couleurFondImgZm);
}

.global .jQueryImgZoom div.ajouter div.boutonplus{
	height : 128px;
	width : 128px;
	background : url('/images/modules/applications/ajouter_sans_ombre_128.png') center center no-repeat transparent;
	cursor : pointer;
	border-radius : 64px;
	background-size: 100% 100%;
}

.global .jQueryImgZoom div.ajouter div.boutonvalider{
	height : 50%;
	width : 50%;
	background : var(--couleurFondImgZm);
	border-radius : 7px;
	display : flex;
	align-items : center;
	justify-content : space-evenly;
}
.global .jQueryImgZoom div.ajouter div.boutonvalider input[type="file"] {
	width : 60%;
}
.global .jQueryImgZoom div.ajouter div.boutonvalider input[type="button"] {
	width : 20%;
	height : 2em;
	cursor : pointer;
}

.global .jQueryImgZoom div.ajouter p {
	position : absolute;
	bottom : 0;
	text-align : center;
	color : rgb(100,100,100);
	font-size : 200%;
	width : 100%;
	margin : 0;
	padding : 15px 0;
}

.global .jQueryImgZoom img.image{
	border : 5px solid silver;
	border-radius : 7px;
	box-shadow : 10px 10px 20px var(--couleurFondGrise);
	position : absolute;
	background-color : var(--couleurFondGrise);
}
.global .jQueryImgZoom a.fermer {
	background-image : url('/images/modules/applications/jQueryImgZoom.png');
	background-position : 0 0;
	background-repeat : no-repeat;
	width : 25px;
	height : 25px;
	position : absolute;
}
.global .jQueryImgZoom a.fermer:hover {
	background-position : 0 -25px;
}
.global .jQueryImgZoom div.action {
	position : absolute;
	width : 36px;
}

.global .jQueryImgZoom div.action a {
	display : block;
	float : left;
	margin : 10px 0;
	background-position : 0 0;
	background-repeat : no-repeat;
	background-size : 36px 36px;
	width : 36px;
	height : 36px;
}
.global .jQueryImgZoom div.action a:nth-of-type(1) {
	background-image : url('/images/modules/applications/fleches-interrupteur-48.png');
}
.global .jQueryImgZoom div.action a:not(:nth-of-type(1)) {
	display : none;
}


.global .jQueryImgZoom div.icones {
	position : absolute;
	height : 34px;
	text-align : right;
	padding-right : 20px;
}
.global .jQueryImgZoom div.icones img {
	height : 100%;
	padding-right : 7px;
}
.global .jQueryImgZoom img.precedent, .global .jQueryImgZoom img.suivant {
	width : 52px;
	height : 52px;
	display : block;
	position : absolute;
	cursor : pointer;
}
.global .jQueryImgZoom p.titre {
	position : absolute;
	color : white;
	font-size : 115%;
	font-weight : bold;
	text-align : center;
	height : 50px;
	border-top: 2px black solid;
	width : 100%;
	bottom:0;
	margin :0;
	line-height : 50px;
	white-space : nowrap;
	color : green;
	background-color : var(--couleurFondBlanc050);
}
.global .jQueryImgZoom p.titre span {
	color : var(--couleurOrange);
	text-decoration-line : underline;
	text-decoration-color :green;
	text-decoration-style : dotted;
}

.global .pousseBas, .footer {
	height : 37px;
}

.global .opacity, .global .opacityDeconnexion, .global .opacityImgZoom {
	width : 100%;
	height : 100%;
	background : var(--couleurFondOpacity);
	position : absolute;
	top : 0;
	left: 0;
	z-index : 299999;
	opacity:0;
}
.global .opacityDeconnexion {
	z-index : 399999;
}
.global .opacityImgZoom {
	z-index : 299989;
}

/*Global Contenu */
.globalContenu {
	grid-area: globalContenu;

	width : 100%;
	padding-bottom : 20px;
	margin: 0 auto;
	opacity : 0;
}

.globalContenu .modifiableLigneAffichee {
	display : table-row;
}
.globalContenu .modifiableLigneCachee {
	display : none;
}


/*Global Header */
.globalHeader {
	grid-area: globalHeader;

	opacity : 0;
	display : grid;
	justify-items: center;
	justify-content: center;
	grid-template-columns : 1px repeat(5, minmax(100px, 150px)) auto 1fr 150px;
	grid-template-rows: 120px;

	grid-template-areas : "margedebut toponglet toponglet toponglet toponglet toponglet toponglet . topongletdate margefin";
	width : 100%;
	column-gap : 12px;
}


.gras {
	font-weight : bold;
}

.grasbleu, .grasBleu, .gras_bleu {
	color : blue;
	font-weight : bold;
}
.grasbleufondbleu{
	color : var(--couleurJaunatre);
	font-weight : bold;
	background-color : var(--couleurFondBleu035);
}

.grasbordeaux, .grasBordeaux, .gras_bordeaux {
	color : var(--couleurBordeaux);
	font-weight : bold;
}
.grasbordeauxfondbordeaux {
	color : var(--couleurBordeaux);
	font-weight : bold;
	background-color : var(--couleurFondBordeaux035);
}

.grasorange, grasorange, .gras_orange{
	color : var(--couleurOrange);
	font-weight : bold;
}
.grasorangefondorange{
	color : var(--couleurJaunatre);
	font-weight : bold;
	background-color : var(--couleurFondOrange035);
}

.grasrouge, .grasRouge, .gras_rouge {
	color : red;
	font-weight : bold;
}
.grasrougefondrouge{
	color : red;
	font-weight : bold;
	background-color : rgba(255,0,0,0.35);
}

.grasvert, .grasVert, .gras_vert {
	color : var(--couleurVert);
	font-weight : bold;
}
.grasvertfondvert {
	color : var(--couleurVert);
	font-weight : bold;
	background-color : var(--couleurFondVert035);
}

.grisBarre {
	text-decoration: line-through;
	color : var(--couleurGris) !important;
}

.highlight {
	background-color: var(--couleurSurlignage);
	text-decoration : underline;
}

/*historique en mode perle */
.historiquePerle {
	display : flex;
	justify-content: flex-start;
	align-items: center;
	align-content : stretch;
}
.historiquePerle p.perle {
	width : 75px;
	height : 45px;
	flex-basis: 55px;
	display : flex;
	flex-direction : column;
}
.historiquePerle p.perle span:first-child {
	width : 9px;
	height: 9px;
	border : 2px solid var(--couleurVert);
	border-radius : 9px;
	background-color : var(--couleurOrange);
	display : inline-block;
	margin : 0 auto;
}
.historiquePerle .liaisonPerle {
	height : 1px;
	flex-basis: 30px !important;
	border-top : 2px ridge var(--couleurFondGrise060);
	border-bottom : 2px ridge var(--couleurFondBlanc050);
	flex-grow : 0 !important;
	margin : 0 5px !important;
}
.historiquePerle .liaisonPerle:last-child {
	display : none;
}


.inputNonUtilisable {
	border : none;
	background : transparent;
}

.inputImgSupprimer {
	border : none;
	background : transparent;
	background-image : url("images/remove-from-database24.png");
	height : 24px;
	width : 24px;
	cursor : pointer;
}

.inputImgAjouter {
	border : none;
	background : transparent;
	background-image : url("images/add-to-database24.png");
	height : 24px;
	width : 24px;
	cursor : pointer;
}

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

span.minmajcarroussel {
	display : inline-block;
	height : 24px;
	width : 24px;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
	vertical-align : bottom;
	border : 1px solid var(--couleurFondVert035);
	box-shadow : 1px 1px 1px var(--couleurOmbre);
	cursor : pointer;
}

.minmajcarroussel_0 {
	background-image : url('/images/modules/applications/minusculeVersPremierMajuscule.webp');
}

.minmajcarroussel_1 {
	background-image : url('/images/modules/applications/premierMajusculeVersMajuscule.webp');
}

.minmajcarroussel_2 {
	background-image : url('/images/modules/applications/majusculeVersMinuscule.webp');
}

.minmajcarroussel_3 {
	background-image : url('/images/modules/applications/minusculeVersMajuscule.webp');
}

.overflow {
	overflow-y : auto;
	overflow-x : auto;
}

.overflow-y {
	overflow-y : auto;
}
.overflow-x {
	overflow-x : auto;
}

.souligne {
	text-decoration : underline;
	text-underline-offset : 0.2em;
}

.souligneOrange, .souligneorange, .souligne-orange {
	text-decoration-color : var(--couleurOrange);
}
.souligneVert, .soulignevert, .souligne-vert {
	text-decoration-color : var(--couleurVert);
}
.souligneBordeaux, .soulignebordeaux, .souligne-bordeaux {
	text-decoration-color : var(--couleurBordeaux);
}

/*Supression */
.suppression {
	width : 420px;
	height : 100px;
	z-index : 300000;
}

.suppression p {
	text-align : center;
}

/*Sweet Alert*/
.swal-overlay {
	z-index : 1000000;
}

/*Titre0*/
.titre0 {
	box-sizing: border-box;
	width : 100%;
	color : var(--couleurTitre0);
	margin : 0;
	padding : 0;
	padding-left : 7px;
	font-style: oblique 20deg;
	font-size : 88%;

	border-left : 5px solid var(--couleurOmbre);
	border-right : 1px solid var(--couleurFondOrange);
	background : linear-gradient(to right,var(--couleurOmbre),var(--couleurTitre0Fond));
}
/*texte0*/
.texte0 {
	box-sizing: border-box;
	width : 100%;
	min-height : 25px;
	margin : 0;
	padding : 3.5px 0 3.5px 15px;
	border-left : 5px solid var(--couleurOmbre);
	border-right : 1px solid var(--couleurFondOrange);
	background-color : var(--couleurFondBlanc050);
}
.texte0.paramdata {
	cursor : pointer;
}

.texte0.grise {
	color : var(--couleurTitre0Grise);
	background-color : var(--couleurTitre0GriseFond);
	cursor: not-allowed;
}

.texte0 input {
	width : 95% ! important;
}
.texte0 select {
	width : 95% ! important;
}

/*top Onglet */
.topOnglet {
	grid-area: toponglet;
	place-self: center stretch;

	margin-top : -160px;
	height : 100%;
	max-width : 150px;

	background : url('images/bg_header.png');
	border-width : 3px;
	border-style : solid;
	border-color : var(--couleurBordureTopOnglet);
	border-top : none;
	border-radius : 0 0 25px 25px;
	background: var(--couleurFondTopOnglet);

	text-align: center;
	cursor : pointer;
	z-index : 6000;

	display : flex;
	flex-direction : column;
	align-content : space-between;
	align-items : center;
	justify-content : space-around;
}

.topOnglet img {
	height: min(80px, 6vh);
	border: none;
}

.topOnglet p {
	font-size : min(20px, 1.1vw);
	margin : 0;
	min-width : max(50px, 100px, 1.2vw);
}
.topOnglet p a {
	text-shadow: -1px 0 20px var(--couleurBordureTopOnglet), 0 1px 20px var(--couleurBordureTopOnglet), 1px 0 20px var(--couleurBordureTopOnglet), 0 -1px 20px var(--couleurBordureTopOnglet);
}

/*TopOnlgetDate */
.topOngletDate {
	grid-area: topongletdate;
	justify-content : space-evenly;

	width : 150px;

	/*order: 100;*/
	background: url('annee.php') var(--couleurFondTopOnglet) no-repeat -20px 15px;
}

.topOngletDate .jourTexte, .topOngletDate .jourMois, .topOngletDate .heure {
	margin: 0;
}

.topOngletDate .jourMois, .topOngletDate .jourTexte {
	color : var(--couleurBordureTopOnglet);
	font-family : impact;
	letter-spacing : 10px;
	text-shadow: -1px 0 var(--couleurOmbreTexteTopOnglet), 0 1px var(--couleurOmbreTexteTopOnglet), 1px 0 var(--couleurOmbreTexteTopOnglet), 0 -1px var(--couleurOmbreTexteTopOnglet);
}
.topOngletDate .jourTexte, .topOngletDate .jourMois  {
	font-size : 20px;
}

/*Top Onglets Icones*/
.topOngletIcones {
	position : absolute;
	top : 45px;
	z-index : 5000;
}

.topOngletIcones a {
	display : block;
	width : 80px;
	height : 70px;
	background : url('/images/bg_header.png');
	border : 3px solid var(--couleurBordureTopOnglet);
	border-radius : 7px;
	background: var(--couleurFondTopOnglet);
	float : left;
	margin : 10px;
	cursor : pointer;
}

.topOngletIcones img {
	width : 50px;
	margin: 10px 15px;
}


/*ul-condense*/
ul.ul-condense li, div.ul-condense>div, div.ul-condense>div ul {
	margin : 0 !important;
}
ul.ul-condense.marge-droite-bordure {
	list-style-type : none;
	margin-left : 25px;
	padding-left : 10px;
	padding-right : 25px;
	border-left : 5px solid var(--couleurOmbre);
}
ul.ul-condense.marge-droite-bordure>li:before, div.ul-condense ul li:before {
	content:">";
	padding-right : 10px;
	color : var(--couleurVert);
}

ul.ul-list-sup, div.ul-list-sup ul {
	list-style-type : none;
}

ul.ul-list-sup li:before, div.ul-list-sup ul li:before {
	content:">";
	padding-right : 10px;
	color : var(--couleurVert);
}

div.ul-condense ul li {
	padding-top : 0 !important;
	padding-bottom : 0 !important;
	margin : 0 !important;
}



/*qtDroite
.qtDroite {
	position : absolute;
	right : 45px;
	width: 130px;
	max-width : 130px;
	height: 10px;
	max-height : 130px;
	margin-left : 15px;
	overflow : hidden;
}
.qtDroite div {
	border-left: var(--couleurBordureQtDroite) 5px solid;
	border-bottom: var(--couleurBordureQtDroite) 5px solid;
	background-color : var(--couleurFondQtDroite);
	border-radius : 0 0 0 120px ;
	margin-top : 5px;
	width: 120px;
	height: 120px;
	transform: rotate(90deg);
	border-spacing: 90px;
	transform-origin : top right 0;
}
.qtDroite img {
	height : 30px;
	width : 30px;
	display : block;
	cursor : pointer;
}
.qtDroite img.display1 {
	display:none;
}
.qtDroite img.display2 {
	visibility : hidden;
}*/

/*qtDroite*/
.qtDroite {
	position : absolute;
	right : 25px;
	top : 30px;
	width: 44px;
	max-width : 60px;
	overflow : hidden;
	background-color : var(--couleurFondQtDroite);
	border: var(--couleurBordureQtDroite) 5px solid;
	border-top: none;
	border-radius : 0 0 5px 5px;
	padding-bottom: 10px;
}
.qtDroite div {
	height : 0;
	width: 44px;
	transform:translateY(-90%);
	transition: all 800ms ease-in-out;
}

.jQueryFenetre:last-child .qtDroite div:hover {
	height : 100%;
	transform:translateY(0);
	transition: all 10ms ease-in-out;
}

.qtDroite img {
	height : 30px;
	width : 30px;
	margin : 0 auto;
	display : block;
	cursor : pointer;
	padding : 10px 7px;
}
.qtDroite img.display1 {
	display:none;
}
.qtDroite img.display2 {
	visibility : hidden;
}


/*ListeBoutons */
.listeBoutons{
	float : left;
	width: 7.2916666%;
	height: 100%;
	border-right : 2px ridge var(--couleurFondGrise);
	margin-right : 20px;
}

.listeBoutons a {
	margin : 7px auto;
	height : 50px;
	cursor: pointer;
	display : block;
}

.listeBoutons a img {
	margin : 7px auto;
	height : 50px;
	width : 50px;
	cursor: pointer;
	border : none;
}

/*Liste Recherche*/
.listeRecherche {
	line-height: 35px;
	padding : 10px 20px 10px 0;
	margin : 0 0 25px 0;
	background-color : var(--couleurFondFenetre);
	border-bottom : 2px ridge var(--couleurFondGrise);
	display : block;
	z-index : 10000;
}
.listeRecherche.sticky {
	position : sticky;
	top : -1px;
}

.listeRecherche .boutonslisteRecherche {
	margin : 0 10px;
	height : 35px;
	vertical-align : middle;
	cursor: pointer;
}


.listeRecherche .listeRechercheInput {
	width : 180px;
	vertical-align : middle;
	margin : 0 5px;
}

.listeRecherche div.options div.option {
	display : none;
}
.listeRecherche div.options div.option div.titre {
	padding-left : 25px;
	text-decoration : underline;
}
.listeRecherche div.options div.option div.titre::after {
	content:":";
}
.listeRecherche div.options div.option div.titre::before {
	content :"";
	display : inline-block;
	float : left;
	margin-top : 11px;
	margin-right : 10px;
	width : 12px;
	height: 12px;
	background: url("/images/modules/applications/fleche_vers_droite_64.png") no-repeat center center;
	background-size : contain;
}
.listeRecherche div.options div.fleche {
	margin-top : -35px;
	content :"";
	display : inline-block;
	float : right;
	width : 24px;
	height: 24px;
	background: url("/images/modules/applications/fleche_vers_bas_64.png") no-repeat center center;
	background-size : contain;
	cursor : pointer;
}

.listeRecherche .suggestions, .recherche .suggestionsRecherche, .divrecherche .divsuggestions {
	position : absolute;
	z-index : 100002;
	width : 300px !important;
	overflow:hidden;
	border: 2px ridge var(--couleurFondGrise);
	background : none repeat scroll 0 0 var(--couleurFondImpair);
	box-shadow : -3px 3px 25px 3px rgba(90,90,90,0.8);
	border-radius : 7px;

	display : flex;
	flex-direction : column !important;
	gap : 0 !important;

}
.listeRecherche .suggestions p, .recherche .suggestionsRecherche p, .divrecherche .divsuggestions p {
	width : 100% !important;
	flex-basis : 100% !important;
	margin : 0;
	padding : 10px 5px;
	display : block !important;
}
.listeRecherche .suggestions p:nth-child(1), .recherche .suggestionsRecherche p:nth-child(1), .divrecherche .divsuggestions p:nth-child(1){
	padding : 5px;
	font-size : 110%;
	background : rgba(55,100,55,0.6);
	color : white;
	text-decoration : underline;
}
.listeRecherche .suggestions p:nth-child(even), .recherche .suggestionsRecherche p:nth-child(even), .divrecherche .divsuggestions p:nth-child(even) {
	background-color : var(--couleurFondPair);
}

.listeRecherche .suggestions p:nth-child(n+2):hover,
.recherche .suggestionsRecherche p:nth-child(n+2):hover,
.listeRecherche .suggestions p.selectionne,
.recherche .suggestionsRecherche p.selectionne,
.divrecherche .divsuggestions p:nth-child(n+2):hover,
.divrecherche .divsuggestions p.selectionne
{
	color: var(--couleurVert);
	font-weight :bold;
	background: var(--couleurVertHover080);
}

.listeRecherche .suggestions span.highlight, .recherche .suggestionsRecherche span.highlight, .divrecherche .divsuggestions span.highlight{
	color : white;
	background-color : var(--couleurOrange);
	font-weight : bold;
}

/*listeContenu*/
.listeContenu {
	min-width : 860px;
	width : 89.58333333333333333333333333333%;
}

/*listeTableau*/
.listeTableau {
	border-spacing : 0;
	overflow:hidden;
	width : 100%;
}

.listeTableau  tbody tr:nth-child(even) {
	background-color : var(--couleurFondPair);
}
.listeTableau  tbody tr:nth-child(odd) {
	background-color : var(--couleurFondImpair);
}
.listeTableau td{
	padding : 0 7px 0 10px;
	text-align : left;
	line-height : 27px;
	overflow: hidden;
	hyphens: auto;
	max-width : 20px; /*prendra la largeur de th*/
	vertical-align: middle;
}
.listeTableau  td:nth-child(n+3) {
	text-align : center;
}
.listeTableau td img {
margin-top : 5px;
width : 100%
}
.listeTableau td div.positionToggle, div.positionToggle {
	background : url('/images/modules/applications/toggle-switch_32.png');
	background-repeat : no-repeat;
	background-size : 32px 70px;
	height : 17.5px;
	width: 32px;
	background-position-x: center;
	cursor : pointer;
}
.listeTableau td div.positionToggleBkg_1, div.positionToggleBkg_1 {
	background-position-y: 0;
}
.listeTableau td div.positionToggleBkg_2, div.positionToggleBkg_2 {
	background-position-y: -17.5px;
}
.listeTableau td div.positionToggleBkg_3, div.positionToggleBkg_3 {
	background-position-y: -35px;
}
.listeTableau td div.positionToggleBkg_4, div.positionToggleBkg_4 {
	background-position-y: -52.5px;
}
.listeTableau  th{
	padding : 5px 7px;
	text-align : center;
}

.listeTableau  th.colonneTri {
	color : var(--couleurThColonneTri);
}

.listeTableau  th.colonneTri img {
	margin-left : 5px;
	vertical-align : middle;
	height : 16px;
	width : 16px;
}

.listeTableau  th.colonneTriable {
	cursor : pointer;
}

.listeTableau .selectionne, .listeTableau tbody tr:nth-child(even).selectionne, .listeTableau tbody tr:nth-child(odd).selectionne{
	background: var(--couleurThColonneTri);
}

.listeTableau .selectionne td, .listeTableau .selectionne td p, .listeTableau .selectionne td a {
	color: white;
	font-weight :bold;
}

.listeTableau tr:hover:not(.selectionne) {
	background: var(--couleurVertHover080);
}
.listeTableau tr:hover:not(.selectionne) td, .listeTableau tr:hover:not(.selectionne) td a {
	color: var(--couleurVert);
}

.listeTableauDiv {
	width : 97.09%;
	/*A changer en width:100%; quand le module fenètres sera terminé */
	padding-right : 25px;
}

.listeRecherche .divReponsesRecherche{
	background : var(--couleurFondImpair);
	border : 2px ridge var(--couleurFondGrise);
	margin : 0;
	padding: 0;
	border-radius : 7px;
	box-shadow : -3px 3px 25px 3px var(--couleurOmbre);
	width: 300px;
	min-height: 20px;
	max-height: 300px;
	z-index : 10001;
	position :absolute;
	z-index : 100002;
}

.listeRecherche .divReponsesRecherche {
	top: 103px;
	left: 100px;
}

.divReponsesRecherche p {
	margin : 0;
	padding: 5px;
	cursor: pointer;
}

.divReponsesRecherche  p:nth-child(odd) {
	background : var(--couleurFondPair);
}
.divReponsesRecherche  p:first-child {
	border-radius : 7px 7px 0 0;
}
.divReponsesRecherche  p:last-child {
	border-radius : 0 0 7px 7px;
}
.divReponsesRecherche  p:only-child {
	border-radius : 7px;
}


.utilfooter {
font-size : 80%;
text-align : center;
}
.utilfooter span{
color : black;
}

/*Jquery*/
.ui-datepicker td.grasorange a.ui-state-default {

	color : var(--couleurOrange);
	border : 1px solid var(--couleurFondOrange080);
	background : none;
	background-color : var(--couleurFondOrange035);
}