:root{
	--colorprincipale01:#151414;
	--colorprincipale02:#292828;
	--colorprincipale03:#3E3C3C;
	--colorprincipale04:#535050;
	--colorprincipale05:#696666;
	--colorprincipale06:#868383;
	--colorprincipale07:#A4A2A2;
	--colorprincipale08:#C3C1C1;
	--colorprincipale09:#E1E0E0;
	--colorprincipale10:#F0EFEF;
	--colorsecondaire01:#2B0309;
	--colorsecondaire02:#510611;
	--colorsecondaire03:#7B091B;
	--colorsecondaire04:#A60D24;
	--colorsecondaire05:#CF102D;
	--colorsecondaire06:#EF2A47;
	--colorsecondaire07:#F35E74;
	--colorsecondaire08:#F792A1;
	--colorsecondaire09:#FBCBD2;
	--colorsecondaire10:#FDE3E7;
	
	--colorprincipaleconnexion01:#0D0D0D;
	--colorprincipaleconnexion02:#171717;
	--colorprincipaleconnexion03:#242323;
	--colorprincipaleconnexion04:#2F2D2D;
	--colorprincipaleconnexion05:#3C3A3A;
	--colorprincipaleconnexion06:#635F5F;
	--colorprincipaleconnexion07:#8C8888;
	--colorprincipaleconnexion08:#B1AFAF;
	--colorprincipaleconnexion09:#D9D8D8;
	--colorprincipaleconnexion10:#EBEAEA;
	--colorsecondaireconnexion01:#220207;
	--colorsecondaireconnexion02:#43040D;
	--colorsecondaireconnexion03:#650614;
	--colorsecondaireconnexion04:#87081B;
	--colorsecondaireconnexion05:#AB0A22;
	--colorsecondaireconnexion06:#E70D2E;
	--colorsecondaireconnexion07:#F4435E;
	--colorsecondaireconnexion08:#F88293;
	--colorsecondaireconnexion09:#FBC0C9;
	--colorsecondaireconnexion10:#FDE2E6;
	
	--main-bg-color: var(--colorprincipale07);
	--color-logo:var(--colorsecondaire05);
	--height-blocconnexion-logo:180px;
	--height-entete:80px;
	--color-boutonbas: var(--colorsecondaire05); /*Couleur des icones en bas*/
	--color-boutonbasfond: #ffffff; /*Couleur de fond des icones en bas*/
	--color-boutonbashover: #ffffff; /*Couleur des icones en bas [HOVER]*/
	--color-boutonbasfondhover: var(--colorsecondaire05); /*Couleur de fond des icones en bas [HOVER]*/
	--color-btnentete: var(--colorsecondaire05); /*Couleur des icones d'entete*/
	--color-fondbtnentete: var(--colorsecondaire10); /*Couleur de fond des boutons d'en tete*/
	--color-boutonradius: var(--colorsecondaire05); /*Couleur de fond des boutons radius*/
	--color-boutoniconradius: #ffffff; /*Couleur des icones + fond des radius non actif*/
	--color-boutondroite: var(--colorsecondaire05); /*Couleur des boutons à droite*/
	--color-boutondroitefond: #FFFFFF; /* Couleur de fond des boutons à droite*/
	--color-boutondroitehover: #FFFFFF; /*Couleur des boutons à droite [HOVER]*/
	--color-boutondroitefondhover: var(--colorsecondaire05); /* Couleur de fond des boutons à droite [HOVER]*/
	--color-boutondroitetransparant: var(--colorsecondaire05); /* Couleur de à droite transparant */
	--color-boutondroitetransparanthover: #FFFFFF; /* Couleur de à droite transparant [HOVER]*/
	
	--color-fondbtnutils: #FFFFFF; /*Couleur des icones flèches en bas à droit et i*/
	--color-fondbtnutilshover: var(--colorsecondaire05); /*Couleur hover des icones flèches en bas à droit et i*/
	--color-iconconnexion: #0000002f; /* Couleur des icones sur la page de connexion*/
	--color-fondbtnutilsicon: var(--colorsecondaire05); /*Couleur des icones flèches en bas à droit et i*/
	--color-fondbtnutilshovericon: #FFFFFF; /*Couleur hover des icones flèches en bas à droit et i*/
	--color-icontransparant: var(--colorsecondaire05); /* Couleur des icones transparant*/
	--color-fleche: var(--colorprincipale05); /* Couleur des icones de flèches présente dans les accordéons*/	
	--color-theme-menu: #ffffff; /* Couleur des icones des thèmes du menu de gauche */
	--color-theme-entete: #616161; /* Couleur des icones de thème dans l'entete*/
	--colorprincipalespecial:var(--colorprincipale10);
}
#colonnegauche #logo {
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/Concours_logoESeul.png');
	background-position: center center;
	background-size: 53px;
}
html.menuferme #colonnegauche #logo {background-position: center center;background-size: 40px;}
#colonnegauche #menuenglobant,#containermenu2,#colonnegauche #logoenglobant {
	background-image: -moz-linear-gradient(left, var(--colorprincipale04), var(--colorprincipale05));
	background-image: -webkit-linear-gradient(left, var(--colorprincipale04),var(--colorprincipale05));
	background-image: -o-linear-gradient(left, var(--colorprincipale04),var(--colorprincipale05));
	background-image: -ms-linear-gradient(left, var(--colorprincipale04),var(--colorprincipale05));
	background-image: linear-gradient(to right, var(--colorprincipale04),var(--colorprincipale05));
}
.logoconnexion{
	background-image: url('https://cdn.organica.technology/OfficeWeb/bg/Concours_logoESeulRouge.png');
	background-position: center center;
	background-size: contain;
}
.form .accordeon,.form .zg .libelle, .QurQueElemEditLibelle {
	color:var(--colorsecondaire05) !important
}
.explorateur ul li span, .labelFonc {
	color:var(--colorsecondaire05);
}
.explorateur .petitcarrecliquable::before, .explorateur .petitcarrecliquable::after {
  background-color: var(--colorsecondaire05);
}
.newpetitcarrearbo .jstree-default:not(.criteres,#donManquantes) > .jstree-no-dots .jstree-closed:not(.jstree-leaf) > .jstree-icon::after, .newpetitcarrearbo .jstree-default:not(.criteres,#donManquantes) > .jstree-no-dots .jstree-open:not(.jstree-leaf) > .jstree-icon::after{
	background-image: linear-gradient(var(--colorsecondaire05) 2px, transparent 2px), linear-gradient(90deg, var(--colorsecondaire05) 2px, transparent 2px);
}