:root{
	--main-bg-color:#8e9abd;
	--color-logo:#d07349;
	--height-blocconnexion-logo:130px;
	--color-accordeon: #ffffff;
	--color-accordeon-clair: #e5f0fc;
	--height-entete:80px;
	--color-boutonbas: #d07349; /*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: #d07349; /*Couleur de fond des icones en bas [HOVER]*/
	--color-btnentete: #d07349; /*Couleur des icones d'entete*/
	--color-fondbtnentete: #fffaf8; /*Couleur de fond des boutons d'en tete*/
	--color-boutonradius: #8f4924; /*Couleur de fond des boutons radius*/
	--color-boutoniconradius: #ffffff; /*Couleur des icones + fond des radius non actif*/
	--color-boutondroite: #d07349; /*Couleur des boutons à droite*/
	--color-boutondroitefond: #ffffff; /* Couleur de fond des boutons à droite*/
	--color-boutondroitehover: #ffffff; /*Couleur des boutons à droite [HOVER]*/
	--color-boutondroitefondhover: #8f4924; /* Couleur de fond des boutons à droite [HOVER]*/
	--color-boutondroitetransparant: #d07349; /* 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: #8f4924; /*Couleur hover des icones flèches en bas à droit et i*/
	--color-iconconnexion: #ADB5D1; /* Couleur des icones sur la page de connexion*/
	--color-fondbtnutilsicon: #d07349; /*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: #d07349; /* Couleur des icones transparant*/
	--color-fleche: #47839b; /* 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: #0e0e0e; /* Couleur des icones de thème dans l'entete*/
	--colorprincipalespecial:#e1e4f3;
	--colorprincipale06: var(--main-bg-color);
}
html {background-color:#f5f5f5;}
#chercherChampLie, #chercherChampLie2  {background-color:#f5f5f5;}
#colonnegauche #logo {
	background-color:#2e4151;
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/GILLET_Logo.png');
	background-position: center 20px;
}
html.menuferme #colonnegauche #logo {
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/GILLET_Logo.png');
	background-size:40px;
}
#colonnegauche #byorganica {background-color:#1a2933;}
#colonnegauche #menuenglobant,#containermenu2 {
	background: #2e4151;
}
.form .accordeon {
	background-color:#e1e4f3;
	color: #2e4151 !important;
}
.bloccorpsfl .trentete .checkmark {
	background-color: #acb6d0;
	border-color: #acb6d0;
}
.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:#8e9abd;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%);
}

.form .zg .libelle, .QurQueElemEditLibelle {color: #2e4151 !important;}
.enteteform .boutons {background-color: #a4aeca;}

.entete .boutonrond, .enteteform .boutonrond, .elementsfl .boutonrond {background-color: #ffede5;}
.entete .nomprenom:not(.logout),.entete .langues:not(.logout), .entete .nomprenom a:not(.logout), .entete .langues a:not(.logout) {
	color: black !important;
	/*filter: invert(1) contrast(100%);*/
}
.explorateur ul li span,.labelFonc, .couleurliens {color: #2e4151;}
.explorateur .petitcarrecliquable::before, .explorateur .petitcarrecliquable::after{background-color: #2e4151;}
#flyoutinside .enteteform {
	background-color: var(--main-bg-color) !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:#f3f9fb;
	color:var(--color-logo);
}
.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:#f3f9ff;}
.vueDocDossierHierarchy .fl table tr:hover td {background-color: #f3f9ff;}
#mainContent{ /* Page d'accueil*/
	/*background-image:url('https://cdn.organica.technology/OfficeWeb/bg/FFP_bgAccueil2.jpg');
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/FFP_bgAccueil.jpg');*/
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/GILLET_bgAccueil.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	max-width: 50%;
	z-index: 8;
	margin-left: 50%;
}
.grandLogoConnexion {
	background-image: url('https://cdn.organica.technology/OfficeWeb/bg/GILLET_LogoAccueil.png');
	background-repeat: no-repeat;
	height: 100%;
	width: 50%;
	z-index: 9;
	position: absolute;
	margin-left: calc(-30% - 92px);
	top: calc(48% - var(--height-blocconnexion-logo));
}
/*.bandeauaffiche .bandeau {height:calc(66% - 50px);}*/
.logoconnexion{
	display: none;;
	background-color:#ffffff00;
	background-repeat:no-repeat;
	background-position: center 36px;
}
.blocconnexion {
	left:auto;
	top: calc(51% - var(--height-blocconnexion-logo)) !important;
	width: 340px;
	background-color: #ffffff00;
	box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%) !important;
}
.blocconnexion .welcome {
	padding:16px 0px 0px 0px;
	color:#ffffff;
	font-weight: 900;
}
.blocTextePrincipal {
	position: absolute;
	display:block;
	bottom:auto;
	width:auto;
	font-weight:normal;
	text-shadow:none;
	line-height:normal;
    z-index: 9;
    top: calc(49% + 170px);
	left: calc(20% - 20px);
	text-align: left;
    font-size: 18.5px;
	font-family: var(--font-familydefault);
	color: #ADB5D1;
}
.bg1 {
	width: 50%;
    left: 0;
    position: absolute;
    height: 100%;
    z-index: 1;
    background-color: #F2F6FD;
}

.blocconnexion .welcomegras {
	color: #255669 !important;
}
.blocconnexion label {
	color:#adb5d1;
}
.blocconnexion table .tdforgotpassword a{
	color:#adb5d1;
}

.blocconnexion.larger {left: calc(76% - 218px);}
.blocconnexion input[type=submit] {margin-top: 26px;background-color:#adb5d1;}
.blocconnexion input[type=submit]:hover,.blocconnexion input[type=submit]:focus {background-color:#8e9abd;}
.radius {background-color:#fdf2ed;}
.radius.actif a {background-color:#8f4924;}

#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:#8f4924;}
.fl table tr.current td,.sfl table tr.current td,.ssfl table tr.current td {background-color:#e7f1fc;}
.container input:checked ~ .checkmark {background-color:#8e9abd;border:1px solid #8e9abd;}
.containerradio input:checked ~ .checkmark:after {background-color:#8e9abd;}


.blocFondPerso {background-color:transparent;width:100%;position:relative;}
@media (max-width: 589px) {
	.bg1 {
		display: none;
	}
	#mainContent {
		max-width: 100%;
		margin-left: 0;
	}
	.grandLogoConnexion {
		margin-left: calc(50% - 168px);
		top: 2%;
		width: 100%;
	}
	.blocconnexion {
		left: calc(50% - 168px) !important;
		top: calc(60% - var(--height-blocconnexion-logo)) !important;
	}
	.blocTextePrincipal {
		display: none;
	}
}