:root{
	--colorprincipale01:#111C28;
	--colorprincipale02:#20364B;
	--colorprincipale03:#305373;
	--colorprincipale04:#416F9A; /*bg byorganica*/
	--colorprincipale05:#588AB9; /*bg menu + checkbox FL + titres accordeons et blocs + divers*/
	--colorprincipale06:#7AA2C7;
	--colorprincipale07:#9AB9D5; /*bg entete de blocs*/
	--colorprincipale08:#BBCFE2; /*bg classements FL*/
	--colorprincipale09:#DFE8F1; /*lignes sélectionnées FL*/
	--colorprincipale10:#EDF2F7; /*bg accordeons + lignes hover FL*/
	--colorsecondaire01:#3A0D08;
	--colorsecondaire02:#741B11;
	--colorsecondaire03:#AA2718;
	--colorsecondaire04:#E03724; /*hover bouton connexion*/
	--colorsecondaire05:#E86C5E; /*boutons + checkbox (hors FL) + boutons radios*/
	--colorsecondaire06:#ED897E;
	--colorsecondaire07:#F1A59D;
	--colorsecondaire08:#F6C6C1;
	--colorsecondaire09:#FBE2E0;
	--colorsecondaire10:#FCEFED; /*fonds boutons switch*/
	
	--colorprincipaleconnexion01:#111C28;
	--colorprincipaleconnexion02:#20364B;
	--colorprincipaleconnexion03:#305373;
	--colorprincipaleconnexion04:#416F9A; /*bg byorganica*/
	--colorprincipaleconnexion05:#588AB9; /*bg menu + checkbox FL + titres accordeons et blocs + divers*/
	--colorprincipaleconnexion06:#7AA2C7;
	--colorprincipaleconnexion07:#9AB9D5; /*bg entete de blocs*/
	--colorprincipaleconnexion08:#BBCFE2; /*bg classements FL*/
	--colorprincipaleconnexion09:#DFE8F1; /*lignes sélectionnées FL*/
	--colorprincipaleconnexion10:#EDF2F7; /*bg accordeons + lignes hover FL*/		 
	--colorsecondaireconnexion01:#3A0D08;
	--colorsecondaireconnexion02:#741B11;
	--colorsecondaireconnexion03:#AA2718;
	--colorsecondaireconnexion04:#E03724; /*hover bouton connexion*/
	--colorsecondaireconnexion05:#E86C5E; /*boutons + checkbox (hors FL) + boutons radios*/
	--colorsecondaireconnexion06:#ED897E;
	--colorsecondaireconnexion07:#F1A59D;
	--colorsecondaireconnexion08:#F6C6C1;
	--colorsecondaireconnexion09:#FBE2E0;
	--colorsecondaireconnexion10:#FCEFED; /*fonds boutons switch*/
	
	--main-bg-color: var(--colorprincipale07);
	--color-logo:var(--colorsecondaire05);
	--height-blocconnexion-logo:250px;
	--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);
}
/* NOUVEAU */
html {background-color:#f5f5f5;}
html.connexion {background-color: #ffffff;}
#chercherChampLie, #chercherChampLie2  {background-color:#f5f5f5;}
#colonnegauche #logo {
	background-image: url('https://cdn.organica.technology/OfficeWeb/bg/IRE_LogoMenuPetit.png');
	background-position: center center;
	height: 150px;
	background-size: 100px auto;
}
html.menuferme #colonnegauche #logo {
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/IRE_LogoMenuPetit.png');
	background-position: center center;
	background-size: 40px;
}
#colonnegauche #byorganica {background-color:var(--colorprincipale03);}
#colonnegauche #menuenglobant {height: calc(100vh - 150px - 50px);} /*150px = hauteur du logo*/
.bandeauaffiche #colonnegauche #menuenglobant {height: calc(100vh - 150px - 50px - 50px);} /*150px = hauteur du logo*/
.withBandeauShutdown #colonnegauche #menuenglobant {height: calc(100vh - 150px - 50px - var(--heightbandeaushutdown));} /*150px = hauteur du logo*/
.bandeauaffiche.withBandeauShutdown #colonnegauche #menuenglobant {height: calc(100vh - 150px - 50px - 50px - var(--heightbandeaushutdown));} /*150px = hauteur du logo*/
#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));
}
.form .accordeon {
	background-color:var(--colorprincipale10);
	color: var(--colorprincipale05) !important;
}

.bloccorpsfl .trentete .checkmark {
	background-color: var(--colorprincipale08);
	border-color: var(--colorprincipale08);
}
.colonneRecherchecontent input[type=text].multicritere{
	border: 1px solid var(--colorprincipale05);
}

.fl table tr.trclassement td,.fl table tr.trclassement:hover td,.sfl table tr.trclassement:hover td,.ssfl table tr.trclassement:hover td,.fl table tr.trafficherplus td,.fl table tr.trafficherplus:hover td,.sfl table tr.trafficherplus:hover td,.ssfl table tr.trafficherplus:hover td {background-color:var(--colorprincipale08);color:white;}

.entete {
	/*background-image:url('https://cdn.organica.technology/OfficeWeb/bg/bgenteteABBL.png');*/ /* Pas d'image de background pour le moment. */
	background: white;
	-webkit-box-shadow: 0px 8px 12px -8px rgb(0 0 0 / 60%);
	box-shadow: 0px 8px 12px -8px rgb(0 0 0 / 60%);
}
.sfl table tr th, .ssfl table tr th, .sflspec table tr th, .libelleColonneChampColPos,.form .ssaccordeon {
	color: var(--colorprincipale05) !important;
}
.form .zg .libelle, .QurQueElemEditLibelle {color: var(--colorprincipale05) !important;}
.enteteform .boutons {
	background-color: rgba(255, 255, 255, 0.20);
}

.entete .boutonrond, .enteteform .boutonrond, .elementsfl .boutonrond {background-color: var(--colorsecondaire10);}
.entete .radius .boutonrond, .enteteform .radius .boutonrond, .elementsfl .radius .boutonrond {background-color: #ffffff;}

.entete .nomprenom:not(.logout), .entete .langues:not(.logout), .entete .nomprenom a:not(.logout), .entete .langues a:not(.logout) {
	color: var(--color-theme-entete) !important;
	/*filter: invert(1) contrast(100%);*/
}
.explorateur ul li span,.labelFonc {color: var(--colorprincipale05);}
.explorateur .petitcarrecliquable::before, .explorateur .petitcarrecliquable::after{background-color: var(--colorprincipale05);}
#flyoutinside .enteteform {
	background-color: var(--colorprincipale07) !important;
}
.fl table tr.selected td,.fl table tr.doubleclicked td,.sfl table tr.selected td.fl table tr.selected td,.fl table tr.doubleclicked td,.ssfl table tr.selected td {
	background-color:var(--colorprincipale09);
	color: #3D3D3D;
}
.fl table tr:hover td,.sfl:not(.disInvExplo,.sfl-EtaSes-Ses) table tr:hover td,.ssfl table tr:hover td,.jstree-default .jstree-clicked,.jstree-default .jstree-wholerow-clicked,.jstree-default .jstree-wholerow-hovered {background:var(--colorprincipale10);}
.vueDocDossierHierarchy .fl table tr:hover td {background-color: var(--colorprincipale10);}
.logoconnexion{
	height: var(--height-blocconnexion-logo);
	background-color: white;
	background-image: url('https://cdn.organica.technology/OfficeWeb/bg/IRE_4.png');
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: auto 250px;
}
.containerradio .checkmark:after, .containercouleur .checkmark:after {background: var(--colorsecondaire05);}
.colonneRecherchecontent input[type=text].multicritere:focus + .placeholder, .colonneRecherchecontent input[type=text].multicritere.nonvide + .placeholder{color: var(--colorprincipale05);}
.blocconnexion table .tdforgotpassword a{color:var(--colorsecondaire05);}
.blocconnexion input[type=submit] {margin-top: 26px;background-color: #51adda; /*var(--colorsecondaire05);*/border-radius: 6px;height: 48px;}
.blocconnexion input[type=submit]:hover,.blocconnexion input[type=submit]:focus {background-color:var(--colorsecondaire04);}
.radius {background-color:var(--colorsecondaire10);}
.radius.actif a {background-color:var(--colorsecondaire05);}
.rememberme .container .checkmark:after {
	border-color: var(--colorsecondaire05);
}

#fonctionsdroite .element:hover .icone,.fonctionsbas .element:hover .icone,.errorbloc .errorboutons .element:hover .icone,.enteteform .icone:hover,.elementsfl .icone:hover, .element:hover .deplContrIcon,#flyoutcontent .element:hover .icone, .errorfooter .element:hover .icone {background-color:var(--colorsecondaire05);}

.fl table tr.current td,.sfl table tr.current td,.ssfl table tr.current td {background-color:var(--colorprincipale09);}
.vueDocDossierHierarchy table tr.current td {background-color:var(--colorprincipale09);}
.rememberme .container input:checked ~ .checkmark {background-color:white !important;border:1px solid var(--colorsecondaire05);}
.fl .container input:checked ~ .checkmark, .sfl.enliste .container input:checked ~ .checkmark, .ssfl.enliste .container input:checked ~ .checkmark,.sflspec.enliste .container input:checked ~ .checkmark{
	background-color:var(--colorprincipale05);
	border: 1px solid var(--colorprincipale05);
}
.colonneRecherchecontent .categories.open .titrecategories{
	color: var(--colorprincipale05);
}
.container input:checked ~ .checkmark {background-color:var(--colorsecondaire05);border:1px solid var(--colorsecondaire05);} 
.containerradio input:checked ~ .checkmark:after {background-color:var(--colorsecondaire05);}