:root{
	--main-bg-color:#54b5d8;
	--main-bg-color:#50a7c4;
	--color-logo:#569fb7;
	--height-blocconnexion-logo:130px;
	--color-accordeon: #ececec;
	--color-accordeon-clair: #fbfbfb;
	--height-entete:100px;
	--color-boutonbas: #50a7c4; /*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: #00506b; /*Couleur de fond des icones en bas [HOVER]*/
	--color-btnentete: #50a7c4; /*Couleur des icones d'entete*/
	--color-fondbtnentete: #ffffff; /*Couleur de fond des boutons d'en tete*/
	--color-boutonradius: #00506b; /*Couleur de fond des boutons radius*/
	--color-boutoniconradius: #ffffff; /*Couleur des icones + fond des radius non actif*/
	--color-boutondroite: #50a7c4; /*Couleur des boutons à droite*/
	--color-boutondroitefond: #ffffff; /* Couleur de fond des boutons à droite*/
	--color-boutondroitehover: #ffffff; /*Couleur des boutons à droite [HOVER]*/
	--color-boutondroitefondhover: #00506b; /* Couleur de fond des boutons à droite [HOVER]*/
	--color-boutondroitetransparant: #50a7c4; /* 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: #50a7c4; /* 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*/
	--colorprincipalespecial:#ececec;
}
html {background-color:#f5f5f5;}
#chercherChampLie, #chercherChampLie2  {background-color:#f5f5f5;}
#colonnegauche #logo {
	background-color:white;
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/ABR_Logo.png');
	background-position:center 20px;
	background-size:auto 60px;
	background-position: 65px 10px;
	background-size: auto 80px;
}
html.menuferme #colonnegauche #logo {background-image:url('https://cdn.organica.technology/OfficeWeb/bg/ABR_Logo.png');background-size: 55px;}
#colonnegauche #byorganica {background-color:#666666;}
#colonnegauche #menuenglobant,#containermenu2 {
	background-image: linear-gradient(to right, #00506b, #50a7c4 );
}
.form .accordeon {
	background-color:#ececec;
/*	border-bottom: 2px solid #F7941D;
*/	color: #7A7A7A;
}
.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: linear-gradient(to right, #00506b, #50a7c4);
}
/*.entete:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    z-index: -1;
	background-image: linear-gradient(to right, #295869, #54b5d8);
}*/
.enteteform .boutons {
	background-color:#F7941D;
	background-color:#00506b;
}
.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 !important;}
#mainContent{
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/ABR_bgAccueil3.jpg');
	background-size:cover;
	background-position:center center;
}
.bandeau {
	height:calc(66%);
	position:absolute;
	bottom:0px;
	
	background-image: -moz-linear-gradient(left, #212f43, #F7941D);
	background-image: -webkit-linear-gradient(left, #212f43,#F7941D);
	background-image: -o-linear-gradient(left, #212f43,#F7941D);
	background-image: -ms-linear-gradient(left, #212f43,#F7941D);
	background-image: linear-gradient(to right, #212f43,#F7941D);
	
	background: linear-gradient(45deg, rgba(121,122,124,1) 50%, rgba(238,28,37,1) 100%);
	background: rgba(121,122,124,1);
	background: linear-gradient(225deg, rgb(121, 122, 124) 50%, #F7941D 100%);
/*	background: rgba(121,122,124,1);
	opacity:0.6;
*/	background: linear-gradient(to right, rgba(0, 80, 107, 1) 0%, rgba(80, 167, 196, 0.5) 100%);

	width:100%;
	z-index:1;
}
.bandeauaffiche .bandeau {height:calc(66% - 50px);}
.logoconnexion{
	height:var(--height-blocconnexion-logo);
	background-color:white;
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/ABR_Logo.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-position: center 15px;
	background-size: 165px;
	background-size: 125px;
}
.blocconnexion .welcome {
	padding:7px 0px 8px 0px;
	color:#54b5d8;
}
.blocconnexion label {
	color:#212f43;
}
.blocconnexion table .tdforgotpassword a{
	color:#F7941D;
}
.blocconnexion input[type=submit] {background-color:#54b5d8;}
.blocconnexion input[type=submit]:hover,.blocconnexion input[type=submit]:focus {
	background-color:#00506b;
}
.radius {background-color:#d0ebf4;}
.radius.actif a {background-color:#00506b;}

#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:#00506b;
}
.fl table tr.current td,
.sfl table tr.current td,
.ssfl table tr.current td {
	background-color:#F2F3F4;
}
.vueDocDossierHierarchy table tr.current td {background-color:#F2F3F4;}
.container input:checked ~ .checkmark {
	background-color:#00506b;
	border:1px solid #00506b;
}
.containerradio input:checked ~ .checkmark:after {background-color:#00506b;}
.entete .nomprenom a, .entete .langues a {color: #ffffff !important;}