:root{
	--main-bg-color:#479DC5;
	--color-logo:#38b6e0;
	--color-logo:#479DC5;
	--height-blocconnexion-logo:130px;
	--color-accordeon: #DAEBF4;
	--color-accordeon-clair: #f7fbfc;
	--height-entete:100px;
	--color-boutonbas: #508fbfcf; /*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: #7EC352; /*Couleur de fond des icones en bas [HOVER]*/
	--color-btnentete: #508fbfcf; /*Couleur des icones d'entete*/
	--color-fondbtnentete: #ffffff; /*Couleur de fond des boutons d'en tete*/
	--color-boutonradius: #7EC352; /*Couleur de fond des boutons radius*/
	--color-boutoniconradius: #ffffff; /*Couleur des icones + fond des radius non actif*/
	--color-boutondroite: #508fbfcf; /*Couleur des boutons à droite*/
	--color-boutondroitefond: #ffffff; /* Couleur de fond des boutons à droite*/
	--color-boutondroitehover: #ffffff; /*Couleur des boutons à droite [HOVER]*/
	--color-boutondroitefondhover: #7EC352; /* Couleur de fond des boutons à droite [HOVER]*/
	--color-boutondroitetransparant: #508fbfcf; /* Couleur de à droite transparant */
	--color-boutondroitetransparanthover: #ffffff; /* Couleur de à droite transparant [HOVER]*/
	
	--color-fondbtnutils: #a8cae0; /*Couleur des icones flèches en bas à droit et i*/
	--color-fondbtnutilshover: #83b2d2; /*Couleur hover des icones flèches en bas à droit et i*/
	--color-iconconnexion: #508fbfcf; /* Couleur des icones sur la page de connexion*/
	--color-fondbtnutilsicon: #ffffff; /*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: #508fbfcf; /* 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: #ffffff; /* Couleur des icones de thème dans l'entete*/
	--colorprincipale10:#f3f9fb;
	--colorprincipalespecial:#DAEBF4;
	--colorprincipale06: var(--main-bg-color);
	--colorprincipale05: var(--color-logo);
}
html {background-color:#f5f5f5;}
#chercherChampLie, #chercherChampLie2  {background-color:#f5f5f5;}
#colonnegauche #logo {
	background-color:white;
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/EURELECTRIC_Logo.jpg');
	background-position: 15px 37px;
	background-size: auto 28px;
}
html.menuferme #colonnegauche #logo {
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/EURELECTRIC_LogoPetit.jpg');
	background-size: 57px;
}
#colonnegauche #byorganica {background-color:#7EC352;}
/*#colonnegauche {
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/EURELECTRIC_bgAccueil_id1273484747.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}*/
#colonnegauche #menuenglobant,#containermenu2 {
	background-image: -moz-linear-gradient(left, #414042, #479DC5);
	background-image: -webkit-linear-gradient(left, #414042,#479DC5);
	background-image: -o-linear-gradient(left, #414042,#479DC5);
	background-image: -ms-linear-gradient(left, #414042,#479DC5);
	background-image: linear-gradient(to right, #414042,#479DC5);

/*	background-image: -moz-linear-gradient(left, #2C63FE, #2C63FE);
	background-image: -webkit-linear-gradient(left, #2C63FE,#2C63FE);
	background-image: -o-linear-gradient(left, #2C63FE,#2C63FE);
	background-image: -ms-linear-gradient(left, #2C63FE,#2C63FE);
	background-image: linear-gradient(to right, #2C63FE,#2C63FE);*/
	/*background-image: linear-gradient(to right, #414042,rgba(94, 136, 255, 0.7));*/
}
.form .accordeon {
	background-color:#DAEBF4;
}
.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:#9ac4c1;color:white;}

.entete {
	/*background-image:url('https://cdn.organica.technology/OfficeWeb/bg/bgenteteABBL.png');*/ /* Pas d'image de background pour le moment. */
	background-image: -moz-linear-gradient(left, #414042,#479DC5);
	background-image: -webkit-linear-gradient(left, #414042,#479DC5);
	background-image: -o-linear-gradient(left, #414042 ,#479DC5);
	background-image: -ms-linear-gradient(left, #414042,#479DC5 40%);
	background: linear-gradient(to right, #414042,#479DC5 40%);
	
	background-position:0px -320px;
	background-image: linear-gradient(to right, rgba(65, 64, 66, 0.4), rgba(71, 157, 194, 0.4)),url('https://cdn.organica.technology/OfficeWeb/bg/EURELECTRIC_bgAccueil_id1273484747.jpg') !important;
}

.enteteform .boutons {background-color:var(--main-bg-color);}

.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:#f3f9fb;}
.vueDocDossierHierarchy .fl table tr:hover td {background-color: #f3f9fb;}
#mainContent{
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/EURELECTRIC_bgAccueil_id1273484747.jpg');
	background-size:cover;
	background-position:center center;
}
.bandeau {
	height:calc(100%);
	position:absolute;
	bottom:0px;
	
	background-image: -moz-linear-gradient(left, #479DC5, #479DC5);
	background-image: -webkit-linear-gradient(left, #479DC5,#479DC5);
	background-image: -o-linear-gradient(left, #479DC5,#479DC5);
	background-image: -ms-linear-gradient(left, #479DC5,#479DC5);
	background-image: linear-gradient(to right, #479DC5,#479DC5);
	
	opacity:0.5;
	width:100%;
	z-index:1;
}
.bandeauaffiche .bandeau {height:calc(100% - 50px);}
.logoconnexion{
	height:var(--height-blocconnexion-logo);
	background-color:white;
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/EURELECTRIC_Logo.jpg');
	background-repeat:no-repeat;
	background-size: 249px;
	/*background-position: 20px 55px;*/
	background-position:center center;
	background-size: 280px;
}
.blocconnexion .welcome {
	padding:7px 0px 8px 0px;
	color:var(--color-logo);
}
.blocconnexion label {
	color:#7EC352;
}
.blocconnexion table .tdforgotpassword a{
	color:#01a7d5;
}
.blocconnexion input[type=submit] {background-color:#2C63FE;/*background-color: var(--main-bg-color);*/}
.blocconnexion input[type=submit]:hover,.blocconnexion input[type=submit]:focus {background-color:var(--main-bg-color);}
.radius {background-color:#d0ebf4;}
.radius.actif a {background-color:#7EC352;}

#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:#7EC352;}
.fl table tr.current td,.sfl table tr.current td,.ssfl table tr.current td {background-color:#E1F1F0;}
.container input:checked ~ .checkmark {background-color:#7EC352;border:1px solid #7EC352;}
.containerradio input:checked ~ .checkmark:after {background-color:#7EC352;}

.entete .nomprenom a, .entete .langues a {color: #ffffff !important;}
