﻿:root{
	--colorprincipale01:#240830;
	--colorprincipale02:#710097;
	--colorprincipale03:#8210ad;
	--colorprincipale04:#9621c6;
	--colorprincipale05:#a730dc;
	--colorprincipale06:#ad46dc;
	--colorprincipale07:#b462dd;
	--colorprincipale08:#bb7ede;
	--colorprincipale09:#f2ccff;
	--colorprincipale10:#ecdcf0;
	--colorsecondaire01:#240830;
	--colorsecondaire02:#540070;
	--colorsecondaire03:#710097;
	--colorsecondaire04:#8210ad;
	--colorsecondaire05:#9621c6;
	--colorsecondaire06:#ad46dc;
	--colorsecondaire07:#b462dd;
	--colorsecondaire08:#bb7ede;
	--colorsecondaire09:#f2ccff;
	--colorsecondaire10:#ecdcf0;
	
	--colorprincipaleconnexion01:#280835;
	--colorprincipaleconnexion02:#4C0F66;
	--colorprincipaleconnexion03:#74179B;
	--colorprincipaleconnexion04:#981ECC;
	--colorprincipaleconnexion05:#B342E3;
	--colorprincipaleconnexion06:#C268E9;
	--colorprincipaleconnexion07:#D290EF;
	--colorprincipaleconnexion08:#E1B3F4;
	--colorprincipaleconnexion09:#F1DBFA;
	--colorprincipaleconnexion10:#F8EDFC;
	--colorsecondaireconnexion01:#1E0727;
	--colorsecondaireconnexion02:#3C0D4F;
	--colorsecondaireconnexion03:#5A1476;
	--colorsecondaireconnexion04:#781A9D;
	--colorsecondaireconnexion05:#9621C6;
	--colorsecondaireconnexion06:#B23FDF;
	--colorsecondaireconnexion07:#C56FE7;
	--colorsecondaireconnexion08:#D89FEF;
	--colorsecondaireconnexion09:#ECCFF7;
	--colorsecondaireconnexion10:#F6E9FB;
	
	--main-bg-color: var(--colorprincipale07);
	--color-logo:var(--colorsecondaire05);
	--height-blocconnexion-logo:120px;
	--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: #000000; /* Couleur des icones de thème dans l'entete*/
	--colorprincipalespecial:var(--colorprincipale10);
}
#colonnegauche #logo {
    background-image: url(https://cdn.organica.technology/OfficeWeb/bg/AKT_Logo.png);
    background-position: center 26px;
    background-size: auto 42px;
    display: block;
    height: 100px;
    width: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
	filter: brightness(0) invert(1);
}
html.menuferme #colonnegauche #logo {
	background-image: url(https://cdn.organica.technology/OfficeWeb/bg/AKT_Logo.png);
    background-size: 55px;
    background-position: center center;
}
#colonnegauche #menuenglobant,#containermenu2,#colonnegauche #logoenglobant {
	background-image: -moz-linear-gradient(left, var(--colorprincipale02), var(--colorprincipale02));
    background-image: -webkit-linear-gradient(left, var(--colorprincipale02), var(--colorprincipale02));
    background-image: -o-linear-gradient(left, var(--colorprincipale02), var(--colorprincipale02));
    background-image: -ms-linear-gradient(left, var(--colorprincipale02), var(--colorprincipale02));
    background-image: linear-gradient(to right, var(--colorprincipale02), var(--colorprincipale02));
}
.sfl table tr th, .ssfl table tr th, .sflspec table tr th {
    color: var(--colorsecondaire05) !important;
}
.explorateur ul li span,.labelFonc {color: var(--color-logo);}
.explorateur .petitcarrecliquable::before, .explorateur .petitcarrecliquable::after{background-color: var(--color-logo);}
.logoconnexion{
    background-image: url(https://cdn.organica.technology/OfficeWeb/bg/AKT_Logo.png);
    background-size: 330px;
    background-position: 18px 30px;
    image-rendering: -webkit-optimize-contrast;
}
.containerradio .checkmark:after, .containercouleur .checkmark:after {background: #a730dc;}
.couleurliens{color: var(--colorsecondaire04)}
.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:#a730dc;border: 1px solid #a730dc;}
.container input:checked ~ .checkmark {background-color:#a730dc;border:1px solid #a730dc;}
.containerradio input:checked ~ .checkmark:after {background-color:#a730dc;}
