﻿:root{
	--main-bg-color:#91b5ce;
	--color-logo:#ed7442;
	--height-blocconnexion-logo:130px;
	--color-accordeon: #ffffff;
	--color-accordeon-clair: #e5f0fc;
	--height-entete:80px;
	--color-boutonbas: #ed7442; /*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: #ed7442; /*Couleur de fond des icones en bas [HOVER]*/
	--color-btnentete: #ed7442; /*Couleur des icones d'entete*/
	--color-fondbtnentete: #ffffff; /*Couleur de fond des boutons d'en tete*/
	--color-boutonradius: #a33a0f; /*Couleur de fond des boutons radius*/
	--color-boutoniconradius: #ffffff; /*Couleur des icones + fond des radius non actif*/
	--color-boutondroite: #ed7442; /*Couleur des boutons à droite*/
	--color-boutondroitefond: #ffffff; /* Couleur de fond des boutons à droite*/
	--color-boutondroitehover: #ffffff; /*Couleur des boutons à droite [HOVER]*/
	--color-boutondroitefondhover: #a33a0f; /* Couleur de fond des boutons à droite [HOVER]*/
	--color-boutondroitetransparant: #ed7442; /* 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: #ed7442; /*Couleur hover des icones flèches en bas à droit et i*/
	--color-iconconnexion: #c5c5c5; /* Couleur des icones sur la page de connexion*/
	--color-fondbtnutilsicon: #ed7442; /*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: #ed7442; /* 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*/
	--colorprincipale10:#f3f9ff;
	--colorprincipalespecial:#e7f1fc;

}
html {background-color:#f5f5f5;}
html.connexion {background-color: #ffffff;}
#chercherChampLie, #chercherChampLie2  {background-color:#f5f5f5;}
#colonnegauche #logo {
	background-color:#255669;
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/RDF_LogoMenu.png');
	background-position: center 15px;
	background-size: 135px;
}
html.menuferme #colonnegauche #logo {
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/RDF_LogoMenu.png');
	background-size: 90%;
}
#colonnegauche #byorganica {background-color:#0f2b3b;}
#colonnegauche #menuenglobant,#containermenu2 {
	background: #255669;
}
.form .accordeon {
	background-color:#e7f1fc;
	color: #255669 !important;
}
.bloccorpsfl .trentete .checkmark {
	background-color: #afcadc;
	border-color: #afcadc;
}
.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:#5c798d;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: #255669 !important;
}
.form .zg .libelle, .QurQueElemEditLibelle {color: #255669 !important;}
.enteteform .boutons {background-color: rgb(0 0 0 / 12%);}

.entete .boutonrond, .enteteform .boutonrond, .elementsfl .boutonrond {background-color: #ffece5;}
.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 {color: #255669;}
#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/RDF_bgAccueil.jpg');
	background-size:cover;
	max-width: 66.5%;
	z-index: 8;
}
.bandeauaffiche .bandeau {height:calc(100% - 50px);}
.logoconnexion{
	height:var(--height-blocconnexion-logo);
	background-color:white;
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/RDF_LogoAccueil.png');
	background-repeat:no-repeat;
	background-position: center center;
}
.blocconnexion {
	top: calc(42% - var(--height-blocconnexion-logo));
	width: 340px;
	box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%) !important;
	left: calc(54% - 196px) !important;
}
.blocconnexion.larger {left: calc(46% - 190px) !important;}
.blocconnexion .welcome {
	padding:16px 0px 0px 0px;
	color:#255669;
	font-weight: bold;
}
.blocTextePrincipal {
	position: absolute;
    top: 62%;
	width: calc(100% - 600px);
	text-align: center;
    font-size: 66px;
    font-weight: bold;
	font-family: var(--font-familydefault);
	color: white;
	text-shadow: 0px 6px 6px rgb(0 0 0 / 16%);
	line-height: min(80px, 5vw);
	font-size: min(66px, 5vw);
}
.interneSecondaire {
	margin-left: auto;
    margin-right: auto;
    background-color: #255669;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    width: fit-content;
	
}
.blocFondPerso {width: 600px;}
.blocconnexion .welcomegras {
	color: #91B5CE !important;
}
.blocconnexion label {
	color:#727272;
}
.blocconnexion table .tdforgotpassword a{
	color:#ed7442;
}
.blocconnexion input[type=submit] {margin-top: 26px;background-color:#ed7442;}
.blocconnexion input[type=submit]:hover,.blocconnexion input[type=submit]:focus {background-color:#a33a0f;}
.radius {background-color:#FFF5EF;}
.radius.actif a {background-color:#a33a0f;}
#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:#a33a0f;}
.fl table tr.current td,.sfl table tr.current td,.ssfl table tr.current td {background-color:#e7f1fc;}
.rememberme .container .checkmark:after {
	border-color: #ed7442;
}
.rememberme .checkmark {border-radius: 0px;background-color: white;}
.rememberme .container input:checked ~ .checkmark {background-color:white !important;border:1px solid #DDAA6F;}
.container input:checked ~ .checkmark {background-color:#ed7442;border:1px solid #ed7442;}
.containerradio input:checked ~ .checkmark:after {background-color:#ed7442;}



.organica_logo {
	background-image: url(https://cdn.organica.technology/OfficeWeb/bg/ORGANICA_Accueil.png);
}