:root{
	--colorprincipale01:#152828;
	--colorprincipale02:#2B4F50;
	--colorprincipale03:#407778;
	--colorprincipale04:#559EA0;
	--colorprincipale05:#7AB7B8;
	--colorprincipale06:#95C5C6;
	--colorprincipale07:#AFD4D4;
	--colorprincipale08:#CAE2E3;
	--colorprincipale09:#E4F1F1;
	--colorprincipale10:#F2F8F8;
	--colorsecondaire01:#0C1D1D;
	--colorsecondaire02:#18393A;
	--colorsecondaire03:#225253;
	--colorsecondaire04:#2E6F70;
	--colorsecondaire05:#3A8B8C;
	--colorsecondaire06:#4EB4B6;
	--colorsecondaire07:#7AC6C8;
	--colorsecondaire08:#A8DADB;
	--colorsecondaire09:#D4EDED;
	--colorsecondaire10:#E9F6F6;
	
	--colorprincipaleconnexion01:#152828;
	--colorprincipaleconnexion02:#2B4F50;
	--colorprincipaleconnexion03:#407778;
	--colorprincipaleconnexion04:#559EA0;
	--colorprincipaleconnexion05:#7AB7B8;
	--colorprincipaleconnexion06:#95C5C6;
	--colorprincipaleconnexion07:#AFD4D4;
	--colorprincipaleconnexion08:#CAE2E3;
	--colorprincipaleconnexion09:#E4F1F1;
	--colorprincipaleconnexion10:#F2F8F8;
	--colorsecondaireconnexion01:#0C1D1D;
	--colorsecondaireconnexion02:#18393A;
	--colorsecondaireconnexion03:#225253;
	--colorsecondaireconnexion04:#2E6F70;
	--colorsecondaireconnexion05:#3A8B8C;
	--colorsecondaireconnexion06:#4EB4B6;
	--colorsecondaireconnexion07:#7AC6C8;
	--colorsecondaireconnexion08:#A8DADB;
	--colorsecondaireconnexion09:#D4EDED;
	--colorsecondaireconnexion10:#E9F6F6;
	
	--main-bg-color: var(--colorprincipale06);
	--color-logo:var(--colorsecondaire05);
	--height-blocconnexion-logo:159px;
	--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/ANRB_LogoConnexion.png);
    background-position: center 10px;
    background-size: auto 90px;
    display: block;
    height: 100px;
    width: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
	filter: brightness(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(132deg) brightness(100%) contrast(100%) !important;
}
html.menuferme #colonnegauche #logo {
	background-image: url(https://cdn.organica.technology/OfficeWeb/bg/ANRB_LogoConnexion.png);
    background-size: 50px;
    background-position: center center;
	filter: brightness(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(132deg) brightness(100%) contrast(100%) !important;
}
.connexion .droite {
	background: linear-gradient(180deg, var(--colorsecondaireconnexion04) 0%, var(--colorsecondaireconnexion04) 100%) !important;
}
@font-face {
	font-family: 'Lexend';
	src: url('../fonts/Lexend-Medium.ttf') format('truetype');
	font-weight: 500;
	font-display: swap;
}
.libelleANRB {
    font-family: 'Lexend';
    font-size: 50px;
    line-height: 1em;
    margin-bottom: 15px;
    text-align: center;
    color: #216869;
}
#colonnegauche #menuenglobant,#containermenu2,#colonnegauche #logoenglobant {
	background-image: -moz-linear-gradient(left, var(--colorsecondaire05), var(--colorsecondaire05));
	background-image: -webkit-linear-gradient(left, var(--colorsecondaire05),var(--colorsecondaire05));
	background-image: -o-linear-gradient(left, var(--colorsecondaire05),var(--colorsecondaire05));
	background-image: -ms-linear-gradient(left, var(--colorsecondaire05),var(--colorsecondaire05));
	background-image: linear-gradient(to right, var(--colorsecondaire05),var(--colorsecondaire05));
}
.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(--colorprincipale07);color:white;}
.sfl table tr th, .ssfl table tr th, .sflspec table tr th {
    color: var(--colorsecondaire05) !important;
}
.logoconnexion{
    background-image: url(https://cdn.organica.technology/OfficeWeb/bg/ANRB_LogoConnexion.png);
	background-size: auto 140px;
    background-position: center 14px;
    max-width: 320px;
    margin: auto;
	filter: brightness(0%) invert(35%) sepia(10%) saturate(2581%) hue-rotate(132deg) brightness(92%) contrast(89%);
	background-color: transparent;
}
.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(--colorsecondaire05);border: 1px solid var(--colorsecondaire05);}
.newblocconnexion input[type=submit] {background-color: var(--colorprincipale06) !important;}
.newblocconnexion input[type=submit]:hover {background-color: var(--colorprincipale07) !important;}