:root{
	--main-bg-color:#4585b2;
	--color-logo:#d19248;
	--height-blocconnexion-logo:130px;
	--color-accordeon: #ffffff;
	--color-accordeon-clair: #e5f0fc;
	--height-entete:80px;
	--color-boutonbas: #DB8E0A; /*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: #7B4F02; /*Couleur de fond des icones en bas [HOVER]*/
	--color-btnentete: #DB8E0A; /*Couleur des icones d'entete*/
	--color-fondbtnentete: #fffaf8; /*Couleur de fond des boutons d'en tete*/
	--color-boutonradius: #7B4F02; /*Couleur de fond des boutons radius*/
	--color-boutoniconradius: #ffffff; /*Couleur des icones + fond des radius non actif*/
	--color-boutondroite: #DB8E0A; /*Couleur des boutons à droite*/
	--color-boutondroitefond: #ffffff; /* Couleur de fond des boutons à droite*/
	--color-boutondroitehover: #ffffff; /*Couleur des boutons à droite [HOVER]*/
	--color-boutondroitefondhover: #7B4F02; /* Couleur de fond des boutons à droite [HOVER]*/
	--color-boutondroitetransparant: #DB8E0A; /* Couleur de à droite transparant */
	--color-boutondroitetransparanthover: #ffffff; /* Couleur de à droite transparant [HOVER]*/
	
	--color-fondbtnutils: #DB8E0A; /*Couleur des icones flèches en bas à droit et i*/
	--color-fondbtnutilshover: #7B4F02; /*Couleur hover des icones flèches en bas à droit et i*/
	--color-iconconnexion: #DB8E0A; /* 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: #DB8E0A; /* 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:#e7f1fc;
	--colorprincipale06: var(--main-bg-color);
	--colorprincipale05: #325577;
}
html {background-color:#f5f5f5;}
#chercherChampLie, #chercherChampLie2  {background-color:#f5f5f5;}
#colonnegauche #logo {
	background-color:#325577;
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/ESF_logoMain.png');
	background-position: center center;
}
html.menuferme #colonnegauche #logo {
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/ESF_logoMain.png');
	background-size:50px;
}
#colonnegauche #byorganica {background-color:#142b40;}
#colonnegauche #menuenglobant,#containermenu2 {
	background: #325577;
}
.form .accordeon {
	background-color:#e7f1fc;
	color: #325577 !important;
}
.bloccorpsfl .trentete .checkmark {
	background-color: #7aa8c9;
	border-color: #7aa8c9;
}
.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:#4585b2;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%);
}
.sfl table tr th, .ssfl table tr th, .sflspec table tr th, .libelleColonneChampColPos,.form .ssaccordeon {
	color: #325577 !important;
}
.form .zg .libelle, .QurQueElemEditLibelle {color: #325577 !important;}
.enteteform .boutons {background-color:#6a9dc1;}

.entete .boutonrond, .enteteform .boutonrond, .elementsfl .boutonrond {background-color: #ffede4;}
.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%);*/
}
.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{ /* Pae 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/ESF_bgAccueil.jpg');
	background-size:cover;
}
.bandeau {
	height: 100% !important;
	background: -webkit-linear-gradient(108deg, #ffffff00 54%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
	background: -o-linear-gradient(108deg, #ffffff00 54%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
	background: -moz-linear-gradient(108deg, #ffffff00 54%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
	background: linear-gradient(108deg, #ffffff00 54%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
	width: 100% !important;
	padding: 20px;
}
.bandeauaffiche .bandeau {height:calc(66% - 50px);}
.logoconnexion{
	height:var(--height-blocconnexion-logo);
	background-color:white;
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/ESF_logo.png');
	background-repeat:no-repeat;
	background-position: center 16px;
}
.blocconnexion {
	left: calc(80% - 170px);
	top: calc(40% - var(--height-blocconnexion-logo));
	width: 300px;
}
.blocconnexion.larger {left: calc(82% - 270px) !important;}
.blocconnexion .welcome {
	padding:16px 0px 0px 0px;
	color:#7e7f82;
}
.blocTextePrincipal {
	position: absolute;
	bottom:auto;
	display:block;
	width:auto;
	text-shadow:none;
	line-height:normal;
    z-index: 9;
    top: 35%;
	left: 13%;
	text-align: left;
    font-size: 58px;
    font-weight: bold;
	font-family: var(--font-familydefault);
	color: white;
}
.blocTexteSecondaire {
	position: absolute;
    z-index: 9;
    top: calc(45% + 85px);
	left: 13%;
	line-height: 23px;
	text-align: left;
	font-weight: bold;
    font-size: 15.6px;
	letter-spacing: 0.9px;
	font-family: var(--font-familydefault);
	color: white;
}

.blocconnexion .welcomegras {
	color: #325577 !important;
}
.blocconnexion label {color:#db8e0a;}
.explorateur ul li span,.labelFonc, .couleurliens {color: #325577;}
.explorateur .petitcarrecliquable::before, .explorateur .petitcarrecliquable::after{background-color: #325577;}
.blocconnexion table .tdforgotpassword a{color:#db8e0a;}
.blocconnexion input[type=submit] {margin-top: 26px;background-color:#db8e0a;}
.blocconnexion input[type=submit]:hover,.blocconnexion input[type=submit]:focus {background-color:#7b4f02;}
.radius {background-color:#ffebe0;}
.radius.actif a {background-color:#d19248;}
#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:#7b4f02;}
.fl table tr.current td,.sfl table tr.current td,.ssfl table tr.current td {background-color:#e7f1fc;}
.container input:checked ~ .checkmark {background-color:#d19248;border:1px solid #d19248;}
.containerradio input:checked ~ .checkmark:after {background-color:#d19248;}


@media (min-width: 770px) and (max-width: 1370px) {
	.bandeau {
		height: 100%;
		background: -webkit-linear-gradient(108deg, #ffffff00 48%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
		background: -o-linear-gradient(108deg, #ffffff00 48%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
		background: -moz-linear-gradient(108deg, #ffffff00 48%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
		background: linear-gradient(108deg, #ffffff00 48%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
		width: 100%;
		padding: 20px;
	}
}

@media (min-width: 661px) and (max-width: 769px) {
	.blocTextePrincipal {
		left: 2%;
	}
	.blocTexteSecondaire {
		left: 2%;
	}
	.bandeau {
		height: 100%;
		background: -webkit-linear-gradient(108deg, #ffffff00 44%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
		background: -o-linear-gradient(108deg, #ffffff00 44%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
		background: -moz-linear-gradient(108deg, #ffffff00 44%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
		background: linear-gradient(108deg, #ffffff00 44%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
		width: 100%;
		padding: 20px;
	}
	.bandeauParDessus{display: none;}
}

@media (max-width: 660px) {
	.blocconnexion {
		left: calc(50% - 160px);
    	top: calc(40% - var(--height-blocconnexion-logo));
    	width: 300px;
	}
	.blocTextePrincipal {
		top: 2%;
		left: 2%;
	}
	.blocTexteSecondaire {
		top: 16%;
		left: 2%;
	}
	.bandeau {
		height: 100%;
		background: -webkit-linear-gradient(108deg, #ffffff00 38%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
		background: -o-linear-gradient(108deg, #ffffff00 38%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
		background: -moz-linear-gradient(108deg, #ffffff00 38%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
		background: linear-gradient(108deg, #ffffff00 38%, #ffffff00, 10%, #3d83c9af 10%, #3d83c9af 50%);
		width: 100%;
		padding: 20px;
	}
	.bandeauParDessus{display: none;}
	.blocconnexion.larger{left: calc(50% - 195px) !important;width: 380px;}
}