:root{
	--colorprincipale01:#0B1814;
	--colorprincipale02:#173129;
	--colorprincipale03:#22493D;
	--colorprincipale04:#2D6151;
	--colorprincipale05:#387864;
	--colorprincipale06:#4EA78B;
	--colorprincipale07:#77C0A9;
	--colorprincipale08:#A5D5C6;
	--colorprincipale09:#D2EAE2;
	--colorprincipale10:#E7F4F0;
	--colorsecondaire01:#271E0C;
	--colorsecondaire02:#524019;
	--colorsecondaire03:#795E25;
	--colorsecondaire04:#A48032;
	--colorsecondaire05:#C69C43;
	--colorsecondaire06:#D2B16A;
	--colorsecondaire07:#DDC38E;
	--colorsecondaire08:#E8D8B5;
	--colorsecondaire09:hsl(27, 91%, 91%);
	--colorsecondaire10:#F9F5EB;
	
	--color-blue-950: #0a1518;
	--color-blue-900: #112024;
	--color-blue-800: #233a40;
	--color-blue-700: #35555d;
	--color-blue-600: #48717b;
	--color-blue-500: #5e909e;
	--color-blue-400: #73afbf;
	--color-blue-300: #82c6d7;
	--color-blue-200: #9fdbec;
	--color-blue-100: #d2edf5;
	--color-blue-050: #e9f6fa;
	
	--100: #f2f9fa;
	--200: #d8edf1;
	--300: #b0dbe5;
	--400: #88c9d9;
	--500: #60b7cd;
	--600: #4aa1b6;
	--700: #388b9e;
	--800: #2a6b7a;
	--900: #1c4a55;
	--100: #0f2a30;
	
	--colorprincipaleconnexion01:#27230c;
	--colorprincipaleconnexion02:#524519;
	--colorprincipaleconnexion03:#796625;
	--colorprincipaleconnexion04:#a48632;
	--colorprincipaleconnexion05:#c69c43;
	--colorprincipaleconnexion06:#d2ba6a;
	--colorprincipaleconnexion07:#ddc18d;
	--colorprincipaleconnexion08:#e8d8b5;
	--colorprincipaleconnexion09:#f3ecd8;
	--colorprincipaleconnexion10:#f9f4eb;
	--colorsecondaireconnexion01: #064C3E;
	--colorsecondaireconnexion02: #0B5245;
	--colorsecondaireconnexion03: #0F584B;
	--colorsecondaireconnexion04: #246858;
	--colorsecondaireconnexion05: #387864;
	--colorsecondaireconnexion06: #60987C;
	--colorsecondaireconnexion07: #79B591;
	--colorsecondaireconnexion08: #85C49C;
	--colorsecondaireconnexion09: #91D2A6;
	--colorsecondaireconnexion10: #D8FDE4;

	
	--main-bg-color: var(--colorprincipale07);
	--color-logo:var(--colorsecondaire05);
	--height-blocconnexion-logo:100px;
	--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/SNAFAM_Logo_Blanc.png');
	background-position: center 24px;
	background-size: 85%;
	height:80px;
}
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));
}
#colonnegauche #menuenglobant {
	height:calc(100vh - 80px - 50px);
}
.bandeauaffiche #colonnegauche #menuenglobant {
  height: calc(100vh - 80px - 50px - 50px);
}
.logoconnexion{
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/SNAFAM_LogoRectangle.png');
	background-position: center center;
	background-size: 88%;
}