﻿/** Les couleurs, une fois connecté à l'office web, n'ont pas été sélectionnées avec la palette. Ajustement manuel entre l'ancienne interface et la nouvelle... */

:root{
	--colorprincipale01:#000E19;
	--colorprincipale02:#00192E;
	--colorprincipale03:#012747;
	--colorprincipale04:#013560;
	--colorprincipale05:#014278;
	--colorprincipale06:#026DC5;
	--colorprincipale07:#a6acb0;
	--colorprincipale08:#f6f6f6;
	--colorprincipale09:#e8e8e8;
	--colorprincipale10:#DBDBDB;
	--colorsecondaire01:#10212D;
	--colorsecondaire02:#22445E;
	--colorsecondaire03:#32648B;
	--colorsecondaire04:#4487BB;
	--colorsecondaire05:#00447b;
	--colorsecondaire06:#8FB7D6;
	--colorsecondaire07:#A9C8E0;
	--colorsecondaire08:#C7DBEB;
	--colorsecondaire09:hsl(27, 91%, 91%);
	--colorsecondaire10:#F0F5FA;
	
	--colorprincipaleconnexion01:#1F2223;
	--colorprincipaleconnexion02:#404649;
	--colorprincipaleconnexion03:#5F686D;
	--colorprincipaleconnexion04:#828C91;
	--colorprincipaleconnexion05:#A5ACB0;
	--colorprincipaleconnexion06:#B8BEC1;
	--colorprincipaleconnexion07:#C9CDCF;
	--colorprincipaleconnexion08:#DCDEE0;
	--colorprincipaleconnexion09:#ECEDEE;
	--colorprincipaleconnexion10:#F7F7F8;
	--colorsecondaireconnexion01:#000E19;
	--colorsecondaireconnexion02:#00192E;
	--colorsecondaireconnexion03:#012747;
	--colorsecondaireconnexion04:#013560;
	--colorsecondaireconnexion05:#014278;
	--colorsecondaireconnexion06:#026DC5;
	--colorsecondaireconnexion07:#1695FD;
	--colorsecondaireconnexion08:#62B8FE;
	--colorsecondaireconnexion09:#B3DDFE;
	--colorsecondaireconnexion10:#D7EDFF;
	
	--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: #ffffff; /* Couleur des icones de thème dans l'entete*/
	--colorprincipalespecial:var(--colorprincipale10);
	
	--logourl:url('https://cdn.organica.technology/OfficeWeb/bg/AIPC_logo.jpg');
	--logourlColonneGauche:url('https://cdn.organica.technology/OfficeWeb/bg/AIPC_détouré blanc.png');

	--couleurFondBtnConnexion: #FFBF00 !important;
    --couleurFondBtnConnexionHover: #FFE699 !important;

	--couleurBouton: #FFBF00 !important;
    --couleurBoutonHover: #FFBF00 !important;
    --couleurBoutonHover2: #FFE699 !important;

	--couleurMenuOption: #FFD966 !important;
	--couleurMenuOptionHover: #fffcea !important;

	--couleurCheckBoxConnexion: #FFD966 !important;
    --couleurCheckBoxConnexionHover: #FFBF00 !important;

	--couleurFondIcone: #fffae9 !important;
	--couleurCalendrier: #fffae9 !important;
}
#colonnegauche #logo {
	background-image:var(--logourlColonneGauche);
	background-position: center 16px;
	background-size: 130px;
}
html.menuferme #colonnegauche #logo {
	background-position: center center;
	background-size: 50px;
}
#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: var(--logourl);
	background-position: center center;
}

.mobileLogo {/*Logo de la page d'acceuil de l'officelite*/
    	background-image: var(--logourl)!important;
	background-position: 52px 0px;
}

.entete .nomprenom a.logout{
	color: white; /* Tests - Login et mot de passe - Se déconnecter */
}
.entete {
	background-image: -moz-linear-gradient(left, #502d66, #502d66);
	background-image: -webkit-linear-gradient(left,#502d66, #502d66);
	background-image: -o-linear-gradient(left, #502d66,#502d66);
	background-image: -ms-linear-gradient(left, #502d66,#502d66);
	background-image: linear-gradient(to right,#502d66, #502d66);
	background-image: linear-gradient(to right, rgba(81, 46, 102, 0.5), rgba(81, 46, 102, 0.6)),url('https://cdn.organica.technology/OfficeWeb/bg/AIPC_bgEntete.jpg');
}