/*  ------------------------------------------------------------------ 
    ------------------* CSS pour l'Office Web Lite *------------------ 
    ------------------------------------------------------------------ */
:root {
	--couleurFondGauche: #f1f5f9;
	--couleurTitreConnexion: #334155;
	--couleurChampConnexion: #8C9CB2;
	--couleurFondBtnConnexion: #FA8335;
	--couleurFondBtnConnexionHover: #FCA36A;
	--couleurBtnConnexion: #FFFFFF;
	--couleurBlocConnexion: #FFFFFF;
	--couleurCheckBoxConnexion: #FA8335;
	--couleurCheckBoxConnexionHover: #F16306;

	/*Menu*/
	--couleurFondSectionMenu: #2E70A0;
	--couleurTextSectionMenu: #FFFFFF;
	--couleurTextNonActifMenu: #ffffff8b;
	--couleurTextActifMenu : #FFFFFF;

	/*Principal*/
	--couleurFondOfficeLite: #f1f5f9;
	
	/*En-tête*/
	--couleurEntete: #334155;
	--couleurSecondaireEntete: #8C9CB2;
	--iconeOptionUrl: '';
	--iconeOptionTaille: 20px;
	--iconeCouleurProfil: #3581B8;
	--couleurMenuOption: #FA8335;
	--couleurMenuOptionHover: #FEEFE4;
	--height-entete: 80px;

	/*UTILS*/
	--couleurFondBlocStat: #EFF6FA;
	--couleurBlocStat: #82B6DB;
	--couleurSecondaireBlocStat: #3581B8;
	--couleurBlocStatCard: #334155;
	--iconeCard: '';
	--couleurCard: #3581B8;
	--couleurBouton: #FA8335;
	--couleurBoutonHover: #F16306;
	--couleurBoutonHover2: #FCA36A;
	--iconeRelPersOuOrg: url(../Images/officeweblite/profil.svg);
	--iconeExploAffich: url(../Images/officeweblite/profil.svg);
	--couleurIconeFlecheOWL: #AECFE8;
	--couleurBlocAccordeon: #EFF6FA;
	--couleurBlocAccordeonHover: #D9E9F4;
	--couleurLibelleBlocChamp: #334155;
	--color-icontransparant: var(--couleurBouton);

	--couleurFondIcone: #FEEFE4;
	--color-boutonbas: var(--couleurBouton);
	--couleurCalendrier: #FEEFE4;

	
}
/* ------------------* Page de Connexion *------------------ */

.officeweblite.owlinterfaceEPCA {
	--couleurFondBtnConnexion: #4a88a9;
	--couleurFondBtnConnexionHover : #689fbd;
}

.officeweblite #mainContent {
    background-image: none;
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    min-height: 750px;
}
.officeweblite {
	height: 100%;
	margin: 0px;

	font-family: 'Inter';
}

.officeweblite .centre {
    position: absolute;
    inset: 0 0 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.officeweblite .blocconnexionlite {
    width: 320px;
    max-width: 448px;
    position: relative;
    z-index: 1;
    background-color: var(--couleurBlocConnexion);
    padding: 48px 48px;
    border-radius: 10px;
    box-shadow: 0px 1px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #E2E8F0;
    margin-right: calc(25% - (414px / 2));
}
.officeweblite.bandeauaffiche #mainContent .centre{
    height: calc(100% - 50px) !important;
    bottom: 0;
    top: 50px;
}
.officeweblite .blocconnexionlite .mobileLogo {
    width: 320px;
    max-width: 320px;
    margin-bottom: 50px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
.officeweblite .blocconnexionlite .messageerreur, .officeweblite .blocconnexionlite .errormessage{
    color: red;
    font-size: 14px;
    font-family: var(--font-familydefault);
    font-weight: 500;
    padding-top: 25px;
    text-align: center;
    letter-spacing: 0.5px;
}

.mobileLogo {
    background-image: url(../Images/officeweblite/LogoOMC.svg);
}
.officeweblite.owlinterfaceFEPRABEL .mobileLogo{
    background: url(../Images/officeweblite/FEPRABEL_LogoAccueil.png) center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.officeweblite.owlinterfaceEPCA .mobileLogo{
	background: url('https://cdn.organica.technology/OfficeWeb/bg/logo-epca-blue.png') center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.officeweblite .blocconnexionlite .message{
    font: 400 14px/20px 'Inter';
    text-align: center;
}

.officeweblite .blocconnexionlite .titreConnexion {
    font: 500 28px/34px 'Inter';
    text-align: center;
    margin-bottom: 20px;
    color: var(--couleurTitreConnexion);
}
.semititredoubleauth {
	font-size: 18px;
    text-align: center;
    letter-spacing: -0.02em;
    margin-top: 24px;
    margin-bottom: 24px;
    font-family: var(--font-familydefault);
    font-weight: 500;
    color: var(--couleurTitreConnexion);;
}
.officeweblite .blocconnexionlite .blocSubTitre{
    display: flex;
    align-items: center;
    justify-content: center;
}
.officeweblite .blocconnexionlite .blocSubTitre .interne{
    background-color: #EFF6FA;
    color: #3581B8;
    font: 500 19px/26px 'Inter';
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 16px 6px 16px;
    border-radius: 8px;
}

.officeweblite .blocconnexionlite .contentFormulaire {
    padding: 42px 0px 0px 0px;
}

.officeweblite .blocconnexionlite input[type=text], .officeweblite .blocconnexionlite input[type=password] {
    padding: 7px 5px 7px 31px;
    font: 400 16px/24px 'Inter';
    color: var(--couleurChampConnexion);
    background-image: none !important;
    display: block;
    border-radius: 8px;
    margin-bottom: 13px;
    border: 1px solid rgba(112, 112, 112, 0.18);
    background-repeat: no-repeat;
    width: calc(100% - 38px);
    background-size: auto 16px;
    image-rendering: -webkit-optimize-contrast;
    background-color: white;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 3%);
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0 0 0 / 3%);
}
.officeweblite .blocconnexionlite input[type=text]:focus, .officeweblite .blocconnexionlite input[type=password]:focus{
    border-color: #3581B8;
    background-color: #EFF6FA;
}

.officeweblite .blocconnexionlite .newFondIconConnexion{
    margin-top: 5px;
}

.officeweblite .blocconnexionlite .logUser::placeholder, .officeweblite .blocconnexionlite .logPassword::placeholder{
    color: var(--couleurChampConnexion) !important;
}

.officeweblite .blocconnexionlite .iconconnexionlite {
    background-color: var(--couleurChampConnexion);
}
.officeweblite .blocconnexionlite .iconMenuPass{
    right: 50px;
    margin-top: -46px;
}
.officeweblite .paddingleft30 .container.focus .checkmark{
    left: 11px !important;
}
.officeweblite .blocconnexionlite .rememberme {
    display: flex;
    justify-content: start;
    margin-bottom: 13px;
    padding-top: 15px;
    padding-bottom: 24px;
}

.officeweblite .blocconnexionlite .rememberme .container{
    border: 0px;
    width: auto;
    display: inline;
    padding: 2px 5px 0px 30px;
    font: 500 14px 'Inter';
    position: relative;
    cursor: pointer;
    color: #8C9CB2;
}
.officeweblite .blocconnexionlite .rememberme .container input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.officeweblite .blocconnexionlite .rememberme .container input:checked ~ .checkmark{
    border: 1px solid var(--couleurCheckBoxConnexion);
    background-color: var(--couleurCheckBoxConnexion) !important;
}
.officeweblite .blocconnexionlite .rememberme .checkmark{
    border: 1px solid #E2E8F0;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 18px;
    width: 18px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    transition: 0.3s;
}
.officeweblite .blocconnexionlite .rememberme .checkmark:hover {border-color: var(--couleurCheckBoxConnexionHover);}
.officeweblite .blocconnexionlite .rememberme .container input:checked ~ .checkmark:hover{background-color: var(--couleurCheckBoxConnexionHover) !important;}
.officeweblite .blocconnexionlite .rememberme .container .checkmark:after{
    left: 6px;
    top: 3px;
    border-color: #FFFFFF;
    transition: 0.3s;
}
.officeweblite .blocconnexionlite input[type=submit]{
    width: 100%;
    display: block;
    background: var(--couleurFondBtnConnexion);
    border-radius: 8px;
    padding: 10px 16px;
    border: none;
    font: 500 16px 'Inter';
    color: var(--couleurBtnConnexion);
    margin-top: 0px;
    cursor: pointer;
    transition: 0.3s;
}
.officeweblite .blocconnexionlite input[type=submit]:hover{
    background-color: var(--couleurFondBtnConnexionHover);
}

.officeweblite .logoOrganicaConnexion {
    position: fixed;
    left: calc(40% - (132px / 2) - 10vw);
    bottom: 48px;
    width: 132px;
    height: 56px;
    background: url(https://cdn.organica.technology/OfficeWeb/bg/ORGANICA_NEWLOGO_horizontal.png) no-repeat;
	background-size:contain;
    z-index: 2;
}

.officeweblite .bgOfficeLite {
    position: fixed;
    inset: 0 0 0 0;
    display: flex;
    z-index: -1;
}

.officeweblite .bgOfficeLite .gauche {
    width: 75%;
    background: var(--couleurFondGauche);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.officeweblite .bgOfficeLite .gauche .imageConnexion {
    width: 50%;
    height: 100%;
    max-width: 840px;
    background: url(../Images/officeweblite/Connexion.png) no-repeat center/contain;
    margin-right: 10vw;
}

.officeweblite .bgOfficeLite .droite {
    width: 25%;
    background: linear-gradient(180deg, #AECFE8 0%, #2E70A0 100%);
    position: relative;
}
.officeweblite.owlinterfaceEPCA .bgOfficeLite .droite {background: linear-gradient(180deg, #4a88a9 0%, #3b6c87 100%);}
.officeweblite .bgOfficeLite .droite .maskDroit {
    position: absolute;
    inset: 0 0 0 0;
    background: rgba(255, 255, 255, 0.1);
    width: 100%;
    height: 100vh;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.officeweblite .bgOfficeLite .droite .maskDroit.mask1{
    -webkit-mask-image: url(../Images/officeweblite/ConnexionMask1.svg);
    mask-image: url(../Images/officeweblite/ConnexionMask1.svg);
    -webkit-mask-position: top center;
    mask-position: top center;
}

.officeweblite .bgOfficeLite .droite .maskDroit.mask2{
    -webkit-mask-image: url(../Images/officeweblite/ConnexionMask2.svg);
    mask-image: url(../Images/officeweblite/ConnexionMask2.svg);
    -webkit-mask-position: bottom center;
    mask-position: bottom center;
}

.officeweblite .bgOfficeLite .droite .maskDroit.mask3{
    -webkit-mask-image: url(../Images/officeweblite/ConnexionMask3.svg);
    mask-image: url(../Images/officeweblite/ConnexionMask3.svg);
    -webkit-mask-position: bottom center;
    mask-position: bottom center;
}

@media (max-width: 1000px){
    .officeweblite .centre {
		width: 100%;
		height: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
    .officeweblite .bgOfficeLite .droite {
		width: 100%;
	}
	.officeweblite .bgOfficeLite .gauche {
		display: none;
	}
    .officeweblite .blocconnexionlite{
		margin-inline: auto;
	}
    .officeweblite .logoOrganica {
        position: relative;
        filter: brightness(0) invert(1);
        left: unset;
        bottom: unset;
        margin-top: 48px;
    }
    .officeweblite #mainContent {
        max-width: 100%;
    }
}
@media (max-width: 420px){
    .officeweblite .gauche {
		display:none;
	}
    .officeweblite .droite {
        display: none;
		box-shadow:none;
	}
    .officeweblite .centre {
		align-items: flex-start;
		position: relative;
	}
    .officeweblite .blocconnexionlite {
		border-radius: 0px;
		height: 100%;
		padding: 112px 8px 64px 8px;
		max-width: 94%;
        width: 94%;
		box-shadow: none;
		border: none;
	}
	.officeweblite .logoOrganica {
		filter: none;
		background-color: var(--couleurBlocConnexion);
		width: 100%;
		margin-top: 0px;
		padding-top: 48px;
		padding-bottom: 48px;
	}
    .officeweblite .blocconnexionlite .iconMenuPass{
        right: 16px;
    }
    .officeweblite .blocconnexionlite .mobileLogo{
        max-width: 100%;
        width: 100%;
    }
}

/* ------------------* Fin Page de Connexion *------------------ */

/* ------------------* Colonne de menu *------------------ */

.officelitesite .fomenu2{
    margin-bottom: 18px !important;
    margin-top: 0px !important;
}
.officelitesite .fondNewFermer{
    width: 22px;
    min-width: 22px;
    height: 22px;
    position: absolute;
    display: flex;
    align-items: center;
    margin: 0px;
    left: 18px;
    cursor: pointer;
    top: 50%;
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
    margin-left: calc(var(--largeur-colonnegauche) - 50px);
    margin-top: -12px;
    border-radius: 50%;
    /*background: rgba(255, 255, 255, 0.2);*/
    transition: 0.3s;
}
.officelitesite .fondNewFermer:hover {
    background: rgba(255, 255, 255, 0.3);
}
.menuferme .officelitesite .fondNewFermer{
    margin-left: 2px;
    margin-top: -10px;
}
.officelitesite .fondNewFermer .newicontheme {
    -webkit-mask: url(../Images/iconesBoutons/gauche.svg) no-repeat center /100% 100%;
    mask: url(../Images/iconesBoutons/gauche.svg) no-repeat center /100% 100%;
    transition: 0.3s;
    width: 100% !important;
    height: 100% !important;
    background: rgba(255, 255, 255, 0.4);
}
.officelitesite .fondNewFermer:hover .menu{
    background: rgba(255, 255, 255, 0.8);
}
.menuferme .officelitesite .fondNewFermer .newicontheme{
    transform: rotate(-180deg);
}
.officelitesite #fomenu .ligneSousFermer{
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}
#colonnegauche.owlitemenu #logo{
    height: 110px !important;
}
.bandeauaffiche #site #colonnegauche.owlitemenu #menuenglobant{
    height: calc(100vh - 160px - 50px) !important;
}
#site #colonnegauche.owlitemenu #menuenglobant {
    height: calc(100vh - 160px) !important;
}
#colonnegauche.owlitemenu #menu{
    height: calc(100% - 46px);
}
.owlitemenu #menuenglobant .menu1{
    padding: 9px 30px 9px 60px;
}
.owlitemenu #sectionlite {
	margin-top: 0px;
}
.owlitemenu #fomenu:not(.fomenu2) {
	margin-top: 18px !important;
}
.owlitemenu .blocsection{
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}
.owlitemenu .sectionLabel{
    background-color: var(--couleurFondSectionMenu);
    color: var(--couleurTextSectionMenu);
    font: 500 13px/20px 'Inter';
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 12px 4px 12px;
    border-radius: 8px;
    opacity: 1;
    transition: 0.5s;
    max-width: calc(100% - 90px);
}
.menuferme .owlitemenu .sectionLabel{
    max-width: calc(100% - 38px);
}
.owlinterfaceLF3 .owlitemenu .sectionLabel {
    font: 500 12px/20px 'Inter';
}
.owlitemenu #menuenglobant .menu1, .officelitesite #containermenu2 .menu2{
    font: 500 15px/22px 'Inter';
    color: var(--couleurTextNonActifMenu);
    transition: 0.3s;
}
/*.officelitesite #containermenu2 .menu2:hover{
    color: var(--couleurTextActifMenu);
}*/
.owlitemenu #menuenglobant .menu1{
    color: var(--couleurTextNonActifMenu);
}
.owlitemenu #menuenglobant .menu1container.actif .menu1{
    color: var(--couleurTextActifMenu);
    border-left: 0px;
    padding-left: 60px;
}
.owlitemenu #menuenglobant .menu1container.actif .fondNewTheme{
    left: 19px !important;
}
.owlitemenu .newicontheme:not(.menu){
    background-color: var(--couleurTextNonActifMenu);
}
.owlitemenu .menu1container.actif .newicontheme{
    background-color: var(--couleurTextActifMenu);
}
.owlitemenu #menuenglobant .menu1container.actif .menu1::before {
    content: '';
    display: inline-block;
    background: var(--couleurTextActifMenu);
    width: 4px;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0px 4px 4px 0px;
    position: absolute;
    border:none;
}

.owlitemenu .containerByOrganica {
    display: block;
    bottom: 0px;
    height: 50px;
    width: var(--largeur-colonnegauche);
    background-color: #5da7db;
    transition: width 0.5s ease;
}
.owlinterfaceEPCA .owlitemenu .containerByOrganica {
	background-repeat: no-repeat;
	background-image: url("../images/byorganica.png");
	background-position: center left 17px;
	background-color:var(--colorprincipale03);
}
.owlinterfaceEPCA .owlitemenu .containerByOrganica .blocsection {width:100%;height:100%;padding:0px;}
.owlinterfaceEPCA .owlitemenu .containerByOrganica .blocsection .sectionLabel {display:block;border-radius:none;max-width:100%;width:100%;height:100%;padding:0px;background-color:transparent;}
.owlinterfaceEPCA .owlitemenu .containerByOrganica .sectionLabel  div {display:none;}

.owlitemenu .blocsection .sectionLabel.clair {
    background-color: rgba(255, 255, 255, 0.1);
}
.menuferme .owlitemenu #sectionlite .sectionLabel{
    opacity: 0;
}
.owlitemenu .containerByOrganica .blocsection {
    padding-top: 12px;
}
.owlitemenu .containerByOrganica .imgByOrganica{
    background-image: url(../Images/byorganica2.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    width: 20px;
    margin-right: 6px;
}

.owlitemenu .containerByOrganica .txtByOrganica{
    display: block;
}
.menuferme .owlitemenu .containerByOrganica .txtByOrganica{
    display: none;
}
.menuferme .owlitemenu .containerByOrganica .imgByOrganica{
    margin-right: 0px;
}
.menuferme .owlitemenu .containerByOrganica {
    width: var(--largeur-colonnegaucheferme);
    min-width: var(--largeur-colonnegaucheferme);
}
.owlitemenu .menu1container .afficherMoreMenu {
    right: 10px;
    top: calc(50% - 11px);
    min-width: 22px;
    height: 22px;
    /*background: rgba(255, 255, 255, 0.2);*/
    border-radius: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    transition: 0.3s;
    cursor: pointer;
}
.owlitemenu .menu1container .afficherMoreMenu .iconePlus {
    -webkit-mask: url(../Images/iconesBoutons/droite.svg) no-repeat center center /100% 100%;
    mask: url(../Images/iconesBoutons/droite.svg) no-repeat center center /100% 100%;

    position: relative;
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
    height: 100%;
    transition: 0.3s;
}
.owlitemenu .menu1container.actif .afficherMoreMenu .iconePlus {
    background: rgba(255, 255, 255, 0.8);
}
.owlitemenu .menu1container .afficherMoreMenu:hover {
    background: rgba(255, 255, 255, 0.3);
}
.owlitemenu .menu1container .afficherMoreMenu .iconePlus:hover {
    background: rgba(255, 255, 255, 0.8);
}

/* ------------------* Fin Colonne de menu *------------------ */

/* ------------------* En-tête *------------------ */
.officelitesite #site {
    background-color: var(--couleurFondOfficeLite);
}

.officelitesite .entete{
    background-color: var(--couleurFondOfficeLite);
    -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    background-image: none;
}
.officelitesite #colonnedroite .entete .detailProfil{
    display: flex;
    vertical-align: middle;
    text-align: right;
    flex-direction: column;
}
.officelitesite #site #colonnedroite .entete .nomprenomlite{
    border-right: 0px !important;
    font: 500 16px/24px 'Inter';
    color: var(--couleurEntete) !important;
    padding-right: 0px;
    margin-right: 0px;
    text-align: right;
}
.officelitesite #colonnedroite .entete .voirprofil{
    color: var(--couleurSecondaireEntete) !important;
    font: 400 14px/20px 'Inter';
}
.officelitesite #colonnedroite .entete .voirprofil:hover{
    text-decoration: underline;
}
.officelitesite #colonnedroite .entete .interNomPrenom{
    margin-top: -4px;
}
.officelitesite #colonnedroite .entete .fondRondPersonne {
    min-width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 48px;
    position: relative;
    margin-left: 10px;
    display: flex;
    align-items: center;
    border: 1px solid #E2E8F0;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.officelitesite #colonnedroite .entete .imageProfil{
    -webkit-mask: url(../Images/officeweblite/profil.svg) no-repeat center center;
    mask: url(../Images/officeweblite/profil.svg) no-repeat center center;
    -webkit-mask-position: center center;
    mask-position: center center;

    position: relative;
    background: var(--iconeCouleurProfil);
    width: 100%;
    height: 100%;
}
.officelitesite #colonnedroite .entete .imageProfilPerso {
    position: relative;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    margin: auto;
    background-position: center;
}

.officelitesite #colonnedroite .entete .voirOptions{
    min-width: 20px;
    height: 20px;
    background: #FFFFFF;
    border-radius: 20px;
    position: absolute;
    margin-left: 0px;
    display: flex;
    align-items: center;
    border: 1px solid #D9D9D9;
    right: 0px;
    margin-right: 22px;
    margin-top: 38px;
    transition: 0.3s;
}
.officelitesite #colonnedroite .entete .voirOptions .imageOption{
    -webkit-mask: url(../Images/iconesBoutons/droite.svg) no-repeat center center /98% 98%;
    mask: url(../Images/iconesBoutons/droite.svg) no-repeat center center /98% 98%;
    -webkit-mask-position: center center;
    mask-position: center center;

    position: relative;
    background: var(--iconeCouleurProfil);
    width: 100%;
    height: 100%;
    margin: auto;
    transform: rotate(90deg);
    cursor: pointer;
    transition: 0.3s;
}
.officelitesite #colonnedroite .entete .voirOptions .imageOption.plus{
    transform: rotate(270deg);
}
.officelitesite #colonnedroite .entete .voirOptions:hover{
    background: var(--couleurMenuOption);
}
.officelitesite #colonnedroite .entete .voirOptions:hover .imageOption{
    background: #FFFFFF;
}

.officelitesite #colonnedroite .entete .menuOption{
	position: absolute;
	background-color: #FFFFFF;
	min-width: 150px;
	z-index: 9999;
    min-height: 48px;
    top: 80px;
    right: 25px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 12px 32px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}

.officelitesite #colonnedroite .entete .menuOption .menuOptionContent .optionMenu {
    position: relative;
    padding: 5px 12px 5px 12px;
    cursor: pointer;
    transition: 0.3s;
}
.officelitesite #colonnedroite .entete .menuOption .menuOptionContent .optionMenu:hover {
    background-color: var(--couleurMenuOptionHover);
}
.officelitesite #colonnedroite .entete .menuOption .menuOptionContent .optionMenu.sedeconnecter .libelleOption{
    color: #8C9CB2;
}
.officelitesite #colonnedroite .entete .menuOption .menuOptionContent .optionMenu.sedeconnecter .iconeOption{
    background-color: #8C9CB2;
}

.officelitesite #colonnedroite .entete .menuOption .menuOptionContent .optionMenu:hover .libelleOption, .officelitesite #colonnedroite .entete .menuOption .menuOptionContent .optionMenu.sedeconnecter:hover .libelleOption{
    color: var(--couleurMenuOption);
}
.officelitesite #colonnedroite .entete .menuOption .menuOptionContent .optionMenu:hover .iconeOption,.officelitesite #colonnedroite .entete .menuOption .menuOptionContent .optionMenu.sedeconnecter:hover .iconeOption{
    background-color: var(--couleurMenuOption);
}

.officelitesite #colonnedroite .entete .menuOption .menuOptionContent .optionMenu:nth-child(1) {
    margin-top: 5px;
}
.officelitesite #colonnedroite .entete .menuOption .menuOptionContent .optionMenu:nth-last-child(1) {
    margin-bottom: 5px;
}

.officelitesite .linehr {
    border-top: 1px solid #E2E8F0;
    margin-top: 4px;
    margin-bottom: 4px;
}
.officelitesite #colonnedroite .entete .menuOption .menuOptionContent .optionMenu .fondIconeOption {
    background: transparent;
    border-radius: 8px;
    width: var(--iconeOptionTaille);
    min-width: var(--iconeOptionTaille);
    height: var(--iconeOptionTaille);
    min-height: var(--iconeOptionTaille);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}
.officelitesite .contextMenu .fondIconeOption{
    background: transparent;
    border-radius: 8px;
    width: var(--iconeOptionTaille);
    min-width: var(--iconeOptionTaille);
    height: var(--iconeOptionTaille);
    min-height: var(--iconeOptionTaille);
    display: flex;
    justify-content: center;
    align-items: center;
}
.officelitesite .contextMenu .menuOWLLink .newicon {
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #8C9CB2;
    width: 100%;
    height: 100%;
    margin: auto;
}
.officelitesite .contextMenu .menuOWLLink .newicon {
    background-color: #8C9CB2;
}
.officelitesite .contextMenu .menuOWLLink .newicon .dialogna {
    margin-left: 1px;
}
.officelitesite .contextMenu li.hover .menuOWLLink .newicon{
    background-color: var(--couleurMenuOption) !important;
}
.officelitesite .contextMenu .menuOWLLink {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 8px 15px 8px 15px;
    color: #8C9CB2;
}
/*.officelitesite .contextMenu, .officelitesite .contextMenu ul{
    min-width: 200px;
}*/
.officelitesite #colonnedroite .entete .menuOption .menuOptionContent .optionMenu .iconeOption {
    mask-image: var(--iconeOptionUrl);
    -webkit-mask-image: var(--iconeOptionUrl);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #475569;
    width: 100%;
    height: 100%;
    margin: auto;
}

.officelitesite #colonnedroite .entete .menuOption .menuOptionContent a{
    color: #475569;
    font: 400 16px/24px 'Inter';
    text-decoration: none;
    display: flex;
    gap: 10px;
    align-items: center;
}
.officelitesite #colonnedroite .entete .left {
    align-items: baseline;
    padding: 15px 0px 0px 25px;
}
.officelitesite #colonnedroite .entete .nomtable {
    display: flex;
    flex-direction: column;
}
.officelitesite #chercherChampLie .entete .titretable{
    padding-top: 8px;
}
.officelitesite .entete .titretable {
    color: var(--couleurEntete);
    font: 500 27px/34px 'Inter';
}
.officelitesite #colonnedroite .entete .nbenregsselection,.officelitesite #colonnedroite .entete .nbenregstotal,.officelitesite .entete .nbenrengs {
    color: #8C9CB2;
    font: 400 14px/20px 'Inter' !important;
    margin-top: 0px;
}
.officelitesite #colonnedroite .entete {
    padding-top: 6px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.officelitesite .titreBienvenue{
    color: #8C9CB2;
    font: 400 14px/20px 'Inter' !important;
}
.officelitesite .titreBienvenue .titrePageNomprenom{
    color: var(--iconeCouleurProfil);
    display: initial;
}

@media (max-width: 900px){
    .officelitesite .owlitemenu {
        display: none;
        width: 0px !important;
    }
    .officelitesite #colonnedroite {
        margin-left: 0px !important;
    }
    .officelitesite #colonnedroite .entete {
        width: 100% !important;
    }
    .officelitesite .accueilLite {
        justify-content: center;
    }
}

/*------------------* Fin En-tête *------------------*/

/* ------------------* Éléments graphique utiles *------------------ */
/*.officelitesite #corps{
    padding: calc(var(--height-entete) + 25px) 25px 0px 25px;
}*/

.officelitesite .blocStats{
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #E2E8F0;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    padding: 16px 20px 18px 20px;
    min-width: 270px;
}
.officelitesite .blocCardStat {
    background-color: var(--couleurFondBlocStat);
    color: var(--couleurBlocStat);
    padding: 15px 20px 14px 20px;
    border-radius: 8px;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: space-between;
    min-width: 230px;
    max-height: 98px;
}
/* BLOC STAT POUR 4 BLOC*/

.officelitesite .blocStats.blocStatNb4{
    padding: 16px 20px 17px 20px;
}
.officelitesite .blocStatNb4 .blocCardStat{
    padding: 10px 20px 10px 16px;
    margin-top: 10px;
}
.officelitesite .blocStatNb4 .blocCardStat .chiffreBlocCardStat{
    font: 500 42px/47px 'Inter'
}
.officelitesite .blocStatNb4 .blocCardStat .titreBlocCardStat{
    font: 400 14px/22px 'Inter';
}
.officelitesite .blocStats .titreBlocStat{
    margin-bottom: 8px;
    font: 500 18px/26px 'Inter';
    color: var(--couleurBlocStatCard);
}
.officelitesite .blocCardStat .titreBlocCardStat{
    color: var(--couleurBlocStat);
    font: 400 15px/24px 'Inter';
}
.officelitesite .blocCardStat .chiffreBlocCardStat{
    color: var(--couleurSecondaireBlocStat);
    font: 500 56px/68px 'Inter';
}

.officelitesite .cardlink {
    width: 24%;
    max-width: 220px;
    height: 90px;
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: 0.3s;
    cursor: pointer;
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
}
.officelitesite .cardlink:hover {
    border: 1px solid var(--couleurCard);
}
.officelitesite .cardlink .titreCard {
    font: 500 16px/24px 'Inter';
    color: var(--couleurCard);
}
.officelitesite .cardlink .fondIconCard {
    width: 40px;
    height: 40px;
    background-color: #EFF6FA;
    border-radius: 8px;
    display: flex;
}
.officelitesite .blocseul .newfp{
    height: calc(100% - 55px) !important;
    max-height: calc(100% - 55px) !important;
    border-radius: 10px;
    border: 1px solid #E2E8F0;
}
.officelitesite .blocseul .formcontent {
    border-radius: 0px 0px 10px 10px !important;
}
.officelitesite .blocseul{
    margin: 0px 50px 0px 0px !important;
}
.zindex999{
    z-index: 999 !important
}
.officelitesite .cardlink .iconFondCard {
    -webkit-mask: var(--iconeCard) no-repeat center center /100% 100%;
    mask: var(--iconeCard) no-repeat center center /100% 100%;

    position: relative;
    background: var(--couleurCard);
    width: 60%;
    height: 60%;
    margin: auto;
}
.officelitesite .cardlink .voirCard{
    min-width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    margin-top: 2px;
    margin-left: 2px;
}
.officelitesite .cardlink .voirCard .imageSuivant{
    -webkit-mask: url(../Images/iconesBoutons/droite.svg) no-repeat center center /100% 100%;
    mask: url(../Images/iconesBoutons/droite.svg) no-repeat center center /100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;

    position: relative;
    background: var(--couleurCard);
    width: 100%;
    height: 100%;
    margin: auto;
}
.officelitesite .cardlink .containerTitreCard{
    display: flex;
    flex-direction: row;
}
.officelitesite .paddingleft30 .checkmark{
    left: 12px;
}

.officelitesite .accueilSousPartie {
    padding-right: 10px;
    margin-top: 39px;
    margin-bottom: 8px;
}
.officelitesite .lienlite:not(.inactiflite){
    color: var(--couleurBouton);
    border-bottom: 1px solid var(--couleurBouton);
    transition: 0.3s;
}
.officelitesite .lienlite:not(.inactiflite,.autrelien):hover{
    color: var(--couleurBoutonHover);
    border-bottom: 1px solid var(--couleurBoutonHover);
}
.officelitesite .lienlite.inactiflite{
    color: #CBD5E1;
    font: 400 15px/20px 'Inter';
}
.officelitesite .lienlite.autrelien{
    color: #8C9CB2;
    border-bottom: 1px solid #8C9CB2;
    font: 400 14px/20px 'Inter';
    cursor: pointer;
}
/* ------------------* Fin Éléments graphique utiles *------------------ */

/* ------------------* Page Accueil *------------------ */
.officelitesite .accueilLite {
    display: flex;
    flex-direction: row;
}
.officelitesite .accueilLite .accueilPartieGauche {
    display: flex;
    flex-direction: column;
    width: 25%;
    max-width: 25%; /*25%*/
    min-width: 312px;
}
.officelitesite .accueilLite .accueilPartieDroite{
    display: flex;
    flex-direction: column;
    width: 75%;
    max-width: 75%;
}
.officelitesite .accueilLite .accueilMainTitre, .officelitesite .accueilLite .accueilSousPartie{
    display: flex;
    flex-direction: row;
    margin-left: calc(4vw - 20px);
}
.officelitesite .accueilLite .accueilSousPartie{
	gap: 20px;
}
.officelitesite .accueilLite .accueilMainTitre .imageAccueil {
    width: 100%;
    height: 600px;
    max-height: 590px;
    max-width: 414px;
    background: url(../Images/officeweblite/accueil.png) no-repeat center/contain;
    display: block;
    margin-left: auto;
    margin-top: 60px;
    transition: 0.3s;
}
.officelitesite .accueilLite .accueilMainTitre .titreMainAccueil{
    width: 75%;
    display: inline-flex;
    height: calc(100% - 9vw);
    flex-direction: column;
    justify-content: start;
}
.officelitesite .accueilLite .accueilMainTitre .titreMainAccueil .grandTitre{
    font: 500 34px/48px 'Inter';
    color: #334155;
    font-size: min(34px,3vw);
    line-height: min(48px,4vw);
}
.officelitesite .accueilLite .accueilMainTitre .titreMainAccueil .petitTitre{
    font: 400 16px/24px 'Inter';
    color: #8C9CB2;
    margin-top: 32px;
    font-size: min(16px,2vw);
    line-height: min(24px,2vw);
    max-width: 480px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 6;
}
.officelitesite .specialAccueilOfficeLite {
    padding: 0px 0px 0px 25px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: calc(100% - var(--height-entete) - 6px) !important;
}
.officelitesite .containerBtnAccueil {
    margin-top: 64px;
}
.officelitesite .btnAccueil {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 11px 16px;
    gap: 10px;
    background: var(--couleurBouton);
    border-radius: 8px;
    font: 500 15px/24px 'Inter';
    color: #FFFFFF;
    border: none;
    text-decoration: none;
    cursor: pointer;
    max-width: fit-content;
    transition: 0.3s;
}
.officelitesite .btnAccueil:hover, .officelitesite .btnAccueil:focus {
    background-color: var(--couleurBoutonHover);
}
.bandeauaffiche.officelitesite .specialAccueilOfficeLite .accueilMainTitre .imageAccueil{
    height: calc(590px - 50px);
    max-height: calc(590px - 50px);
    max-width: calc(414px - 25px);
}
.bandeauaffiche.officelitesite .blocStats{
    padding: 14px 20px 16px 20px; /*14px - 16px*/
    margin-top: 2px;
}
.bandeauaffiche.officelitesite .blocStats .blocCardStat{
    max-height: 93px;
    padding: 12px 20px 12px 20px; /*12px 12px (vh)*/
}
.bandeauaffiche.officelitesite .blocCalendrier{
    margin-top: 10px;
    margin-bottom: 8px;
}
.bandeauaffiche.officelitesite .blocCalendrier header{
    padding: 16px 20px 8px 20px; /*16px - 8px (vh)*/
}
.bandeauaffiche.officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite{
    margin-bottom: 16px;
}
.bandeauaffiche.officelitesite .blocStats .titreBlocStat{
    margin-bottom: 6px;
}
/*.bandeauaffiche.officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite li{
    margin-top: !important; 
}*/
@media (min-height: 920px) {
    .bandeauaffiche.officelitesite .accueilLite .accueilSousPartie{
        margin-top: 17px !important; 
    }
}
@media (max-height: 920px) {
    .officelitesite .cardlink .titreCard{
        font-size: 14px;
    }
    .officelitesite .accueilLite .accueilMainTitre .imageAccueil{
        height: calc(590px - 190px) !important;
        max-height: calc(590px - 190px) !important;
        max-width: 296px !important;
    }
    .officelitesite .accueilLite .accueilMainTitre {
        align-items: start;
    }
    .officelitesite .blocStats{
        padding-top: 1.4vh;
        padding-bottom: 1.6vh;
    }
    .officelitesite .blocStats .titreBlocStat{
        margin-bottom: 0vh;
    }
    .officelitesite .blocCardStat{
        margin-top: 1.3vh;
        padding-top: 1.6vh;
        padding-bottom: 1.5vh;
    }
    .officelitesite .blocCardStat .chiffreBlocCardStat{
        font: 500 calc(2vh + 38px)/56px 'Inter';
    }
    .officelitesite .blocCalendrier{
        margin-top: 1.2vh !important;
    }
    .officelitesite .blocCalendrier header{
        padding-top: 1.4vh !important;
        padding-bottom: 1.3vh !important;
    }
    .officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite li{
        margin-top: 1.2vh !important;
    }
    .officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite {
        margin-bottom: 1.5vh !important;
    }
    .officelitesite .accueilSousPartie{
        margin-top: auto;
        margin-bottom: 11px;
    }
}
@media (max-width: 1100px){
    .bandeauaffiche.officelitesite .accueilSousPartie{
        margin-top: -3px;
    }
    .bandeauaffiche.officelitesite .specialAccueilOfficeLite .accueilMainTitre .imageAccueil{
        height: calc(590px - 190px);
        max-height: calc(590px - 190px);
    }
    .bandeauaffiche.officelitesite .cardlink{
        margin-top: 6px;
        padding: 11px 12px 11px 12px;
    }
}
@media (max-width: 1350px){
    .officelitesite .accueilLite .accueilMainTitre .imageAccueil{
        width: 90%;
        height: 590px;
    }
    .officelitesite .accueilLite .accueilMainTitre .titreMainAccueil .grandTitre{
        font-size: min(26px,2vw);
        line-height: min(34px,3vw);
    }
    .officelitesite .accueilLite .accueilPartieDroite{
        margin-left: 0px;
    }
    /*.officelitesite .blocCardStat {
        padding: 12px 20px 12px 20px;
    }*/
}
@media (min-height: 920px) and (max-width: 1100px) {
    .bandeauaffiche.officelitesite .accueilLite .accueilSousPartie{
        margin-top: -3px;
    }
}
@media (max-width:1100px) {
    .officelitesite .cardlink .titreCard{
        font-size: 14px;
    }
  
    .officelitesite .cardlink{
        padding: 12px;
        width: 100%;
        margin-top: 12px;
        height: 77px;
        max-width: calc(100% - calc(5vw + 30px));
    }
    .officelitesite .accueilSousPartie{
        flex-direction: column !important;
        justify-content: center;
        margin-left: 0px;
        margin-top: -5px;
    }
   
    .officelitesite .accueilLite .accueilMainTitre .imageAccueil{
        height: 426px;
    }
    .officelitesite .accueilLite .accueilMainTitre {
        align-items: center;
    }
}

@media (max-width: 900px){
    .officelitesite .accueilLite .accueilPartieDroite{
        padding-left: 0px;
    }
    .officelitesite .accueilLite {
        display: block;
    }
    .officelitesite .specialAccueilOfficeLite {
        padding: 0px 25px 0px 25px !important;
    }
    .officelitesite .accueilLite .accueilPartieGauche{
        width: calc(100% - 50px);
        max-width: calc(100% - 50px);
        padding-bottom: 12px;
    }
    .officelitesite .accueilLite .accueilPartieDroite{
        width: calc(100% - 50px);
        max-width: calc(100% - 50px);
    }
    .officelitesite .cardlink {
        padding: 12px;
        width: initial;
        margin-top: 12px;
        height: 77px;
        max-width: 100%;
    }
    .officelitesite .accueilLite .accueilMainTitre, .officelitesite .accueilLite .accueilSousPartie{
        margin-left: 0px;
    }
    .officelitesite .accueilLite .accueilMainTitre .imageAccueil{
        margin-top: 0px;
        margin-right: -24px;
    }
    .officelitesite .accueilSousPartie{
        padding-right: 0px;
        padding-bottom: 12px;
    }
    .officelitesite .accueilLite .accueilMainTitre .titreMainAccueil .grandTitre{
        font-size: 34px;
        line-height: 48px;
    }
    .officelitesite .accueilLite .accueilMainTitre .titreMainAccueil .petitTitre{
        font-size: 16px;
        line-height: 24px;
    }
}
@media (max-width: 450px){
    .officelitesite .accueilSousPartie {
        display: inline-block !important;
    }
    .officelitesite .cardlink{
        margin-bottom: 12px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* ------------------* Fin Page Accueil *------------------ */


/* ------------------* Calendrier *------------------ */

.officelitesite .blocCalendrier {
    background-color: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #E2E8F0;
    min-width: 312px;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    margin-top: 12px;
    margin-bottom: 12px;
}

.officelitesite .blocCalendrier header {
    display: flex;
    align-items: center;
    padding: 16px 20px 14px 20px;
    justify-content: space-between;
}

.officelitesite .blocCalendrier .currentDate{
    font: 500 19px/26px 'Inter';
    color: #334155;
    display: flex;
    flex-direction: row;
    cursor: pointer;
}

.officelitesite .blocCalendrier .iconModifMois{
    display: flex;
}
.officelitesite .blocCalendrier .iconModifMois .fondCalendarIcon{
    width: 22px;
    height: 22px;
    border-radius: 8px;
    display: flex;
    cursor: pointer;
    border: 1px solid #E2E8F0;
    transition: 0.3s;
}
.officelitesite .blocCalendrier .iconModifMois .fondCalendarIcon.micongauche{
    margin-right: 4px;
}
.officelitesite .blocCalendrier .iconModifMois .fondCalendarIcon:hover, .officelitesite .blocCalendrier .iconModifMois .fondCalendarIcon.ouvert{
    border: 1px solid var(--couleurBouton) !important;
}
.officelitesite .blocCalendrier .iconModifMois .fondCalendarIcon:hover div:not(.typeDropDown,.contentTypeDrop,.typeCont), .officelitesite .blocCalendrier .iconModifMois .fondCalendarIcon.ouvert div:not(.typeDropDown,.contentTypeDrop,.typeCont){
    background-color: var(--couleurBouton);
}
.officelitesite .blocCalendrier .calendrierLite ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
    padding-inline-start: 0px;
    margin-block-start: 0px;
    margin-block-end: 0px;
}
.officelitesite .blocCalendrier .calendrierLite #menu-calendrier{
    display: none;
    text-align: left;
}
.officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite{
    margin-bottom: 20px;
    padding: 0px 24px 0px 24px;
}
.officelitesite .blocCalendrier .calendrierLite li{
    color: #333;
    width: calc(100% / 7);
    font-size: 1.07rem;
}
.officelitesite .blocCalendrier .calendrierLite #menu-calendrier li{
    width: 100%;
}
.officelitesite .blocCalendrier .calendrierLite .semaineCalendrierLite{
    margin: 0px 20px 0px 20px;
    background: #F1F5F9;
    border-radius: 8px;
}
.officelitesite .blocCalendrier .calendrierLite .semaineCalendrierLite li{
    font: 400 13px/20px 'Inter';
    text-align: center;
    color: #8C9CB2;
    padding: 4px 0px 4px 0px;
    user-select: none;
}
.officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite li{
    z-index: 1;
    cursor: pointer;
    position: relative;
    margin-top: 13px;
    font: 500 14px/24px 'Inter';
    color: #64748B;
    transition: 0.3s all;
    user-select: none;
}
.officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite li.inactive{
    color: #CBD5E1;
}
.officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite li.active{
    color: var(--couleurBouton);
    font-weight: 700;
    transition: 0.3s all;
}
.officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite li.activeClick{
    color: #FFFFFF;
}
.officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite li.activeClick::before{
    background: var(--couleurBouton) !important;
}
.officelitesite .bouleNotif {
    width: 5px;
    height: 5px;
    background-color: var(--couleurCard);
    border-radius: 50%;
    position: absolute;
    top: -1px;
    right: 0px;
    margin-right: calc(50% - 15px);
}
.officelitesite .inactive .bouleNotif{
    background-color: #3581b8a1;
}
.officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite li::before{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 30px;
    width: 30px;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s all;
}
.officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite li.active::before{
    background: var(--couleurCalendrier);
}
.officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite li.active::before{
    background: var(--couleurCalendrier);
}
.officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite li:not(.active):hover{
    color: #FFFFFF;
}
.officelitesite .blocCalendrier .calendrierLite .jourMoisCalendrierLite li:not(.active):hover::before{
    background: var(--couleurBoutonHover2);
}
.officelitesite .blocCalendrier .iconModifMois .fondCalendarIcon .typeIcon {
    -webkit-mask: url(../Images/officeweblite/recherche.svg) no-repeat center center /74% 74%;
    mask: url(../Images/officeweblite/recherche.svg) no-repeat center center /74% 74%;
    -webkit-mask-position: center center;
    mask-position: center center;
    position: relative;
    background: #8C9CB2;
    width: 100%;
    height: 100%;
    margin: auto;
    cursor: pointer;
    transition: 0.3s;
}
.officelitesite .blocCalendrier .iconModifMois .fondCalendarIcon .prevIcon {
    -webkit-mask: url(../Images/iconesBoutons/droite.svg) no-repeat center center /100% 100%;
    mask: url(../Images/iconesBoutons/droite.svg) no-repeat center center /100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    position: relative;
    background: #8C9CB2;
    width: 100%;
    height: 100%;
    margin: auto;
    transform: rotate(180deg);
    cursor: pointer;
    transition: 0.3s;
}
.officelitesite .blocCalendrier .iconModifMois .fondCalendarIcon .nextIcon {
    -webkit-mask: url(../Images/iconesBoutons/droite.svg) no-repeat center center /100% 100%;
    mask: url(../Images/iconesBoutons/droite.svg) no-repeat center center /100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    position: relative;
    background: #8C9CB2;
    width: 100%;
    height: 100%;
    margin: auto;
    cursor: pointer;
    transition: 0.3s;
}
.officelitesite .blocCalendrier .fondPlusCalendrier {
    width: 20px;
    height: 20px;
    display: flex;
    cursor: pointer;
    margin-top: 2px;
}
.officelitesite .blocCalendrier .fondPlusCalendrier .iconPlusCal{
    -webkit-mask: url(../Images/iconesBoutons/droite.svg) no-repeat center center /100% 100%;
    mask: url(../Images/iconesBoutons/droite.svg) no-repeat center center /100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    position: relative;
    background: #8C9CB2;
    width: 100%;
    height: 100%;
    margin: auto;
    cursor: pointer;
    transform: rotate(90deg);
    transition: 0.3s;
}
.officelitesite .blocCalendrier .currentDate:hover .fondPlusCalendrier .iconPlusCal, .officelitesite .blocCalendrier .currentDate .fondPlusCalendrier.ouvert .iconPlusCal {
    background: var(--couleurBouton);
}
.officelitesite .blocCalendrier .anneeDropDown{
    width: 240px;
    height: 180px;
    left: 0px;
    margin-left: 62px;
    transition: 0.3s;
    animation: fadeInGen 0.3s;
    position: absolute;
    background-color: #F6FAFD;
    cursor: default;
    margin-top: 28px;
    z-index: 99999;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.officelitesite .blocCalendrier .anneeDropDown .contentAnnee {
    overflow-y: auto;
    overflow-x: hidden;
    width: inherit;
    height: inherit;
    padding: 0px;
    margin-left: 0;
    margin-right: 0;
    display: block;
}
.officelitesite .blocCalendrier .anneeDropDown .contentAnnee .anneeCont {
    display: inline-block;
    font: 500 12px/20px 'Inter';
    color: #64748B;
    width: calc(25% - 18px);
    text-align: center;
    border-radius: 0.25rem;
    padding: 3px 3px 2px 3px;
    margin: 5px 5px 5px 5px;
    cursor: pointer;
    transition: 0.3s;
    border: 1px solid transparent;
}
.officelitesite .blocCalendrier .anneeDropDown .contentAnnee .courant {
    background-color: var(--couleurCalendrier);
    color: var(--couleurBouton);
    font-weight: 700;
    border: 1px solid var(--couleurCalendrier);
}
.officelitesite .blocCalendrier .anneeDropDown .contentAnnee .anneeCont:hover {
    color: #FFFFFF;
    background-color: var(--couleurBouton) !important;
    border: 1px solid var(--couleurBouton) !important;
}
.officelitesite .blocCalendrier .anneeDropDown .contentAnnee .encours {
    border: 1px solid var(--couleurBouton);
}
.officelitesite .blocCalendrier .typeDropDown{
    width: 180px;
    height: 130px;
    left: 0px;
    margin-left: 170px;
    transition: 0.3s;
    animation: fadeInGen 0.3s;
    position: absolute;
    background-color: #F6FAFD;
    cursor: default;
    margin-top: 28px;
    z-index: 99999;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.officelitesite .blocCalendrier .typeDropDown .contentTypeDrop {
    overflow-y: auto;
    overflow-x: hidden;
    width: inherit;
    height: inherit;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.officelitesite .blocCalendrier .typeDropDown .contentTypeDrop .typeCont{
    display: inline-block;
    font: 500 13px/20px 'Inter';
    color: #64748B;
    text-align: center;
    border-radius: 0.25rem;
    padding: 2px 5px 2px 5px;
    margin: 3px 2px 3px 5px;
    cursor: pointer;
    transition: 0.3s;
    border: 1px solid transparent;
}
.officelitesite .blocCalendrier .typeDropDown .contentTypeDrop .typeCont:hover {
    color: #FFFFFF;
    background-color: var(--couleurBouton) !important;
    border: 1px solid var(--couleurBouton) !important;
}
.officelitesite .blocCalendrier .typeDropDown .contentTypeDrop .encours {
    border: 1px solid var(--couleurBouton);
    background-color: var(--couleurCalendrier);
    color: var(--couleurBouton);
    font-weight: 700;
}
.officelitesite .blocCalendrier .infoPopupNotif {
    width: 280px;
    height: 160px;
    left: 0px;
    margin-left: 62px;
    transition: 0.3s;
    animation: fadeInGen 0.3s;
    position: absolute;
    background-color: #F6FAFD;
    cursor: default;
    margin-top: 28px;
    z-index: 99999;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    padding: 8px;
}
.officelitesite .blocCalendrier .infoPopupNotif .contentInfo {
    overflow-y: auto;
    overflow-x: hidden;
    width: inherit;
    height: inherit;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
}
.officelitesite .blocCalendrier .infoPopupNotif p{
    margin-block-start: 0;
    margin-block-end: 0;
    font: 400 14px/18px 'Inter';
    color: #8C9CB2;
    width: fit-content;
    transition: 0.2s all;
}
.officelitesite .blocCalendrier .infoPopupNotif p:not(.titreInfo){
    cursor: pointer;
    margin-block-end: 4px;
}
.officelitesite .blocCalendrier .infoPopupNotif p:not(.titreInfo):hover{
    color: var(--couleurCard);
}
.officelitesite .blocCalendrier .infoPopupNotif .titreInfo{
    font: 500 16px/18px 'Inter';
    color: var(--couleurSecondaireBlocStat);
    padding-bottom: 6px;
}
.officelitesite .blocCalendrier .infoPopupNotif .titreInfo:not(:first-child){
    padding-top: 16px;
}
/* ------------------* Fin Calendrier *------------------ */
/* ------------------* MASQUAGE / Adapation FL *------------------ */

.officelitesite #corps #blocsetfontions {
    display: inline-block;
}
.officelitesite #blocs{
    width: calc(100% - 50px - 25px);
}
.officelitesite .liteFonctionTable{
    width: calc(100% - 50px - 50px);
    margin-left: 25px;
    margin-top: 12px;
}
.officelitesite #corps .bloccorpsfl .fonctionsbascontainer { /*Fonctionnalité en bas*/
    display: none;
    height: 0px;
}
.officelitesite #chercherChampLie .fonctionsbascontainer .left div:not(.elementToutes){
    display: none;
}
.officelitesite .bloccorpsfl {
    animation: fadeInGen 1s linear 1;
}
/*Colonne de droite*/
.officelitesite #colonnedroite #fonctionsdroite {
    display: none;
    width: 0px;
}
.officelitesite .navigationinfo{ /*Bouton info*/
    display: none;
}
.officelitesite .fl .elementsfl{ /*Bouton plein écran etc*/
    display: none; 
}
.officelitesite #corps:not(.specialAccueilOfficeLite){
    padding: 0px 25px 0px 25px;
}
/*.officelitesite #chercherChampLie .fl table.thead{
    padding: 16px 12px 0px 20px;
    width: calc(100% - 60px) !important;
}*/
.officelitesite .fl table.thead{
    padding: 16px 12px 0px 16px;
    width: calc(100% - 60px) !important;
}
.officelitesite .fl table.tbody{
    padding: 0px 0px 0px 0px;
}
.officelitesite .fl table.tbody { /*NOUVV*/
    padding-left: 16px;
}
.officelitesite .fl table.thead tr th/*,.officelitesite .sfl table.thead tr th,.officelitesite .ssfl table.thead tr th*/{
    background-color: #F1F5F9;
    color: #64748B;
    font: 400 15px/24px 'Inter';
}
.officelitesite .fl {
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.officelitesite #blocs .fl table.thead .trentete th:first-child:not(.colonneIdOfficeLite){
    border-radius: 8px 0px 0px 8px;
    margin-left: 16px;
    padding: 0px 24px 0px 20px;
}
.officelitesite #blocs .fl table.thead .trentete th:last-child{
    border-radius: 0px 8px 8px 0px;
    margin-right: 0px;
}

.officelitesite #chercherChampLie .fl table.thead .trentete th {
    border-radius: 0px;
    padding-left: 0px;
}
.officelitesite #chercherChampLie .fl table.thead .trentete th:first-child:not(.colonneIdOfficeLite){
    border-radius: 8px 0px 0px 8px;
    margin-left: 16px;
    padding: 0px 24px 0px 20px;
}
.officelitesite #chercherChampLie .fl table.thead .trentete th:not(.colonneIdOfficeLite) {
    border-radius: 8px 0px 0px 8px;
    padding-left: 16px;
    margin-left: 16px;
}
.officelitesite #chercherChampLie .fl table.thead .trentete th:not(.colonneIdOfficeLite) ~ th {
    border-radius: 0px;
    padding-left: 0px;
}
.officelitesite #chercherChampLie .fl table tr td:not(.iconDansFL,.tdcheckbox){
    padding: 10px 15px 10px 0px;
}

/*.officelitesite #chercherChampLie .fl table tr:not(.trentete) td:not(.id) {
    padding: 5px 0px 5px 0px;
}

.officelitesite #chercherChampLie .fl table tr:not(.trentete) td:not(.id) ~ .officelitesite #chercherChampLie .fl table tr:not(.trentete) td:not(.id) {
    padding: 10px 15px 10px 0px;
}*/

.officelitesite #chercherChampLie .fl table.thead .trentete th:last-child{
    border-radius: 0px 8px 8px 0px !important;
    padding-left: 0px !important;
}
.officelitesite #chercherChampLie{
    background-color: var(--couleurFondOfficeLite);
}
/*.officelitesite #blocs .fl table.thead .trentete th:first-child:not(.colonneIdOfficeLite) label{
    margin-right: 8px;
}*/


.officelitesite .fl { /*NOUVV*/
    border: 1px solid #E2E8F0;
}
.officelitesite #chercherChampLie .fl {
    height: 100%
}
.officelitesite #chercherChampLie .bloccorps.bloccorpsfl{
    height: calc(100% - 14px);
}
.officelitesite #chercherChampLie .fl .tbodycontent{
    height: calc(100% - 66px);
}

.officelitesite .bloccorpsfl .container.sanslabel .checkmark/*, .officelitesite .sfl .container .checkmark, .officelitesite .ssfl .container .checkmark, .officelitesite .sflspec .container .checkmark*/{
    border: 1px solid #E2E8F0;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 16px;
    width: 16px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 0px rgb(0 0 0 / 10%);
    border-radius: 4px;
}
.officelitesite .bloccorpsfl .container.sanslabel .checkmark, .officelitesite .sfl .container .checkmark, .officelitesite .ssfl .container .checkmark, .officelitesite .sflspec .container .checkmark{
    transition: 0.3s;
}
.officelitesite .fl table tr th span,/*.officelitesite  .sfl table tr th span,*/.officelitesite  .enteteform .libelle,.officelitesite  .enteteform .noenreg,.officelitesite  .enteteform .creation{
    color: #334155;
}
/*.officelitesite .sfl table tr th span, .officelitesite .ssfl table tr th span, .officelitesite .sflspec table tr th span{

}*/
.officelitesite .enteteform .libelle {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 260px !important;
}
.officelitesite .fl table tr:hover td/*,.officelitesite .sfl:not(.disInvExplo,.sfl-EtaSes-Ses) table tr:hover td,.officelitesite .ssfl table tr:hover td*/,.officelitesite .jstree-default .jstree-clicked,.officelitesite .jstree-default .jstree-wholerow-clicked,.officelitesite .jstree-default .jstree-wholerow-hovered {
    background:#F8FAFC;
}
.officelitesite .jstree-default .jstree-clicked,.officelitesite .jstree-default .jstree-wholerow-clicked,.officelitesite .jstree-default .jstree-wholerow-hovered {
    background:#F8FAFC;
}
.officelitesite .fl table tr.trclassement td, .officelitesite .fl table tr.trclassement:hover td, .officelitesite .sfl table tr.trclassement:hover td, .officelitesite .ssfl table tr.trclassement:hover td, .officelitesite .fl table tr.trafficherplus td, .officelitesite .fl table tr.trafficherplus:hover td, .officelitesite .sfl table tr.trafficherplus:hover td, .officelitesite .ssfl table tr.trafficherplus:hover td{
    background-color: #c1ddf1 !important;
}
.officelitesite .bloccorpsfl .trentete .container.sanslabel .checkmark/*, .officelitesite .bloccorpsfl .trentete .sfl .container .checkmark, .officelitesite .bloccorpsfl .trentete .ssfl .container .checkmark, .officelitesite .bloccorpsfl .trentete .sflspec .container .checkmark*/{
    top: -3px;
}
.officelitesite table .container.sanslabel .checkmark:hover, .officelitesite .errorbloc .errormessage .container:hover .checkmark, .officelitesite table .sfl .container .checkmark:hover, .officelitesite table .ssfl .container .checkmark:hover, .officelitesite table .sflspec .container .checkmark:hover{
    border: 1px solid var(--couleurBoutonHover) !important;
}
.officelitesite .bloccorpsfl .fl .container .checkmark:after{
    border-color: #FFFFFF;
    left: 5px;
    top: 2px;
}
.officelitesite .fl .container input:checked ~ .checkmark,.officelitesite .errorbloc .errormessage .container input:checked ~ .checkmark,.officelitesite .sfl .container input:checked ~ .checkmark, .officelitesite .ssfl .container input:checked ~ .checkmark, .officelitesite .sflspec .container input:checked ~ .checkmark{
    background-color: var(--couleurBouton);
    border: 1px solid var(--couleurBouton);
}
.officelitesite .fl .container input:checked ~ .checkmark:hover,.officelitesite .errorbloc .errormessage .container input:checked ~ .checkmark:hover ,.officelitesite .sfl .container input:checked ~ .checkmark:hover, .officelitesite .ssfl .container input:checked ~ .checkmark:hover, .officelitesite .sflspec .container input:checked ~ .checkmark:hover{
    background-color: var(--couleurBoutonHover);
    border: 1px solid var(--couleurBoutonHover);
}
/*.officelitesite .container.sanslabel, .officelitesite .sfl .container, .officelitesite .ssfl .container, .officelitesite .sflspec .container{
    margin-top: 0px;
    padding: 0px 0px 0px 0px !important;
}*/
.officelitesite .bloccorpsfl .trentete .container.sanslabel/*, .officelitesite .sfl .bloccorpsfl .trentete .container,.officelitesite .ssfl .bloccorpsfl .trentete .container, .officelitesite .sflspec .bloccorpsfl .trentete .container*/{
    margin-top: 4px;
}
.officelitesite .fl table tr th/*, .officelitesite .sfl table tr th, .officelitesite .ssfl table tr th, .officelitesite .sflspec table tr th*/{
    height: 48px;
}
.officelitesite .fl table tr td/*, .officelitesite .sfl table tr td, .officelitesite .ssfl table tr td*/{
    border-bottom-color: #E2E8F0;
    vertical-align: middle;
    font: 400 15px/20px 'Inter';
    color: #334155;
}
.officelitesite .fl table tr td:not(.iconDansFL,.tdcheckbox) /*, .officelitesite .sfl table tr td:not(.iconDansFL,.tdcheckbox) , .officelitesite .ssfl table tr td:not(.iconDansFL,.tdcheckbox)*/ {
    padding: 10px 15px 10px 0px;
}
.officelitesite .fl table tr td.tdcheckbox/*, .officelitesite .sfl table tr td.tdcheckbox, .officelitesite .ssfl table tr td.tdcheckbox*/{
    padding: 0px 22px 11px 22px !important;
    display: flex;
    align-items: center;
}
.officelitesite .fl table tr td.tdcheckbox .container.sanslabel{
    margin-top: 8px;
    margin-left: -2px;
}
.officelitesite .flWrapper, .officelitesite .formWrapper{
    border-radius: 10px;
}
.officelitesite .fl table tr th:first-child {
    padding: 0px 24px 0px 20px;
}
.officelitesite .fl table tr.selected td {
    background-color: #D9E9F4;
}
.officelitesite .iconDansFL{
    padding: 4px 0px 4px 0px !important;
}
.officelitesite .iconDansFL.grandiconFL{
    padding: 4px 0px 4px 15px !important;
}

.officelitesite .fl table tr th.colonneIdOfficeLite{
    display: none;
    width: 0px !important;
    min-width: 0px !important;
}
.officelitesite .about_Libelle{
    display: none !important;
}
.officelitesite .contentLiExplo .span{
    cursor: pointer;
}
/*.officelitesite .contextMenu LI.separator{
    border-top: solid 1px #E2E8F0;
}*/
.officelitesite .bloccorps.bloccorpsfl .fl th.reduit.thcheckbox, .officelitesite .bloccorps.bloccorpsfl .fl td.reduit.thcheckbox{
    width: 24px !important;
    height: 48px !important;
}
/* ------------------* Fin MASQUAGE / Adapation FL *------------------ */

/* ------------------* Icon Personne / Organisation *------------------ */
.officelitesite td .ligneAvecIcon{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font: 500 15px/24px 'Inter';
    color: #334155;
}
.officelitesite .fondiconLigneTheme {
    min-width: 34px;
    width: 34px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 34px;
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #D9E9F4;
}
.officelitesite .fondiconLigneTheme .imageProfil{
    -webkit-mask: var(--iconeRelPersOuOrg) no-repeat center center /100% 100%;
    mask: var(--iconeRelPersOuOrg) no-repeat center center /100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;

    position: relative;
    background: var(--iconeCouleurProfil);
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    margin: auto;
}
.officelitesite .fondiconLigneTheme .imageProfil2{
    -webkit-mask: var(--iconeRelPersOuOrg) no-repeat center center /100% 100%;
    mask: var(--iconeRelPersOuOrg) no-repeat center center /100% 100%;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}

.officelitesite td .ligneAvecIconPetit{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    color: #334155;
}
.officelitesite .fondiconLigneSch {
    min-width: 22px;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    position: relative;
    display: flex;
    align-items: center;
    background: #FFF0D9;
}
.officelitesite .fondiconLigneSch.checkok {
    background: #E1F7F0;
}
.officelitesite .fondiconLigneSch .imageSchedule{
    -webkit-mask: url(../Images/officeweblite/schedule.svg) no-repeat center center /100% 100%;
    mask: url(../Images/officeweblite/schedule.svg)  no-repeat center center /100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    position: relative;
    background: #EB9530;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin: auto;
}
.officelitesite .fondiconLigneSch .imageCheck{
    -webkit-mask: url(../Images/officeweblite/check.svg) no-repeat center center /100% 100%;
    mask: url(../Images/officeweblite/check.svg) no-repeat center center /100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    position: relative;
    background: #2DAE83;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    margin: auto;
}
/* ------------------* Fin Icon Personne / Organisation *------------------ */
/* ------------------* Badge *------------------ */
.officelitesite .subBadge {
    background-color: #EFF6FA;
    color: #3581B8;
    font: 500 14px/20px 'Inter';
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 12px 6px 12px;
    border-radius: 8px;
    width: fit-content;
}
.officelitesite .bouleBadge {
    width: 6px;
	min-width: 6px;
    height: 6px;
    border-radius: 6px;
    margin-right: 8px;
    background-color: #3581B8;
}
.officelitesite .subBadge.badgeJaune {
    background-color: #FFF0D9;
    color: #EB9530;
}
.officelitesite .subBadge.badgeJaune .bouleBadge {
    background-color: #EB9530;
}
.officelitesite .subBadge.badgeMauve {
    background-color: #F1EEF8;
    color: #937BCB;
}
.officelitesite .subBadge.badgeMauve .bouleBadge {
    background-color: #937BCB;
}
.officelitesite .subBadge.badgeVert {
    background-color: #E1F7F0;
    color: #2DAE83;
}
.officelitesite .subBadge.badgeVert .bouleBadge {
    background-color: #2DAE83;
}
.officelitesite .subBadge.badgeCyan{
    background-color: #EBF7FA;
    color: #3AB1CB;
}
.officelitesite .badgeCyan .bouleBadge {
    background-color: #3AB1CB;
}
.officelitesite .subBadge.badgeRouge{
    background-color: #faebeb;
    color: #cb3a3a;
}
.officelitesite .badgeRouge .bouleBadge {
    background-color: #cb3a3a;
}
.officelitesite .subBadge.badgeBleu{
    background-color: #ebf2fa;
    color: #3a85cb;
}
.officelitesite .badgeBleu .bouleBadge {
    background-color: #3a85cb;
}
.officelitesite .subBadge.badgeOrange{
    background-color: #faf3eb;
    color: #cb803a;
}
.officelitesite .badgeOrange .bouleBadge {
    background-color: #cb803a;
}
/* ------------------* Fin Badge *------------------ */
/* ------------------* Fonctionnalité au dessus du FL *------------------ */

.officelitesite .liteFonctionTable {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 13px;
    align-items: center;
}
.officelitesite .liteFonctionTable .foncTableGauche{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.officelitesite .catofficelite{
    height: 22px;
    width: 210px;
    font: 400 16px/24px 'Inter';
    background: #FFFFFF;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    transition: 0.3s;
    color: #8C9CB2;
    cursor: pointer;
    margin-right: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.officelitesite .voirCat{
    width: 20px;
    height: 20px;
    min-width: 20px;
}
.officelitesite .open .voirCat .imageVoirCat{
    transform: rotate(270deg);
}
.officelitesite .voirCat .imageVoirCat{
    -webkit-mask: url(../Images/iconesBoutons/droite.svg) no-repeat center /100% 100%;
    mask: url(../Images/iconesBoutons/droite.svg) no-repeat center /100% 100%;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    position: relative;
    transform: rotate(90deg);
    background-color: #8C9CB2;
    transition: 0.3s;
}
.officelitesite .contentOptionCat{
    padding: 4px 0px 0px 4px;
    margin-top: 15px;
    border-radius: 8px;
    background: #FFFFFF;
}
.officelitesite .catofficelite .selectOfficeLite{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 36px;
    padding-right: 12px;
}
.officelitesite .catofficelite .selectOfficeLite span{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.officelitesite .catofficelite .contentOptionCat{
    z-index: 99;
    display: none;
    position: absolute;
    min-width: 160px;
    max-width: 350px;
    transition: 0.3s;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 4%), 0px 12px 32px rgb(0 0 0 / 8%);
    border-radius: 8px;
}
.officelitesite .catofficelite:hover{
    border: 1px solid var(--couleurBouton) !important;
}
.officelitesite .catofficelite.open .contentOptionCat{
    display: block;
}
.officelitesite .catofficelite .contentOptionCat .optionsCat {
    list-style-type: none;
    margin-block-start: 0px;
    margin-block-end: 0px;
    padding-inline-start: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 250px;
}
.officelitesite .catofficelite .contentOptionCat .optionsCat::-webkit-scrollbar {
    width: 4px;
}
.officelitesite .catofficelite .contentOptionCat .optionsCat::-webkit-scrollbar-track {
    background: #F1F1F1;
    border-radius: 25px;
}
.officelitesite .catofficelite .contentOptionCat .optionsCat::-webkit-scrollbar-thumb {
    background: #9b9b9b;
    border-radius: 25px;
}
.officelitesite .catofficelite .contentOptionCat .optionsCat li {
    padding: 2px 13px;
    border-radius: 8px;
    font: 400 14px/24px 'Inter';
    border: 1px solid transparent;
    margin: 2px 6px 2px 2px;
}
.officelitesite .catofficelite .contentOptionCat .optionsCat li.actif {
    padding: 2px 13px;
    border-radius: 8px;
    font: 400 14px/24px 'Inter';
    color: #8C9CB2;
    border: 1px solid #E2E8F0;
    background: #FFFFFF;
}
.officelitesite .catofficelite .contentOptionCat .optionsCat li:hover {
    color: #64748B;
    border: 1px solid #8C9CB2;
    background: #F8FAFC;
}
.officelitesite .elementLite {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 6px 15px 6px 15px;
    background: var(--couleurBouton);
    border-radius: 8px;
    font: 500 14px/24px 'Inter';
    color: #FFFFFF;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: 0.5s;
    border: 1px solid transparent;
    user-select: none;
}
.officelitesite .liteFonctionTable .elementLite{
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
}
.officelitesite .elementLite:hover {
    background: var(--couleurBoutonHover);
}

.officelitesite .testNouvBoutons{
    padding: 20px;
    display: inline-flex;
    gap: 12px;
    flex-wrap: wrap;
}

.officelitesite .elementLite2{background: #FCA36A;}
.officelitesite .elementLite2:hover {background: #FA8335;}

.officelitesite .elementLite3{background: #82B6DB;}
.officelitesite .elementLite3:hover {background: #579CCE;}

.officelitesite .elementLite4{background: #A5C9F5;}
.officelitesite .elementLite4:hover {background: #85B5F2;}

.officelitesite .elementLite5{background: #83CEDE;}
.officelitesite .elementLite5:hover {background: #5EBFD5;}

.officelitesite .elementLite6{background: #FDCEB0;}
.officelitesite .elementLite6:hover {background: #FDB98D;}

.officelitesite .elementLite7{background: transparent; border: 1px solid #82B6DB; color: #82B6DB;}
.officelitesite .elementLite7:hover {background: #82B6DB; color: #FFFFFF; border-color: #82B6DB;}

.officelitesite .elementLite8{background: #FFFFFF; border: 1px solid #82B6DB; color: #82B6DB;}
.officelitesite .elementLite8:hover {background: #82B6DB; color: #FFFFFF; border-color: #82B6DB;}

.officelitesite .elementLite9{background: transparent; border: 1px solid #A5C9F5; color: #A5C9F5;}
.officelitesite .elementLite9:hover {background: #A5C9F5; color: #FFFFFF; border-color: #A5C9F5;}

.officelitesite .elementLite10{background: #FFFFFF; border: 1px solid #A5C9F5; color: #A5C9F5;}
.officelitesite .elementLite10:hover {background: #A5C9F5; color: #FFFFFF; border-color: #A5C9F5;}

.officelitesite .elementLite11{background: transparent; border: 1px solid #FCA36A; color: #FCA36A;}
.officelitesite .elementLite11:hover {background: #FCA36A; color: #FFFFFF; border-color: #FCA36A;}

.officelitesite .elementLite12{background: #FFFFFF; border: 1px solid #FCA36A; color: #FCA36A;}
.officelitesite .elementLite12:hover {background: #FCA36A; color: #FFFFFF; border-color: #FCA36A;}

.officelitesite .elementLite13{background: #ffe3d1; border: 1px solid #ffe3d1; color: #FA8335;}
.officelitesite .elementLite13:hover {background: #FCA36A; color: #FFFFFF; border-color: #FCA36A;}

.officelitesite .elementLite14{background: #cbe0f0; border: 1px solid #cbe0f0; color: #579CCE;}
.officelitesite .elementLite14:hover {background: #82B6DB; color: #FFFFFF; border-color: #82B6DB;}

.officelitesite .elementLite15{background: var(--couleurFondIcone) !important; border: 1px solid var(--couleurBouton) !important; color: var(--couleurBouton);}
.officelitesite .elementLite15:hover {background: var(--couleurBoutonHover2) !important; color: #FFFFFF !important; border-color: var(--couleurBoutonHover2) !important;}
.officelitesite .elementLite15 .newicon, .officelitesite .elementLite15 .newiconutils {background: var(--couleurBouton) !important;}
.officelitesite .elementLite15:hover .newicon, .officelitesite .elementLite15:hover .newiconutils{background: #FFFFFF !important;}

.officelitesite .elementLite15.fondNewIconUtils{background: var(--couleurBoutonHover2) !important; border: 1px solid var(--couleurBoutonHover2) !important;}
.officelitesite .elementLite15.fondNewIconUtils:hover {background: var(--couleurBouton) !important; border-color: var(--couleurBouton) !important;}
.officelitesite .elementLite15.fondNewIconUtils .newiconutils {background: #FFFFFF !important;}
.officelitesite .elementLite15.fondNewIconUtils:hover .newiconutils{background: #FFFFFF !important;}

.officelitesite .elementLite16{background: #eff6fa !important; border: 1px solid #579CCE !important; color: #579CCE !important;}
.officelitesite .elementLite16:hover {background: #82B6DB !important; color: #FFFFFF !important; border-color: #82B6DB !important;}

.officelitesite .elementLite17{background: #ffe9dc; border: 1px solid #FCA36A; color: #FA8335;}
.officelitesite .elementLite17:hover {background: #FCA36A; color: #FFFFFF; border-color: #FCA36A;}

.officelitesite .elementLite18{background: #d8e8f5; border: 1px solid #82B6DB; color: #579CCE;}
.officelitesite .elementLite18:hover {background: #82B6DB; color: #FFFFFF; border-color: #82B6DB;}

.officelitesite .elementLiteMauve{background: #f2effa; border: 1px solid #6357ce; color: #6357ce;}
.officelitesite .elementLiteMauve:hover {background: #8288db; color: #FFFFFF; border-color: #8288db;}
.officelitesite .elementLiteJaune{background: #faf8ef; border: 1px solid #cec657; color: #cec657;}
.officelitesite .elementLiteJaune:hover {background: #dbda82; color: #FFFFFF; border-color: #dbda82;}
.officelitesite .elementLiteRouge{background: #faf0ef; border: 1px solid #ce5f57; color: #ce5f57;}
.officelitesite .elementLiteRouge:hover {background: #db8882; color: #FFFFFF; border-color: #db8882;}
.officelitesite .elementLiteVert{background: #f1faef; border: 1px solid #57ce61; color: #57ce61;}
.officelitesite .elementLiteVert:hover {background: #8adb82; color: #FFFFFF; border-color: #8adb82;}
.officelitesite .elementLiteCyan{background: #effafa; border: 1px solid #57cec8; color: #57cec8;}
.officelitesite .elementLiteCyan:hover {background: #82d8db; color: #FFFFFF; border-color: #82d8db;}
.officelitesite .elementLiteCyanVert{background: #effaf7; border: 1px solid #57ceb0; color: #57ceb0;}
.officelitesite .elementLiteCyanVert:hover {background: #82dbc0; color: #FFFFFF; border-color: #82dbc0;}
.officelitesite .elementLiteMauve2{background: #f1effa; border: 1px solid #716fcc; color: #716fcc;}
.officelitesite .elementLiteMauve2:hover {background: #9094d3; color: #FFFFFF; border-color: #9094d3;}
.officelitesite .elementLiteRose{background: #faeff4; border: 1px solid #ce57b0; color: #ce57b0;}
.officelitesite .elementLiteRose:hover {background: #db82cc; color: #FFFFFF; border-color: #db82cc;}

.officelitesite .elementLiteSupTab{
    margin-top: 0px;
}
.officelitesite .voirtoutelem{
    min-width: 60px;
}
.officelitesite .colonneRecherchecontent .champplaceholder:last-child{
    padding-right: 12px;
}
.officelitesite .paddingr20{
    padding-right: 20px;
}
/* ------------------* Fin Fonctionnalité au dessus du FL *------------------ */

/* ------------------* Dialogue *------------------ */
.officelitesite .ui-widget.ui-widget-content{
    border-radius: 10px;
}
.officelitesite .ui-dialog .ui-dialog-content{
    border-radius: 10px;
}
.officelitesite .errorbloc .errortitre{
    background-color: #FFFFFF;
    font: 500 20px/30px 'Inter';
    color: #334155;
}
.officelitesite .errorbloc .errormessage .message{
    color: #64748B;
}
.officelitesite .errorbloc .errorfooter{
    background-color: #FFFFFF;
}
.officelitesite .errorbloc .errormessage label:not(.containerradio) .checkmark{
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    box-shadow: 0px 1px 0px rgb(0 0 0 / 10%);
    border-radius: 4px;
    transition: 0.3s;
}
.officelitesite .blocdialogue.date{
    margin-left: 0px !important;
}
.officelitesite .rechboolfl {
	margin-left:0px !important;
}
.officelitesite .errorbloc .errorfooter .errorboutons .element .fondNewIcon {
    display: none;
}
.officelitesite .errorbloc .errorfooter .left .element .fondNewIcon {
    display: none;
}
.officelitesite .errorbloc .errorfooter .left .element .libelle{
    color: #8C9CB2;
}
.officelitesite .flyoutMenu{ /*On n'affiche pas le menu de procédure*/
    display: none;
}
.officelitesite .errorbloc .errorfooter .errorboutons .element, .officelitesite .errorbloc .errorfooter .left .element {
    border: 1px solid var(--couleurBouton);
    border-radius: 8px;
    background: var(--couleurBouton);
    padding: 6px 16px;
    transition: 0.3s;
}
.officelitesite .errorbloc .errorfooter .errorboutons .element .libelle, .officelitesite .errorbloc .errorfooter .left .element .libelle {
    color: #FFFFFF;
    transition: 0.3s;
    font: 500 14px/24px 'Inter';
}
.officelitesite .errorbloc .errorfooter .errorboutons .element.close {
    border: 1px solid #E2E8F0;
    background: #FFFFFF;
}
.officelitesite .errorbloc .errorfooter .errorboutons .element.close .libelle {
    color: #8C9CB2;
}
.officelitesite .errorbloc .errorfooter .errorboutons .element:hover, .officelitesite .errorbloc .errorfooter .left .element:hover {
    border: 1px solid var(--couleurBoutonHover);
    background: var(--couleurBoutonHover);
}
.officelitesite .errorbloc .errorfooter .errorboutons .element.close:hover {
    border: 1px solid #8C9CB2;
    background: #F8FAFC;
}
.officelitesite .errorbloc .errorfooter .errorboutons .element:hover .libelle {
    color: #FFFFFF;
}
.officelitesite .errorbloc .errorfooter .errorboutons .element.close:hover .libelle{
    color: #64748B;
}
.officelitesite .errorbloc .errorboutons .element .libelle, .officelitesite .errorbloc .left .element .libelle{
    padding: 0px 0px 0px 0px;
}
.officelitesite .errorbloc .errorboutons, .officelitesite .errorbloc .left{
    padding: 10px 20px 20px 20px;
}
.officelitesite .ui-widget-overlay{
    background: rgb(0, 0, 0)
}
.officelitesite .errortitre.errorTitreLite{
    display: flex;
   /* flex-direction: row;
    justify-content: space-between;*/
}
.officelitesite .errorbloc .errormessage input[type=text]{
    max-width: 174px;
    font: 400 15px/24px 'Inter';
    letter-spacing: 0px;
}
.officelitesite .fermerexplo{
    display: none;
}
/*.officelitesite .errorbloc .errormessage input[type=text]::placeholder{
    color: #8C9CB2;
}*/
.officelitesite .errortitre .fondIconFermerErrorBloc{
    min-width: 14px;
    height: 14px;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 6px;
    cursor: pointer;
    margin-left: 20px;
}
.officelitesite .errortitre .fondIconFermerErrorBloc .iconFermerErrorBloc{
    -webkit-mask: url(../Images/officeweblite/close.svg) no-repeat center center;
    mask: url(../Images/officeweblite/close.svg) no-repeat center center;
    -webkit-mask-position: center center;
    mask-position: center center;

    position: relative;
    background: #CBD5E1;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}
.officelitesite .errortitre .fondIconFermerErrorBloc:hover .iconFermerErrorBloc{
    background: #8C9CB2;
}

.officelitesite #chercherChampLie .fonctionsbascontainer .right .element, .officelitesite #chercherChampLie .fonctionsbascontainer .left .element {
    border: 1px solid var(--couleurBouton);
    border-radius: 8px;
    background: var(--couleurBouton);
    padding: 6px 16px;
}
.officelitesite #chercherChampLie .fonctionsbascontainer .right .element .libelle, .officelitesite #chercherChampLie .fonctionsbascontainer .left .element .libelle{
    padding: 0px !important;
}
.officelitesite #chercherChampLie .fonctionsbascontainer .right .element .fondNewIcon, .officelitesite #chercherChampLie .fonctionsbascontainer .left .element .fondNewIcon {
    display: none;
}
.officelitesite #chercherChampLie .fonctionsbascontainer .right .element .libelle, .officelitesite #chercherChampLie .fonctionsbascontainer .left .element:not(.elementToutes) .libelle {
    color: #FFFFFF !important;
    transition: 0.3s;
    font: 500 14px/24px 'Inter';
    padding: 0px;
}
.officelitesite #chercherChampLie .fonctionsbascontainer .right .element:hover, .officelitesite #chercherChampLie .fonctionsbascontainer .left .element:hover {
    border: 1px solid var(--couleurBoutonHover);
    background: var(--couleurBoutonHover);
}

.officelitesite #chercherChampLie .fonctionsbascontainer .right .element.fermerChampLie, .officelitesite #chercherChampLie .fonctionsbascontainer .left .element.fermerChampLie {
    border: 1px solid #E2E8F0;
    background: #FFFFFF;
}
.officelitesite #chercherChampLie .fonctionsbascontainer .right .element.fermerChampLie .libelle, .officelitesite #chercherChampLie .fonctionsbascontainer .left .element.fermerChampLie .libelle {
    color: #8C9CB2 !important;
}
.officelitesite #chercherChampLie .fonctionsbascontainer .right .element.fermerChampLie:hover, .officelitesite #chercherChampLie .fonctionsbascontainer .left .element.fermerChampLie:hover {
    border: 1px solid #8C9CB2;
    background: #F8FAFC;
}
.officelitesite #chercherChampLie .fonctionsbascontainer .right .element.fermerChampLie .libelle, .officelitesite #chercherChampLie .fonctionsbascontainer .left .element.fermerChampLie .libelle {
    color: #64748B !important;
}
.officelitesite .errorbloc .errormessage.rechercheAvancee, .officelitesite .errorbloc .errormessage.dialogueChoixCat{
    height: calc(100% - 50px - 56px - 68px) !important;
}
.officelitesite .errorbloc .errormessage.dialogueInfosCustom{
    height: calc(100% - 56px - 68px) !important;
}
.officelitesite .errorbloc .errormessage:not(.thermometre){
    padding-left: 110px !important;
}
.officelitesite #thermoBarConteneur, .officelitesite .thermoBarConteneur{
    background: rgba(255,255,255,0.1);
    justify-content: flex-start;
    height: 30px;
    border: 1px solid var(--couleurCard);
    border-radius: 100px;
    padding: 2px 2px 2px 2px;
    position: relative;
    align-items: center;
    display: flex;
}
.officelitesite #thermoBar, .officelitesite .thermoBar{
    border-radius: 100px;
    background: linear-gradient(90deg, #EFF6FA, #3581B8);
    height: 30px;
    min-width: 6%;
    -webkit-transition : width 0.2s linear;
    -moz-transition : width 0.2s linear;
    -o-transition : width 0.2s linear;
    transition : width 0.2s linear;
}
.officelitesite #thermoPourcentage {
    display: none;
}
.officelitesite #thermoProgression, .officelitesite #thermoPourcentage{
    display: none;
}

/* ------------------* Fin Dialogue *------------------ */
.officelitesite .couleurSecDiv {
    color: #3581B8;
}
.officelitesite .couleurSecDivVert {
    color: #36b389;
}
.officelitesite .couleurSecDivRouge {
    color: #f08a8a;
}
/* ------------------* Menu contextuel clic droit *------------------ */
/*.officelitesite .contextMenu, .officelitesite .contextMenu ul{
    background-color: #FFFFFF;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 4%), 0px 12px 32px rgb(0 0 0 / 8%);
    border-radius: 8px;
    border: none;
}
.officelitesite .contextMenu li{
    padding: 2px 0px 2px 0px;
    transition: 0.3s;
}
.officelitesite .contextMenu li.sub li{
    padding: 0px 0px 0px 0px;
    transition: 0.3s;
}
.officelitesite .contextMenu li:nth-child(1){
    margin-top: 5px;
}
.officelitesite .contextMenu li:nth-last-child(1) {
    margin-bottom: 5px;
}

.officelitesite .contextMenu a, .officelitesite .TelecomAdressePrefere {
    color: #475569;
    font: 400 16px/24px 'Inter';
    padding: 2px 15px 9px 15px;
    transition: 0.3s;
}

.officelitesite .menucontextuel{
    box-shadow: 0px 2px 8px rgb(0 0 0 / 4%), 0px 12px 32px rgb(0 0 0 / 8%);
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 8px 0px 8px 0px;
}
.officelitesite .menucontextuel .element{
    padding: 5px 0px 5px 12px;
    margin: 0px 0px 0px 0px;
}
.officelitesite .menucontextuel .element .libelle{
    color: #475569;
    font: 400 16px/24px 'Inter';
}
.officelitesite .menucontextuel .element:hover{
    background-color: var(--couleurMenuOptionHover);
}
.officelitesite .menucontextuel .element .newicon{
    background-color: #475569;
}
.officelitesite .menucontextuel .element .fondNewIcon{
    transition: 0s;
    background-color: transparent;
}
.officelitesite .menucontextuel .element:not(.disabled):hover .fondNewIcon{
    background-color: transparent;
}
.officelitesite .menucontextuel .element:hover .newicon{
    background-color: var(--couleurMenuOption) !important;
}
.officelitesite .menucontextuel .element:hover .libelle{
    color: var(--couleurMenuOption);
}
.officelitesite .sfl .menucontextuel, .officelitesite .ssfl .menucontextuel{
    width: 178px;
}*/

.officelitesite .contextMenu li:hover:not(.disabled) > a{
    background-color: var(--couleurMenuOptionHover);
    color: var(--couleurMenuOption);
    transition: 0.3s;
}
.officelitesite .contextMenu li.hover:not(.disabled) > a{
    color: var(--couleurMenuOption);
    transition: 0.3s;
}

/* ------------------* Fin Menu contextuel clic droit *------------------ */
/* ------------------* Voir plus *------------------ */
.officelitesite .voirpluslite{
    min-width: 16px;
    height: 16px;
    width: 16px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.officelitesite .contVoirPlus{
    display: flex;
    justify-content: flex-end;
    margin-right: 20px;
}
.officelitesite .voirpluslite .iconvoirpluslite{
    -webkit-mask: url(../Images/officeweblite/more.svg) no-repeat center center;
    mask: url(../Images/officeweblite/more.svg) no-repeat center center;
    -webkit-mask-position: center center;
    mask-position: center center;

    position: relative;
    background: #CBD5E1;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}
.officelitesite .voirpluslite:hover .iconvoirpluslite{
    background: #475569;
}
.officelitesite .menuVoirPlus {
    position: absolute;
    background-color: #FFFFFF;
    min-width: 150px;
    width: 224px;
    z-index: 9999;
    min-height: 48px;
    margin-top: -20px;
    right: 68px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 12px 32px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}
.officelitesite .menuVoirPlus .optionMenuVoirPlus{
    position: relative;
    padding: 5px 12px 5px 12px;
    cursor: pointer;
    transition: 0.3s;
    font: 400 16px/24px 'Inter';
    color: #475569;
}
.officelitesite .menuVoirPlus .optionMenuVoirPlus:nth-child(1){
    margin-top: 5px;
}
.officelitesite .menuVoirPlus .optionMenuVoirPlus:nth-last-child(1){
    margin-bottom: 5px;
}
.officelitesite .menuVoirPlus .optionMenuVoirPlus:hover{
    background-color: var(--couleurMenuOptionHover);
    color: var(--couleurMenuOption);
}

/* ------------------* Fin Voir plus *------------------ */
.officelitesite .colonneRecherchecontent{
    padding: 0px !important;
}
.officelitesite .colonneRecherchecontent .champplaceholder,.officelitesite .colonneRecherchecontent .categories{
    margin-bottom: 0px;
}
.officelitesite .colonneRecherchecontent input[type=text].champrechlite{
    border: none;
    font: 400 16px/24px 'Inter';
    color: #8C9CB2;
    letter-spacing: 0px;
}
.officelitesite .colonneRecherchecontent .champplaceholder {
    position: relative;
}
.officelitesite .colonneRecherchecontent .champplaceholder .fermerrech{
    background-image: url(../images/close.png);
    cursor: pointer;
    width: 10px;
    min-width: 10px;
    height: 10px;
    display: none;
    transition: 0.3s;
    position: absolute;
    right: 30px;
}
.officelitesite .colonneRecherchecontent .champplaceholder input.nonvide ~ .fermerrech{
    display: block;
}
.officelitesite .centerDivFonc{
    display: flex;
    align-items: center;
}
.officeweblite .bandeau{
    display: none !important;
}
.officelitesite .champrechlite{
    padding: 7px 5px 6px 34px !important;
    color: #475569 !important;
    background-image: none !important;
    display: block !important;
    border-radius: 8px !important;
    border: 1px solid #E2E8F0 !important;
    background-repeat: no-repeat !important;
    width: calc(100% - 60px) !important;
    background-size: auto 16px !important;
    image-rendering: -webkit-optimize-contrast !important;
    background-color: #FFFFFF !important;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
    font: 400 16px/24px 'Inter';
}
.officelitesite .newFondIconrecherche{
    background-color: transparent;
    width: 20px;
    min-width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    transition: 0.3s;
    position: absolute;
    margin-left: 8px;
}
.officelitesite .newFondIconrecherche .newiconrecherche{
    background-color: #8C9CB2;
    width: 95%;
    height: 95%;
    margin: auto;
    transition: 0.3s;
    -webkit-mask: url(../Images/officeweblite/recherche.svg) no-repeat center center /100% 100%;
    mask: url(../Images/officeweblite/recherche.svg) no-repeat center center /100% 100%;
}
.officelitesite .newFondIconrecherche .newiconcategorie{
    background-color: #8C9CB2;
    width: 95%;
    height: 95%;
    margin: auto;
    transition: 0.3s;
    -webkit-mask: url(../Images/officeweblite/categorie.svg) no-repeat center center /100% 100%;
    mask: url(../Images/officeweblite/categorie.svg) no-repeat center center /100% 100%;
}
.officelitesite .champrechlite:hover,.officelitesite .champrechlite:focus{
    border: 1px solid var(--couleurBouton) !important;
}
.officelitesite .champrechlite{
    color: #475569 !important;
}
/* ------------------* Modification / Explorer *------------------ */
.officelitesite .explorateur ul li span.vertsup{padding-left:29px;background-image: url('../images/explovertsup.png');}
.officelitesite .explorateur ul li span.horiz{padding-left:29px;background-image: url('../images/explohoriz.png');}
.officelitesite .explorateur ul li span.horiz2{padding-left:29px;background-image: url('../images/explohorizbis.png');}
.officelitesite .explorateur ul li span.vertinf{padding-left:29px;background-image: url('../images/explovertinf.png');}
.officelitesite .explorateur ul li span.courant{padding-left:29px;background-image: url('../images/explocourant.png');}

.officelitesite .form:not(.formTxtFullScreen,.formEnvoyerEmail,.formAjoutCodePostal,.formGenererMai,.formAjoutSignataire,.formAjoutLieu, .docLieForm ) {
    height: calc(100% - 64px - 55px);
    max-height: calc(100% - 64px - 55px);
}
.officelitesite .blocseul .form {
	height: calc(100%);
	max-height: calc(100%);
}
.officelitesite .fonctionsbas, .officelitesite .fonctionsbas2{
    height: 62px;
    max-height: 62px;
    padding-left: 1px;
    width: calc(100% - 20px);
}
.officelitesite #chercherChampLie .fonctionsbas, .officelitesite #chercherChampLie .fonctionsbas2{
    width: calc(100% - 1px);
}
.officelitesite .sfletboutons .fonctionsbascontainer .fonctionsbas, .officelitesite .ssfletboutons .fonctionsbascontainer .fonctionsbas{
    flex-direction: row-reverse;
    height: 40px;
    max-height: 40px;
}
.officelitesite .sfletboutons.enliste .newSflGlobal, .officelitesite .ssfletboutons.enliste .newSflGlobal{
    padding: 0px 10px 10px 10px;
}
.officelitesite .sfletboutons .fonctionsbascontainer .fonctionsbas .left, .officelitesite .ssfletboutons .fonctionsbascontainer .fonctionsbas .left{
    flex-direction: row-reverse;
}
.officelitesite .form.exploOfficeLite {
    height: 100%;
    max-height: 100%;
    border-radius: 10px;
    border: 1px solid #E2E8F0;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.officelitesite .exploOfficeLite .enteteform {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    border-radius: 10px 10px 0px 0px;
}
.officelitesite .exploOfficeLite .enteteform .left .noenreg{
    display: none;
}
.officelitesite .exploOfficeLite .enteteform .right .boutons, .officelitesite .exploOfficeLite .enteteform .right .radius, .officelitesite .exploOfficeLite .enteteform .right .creation{
    display: none;
}
.officelitesite .exploOfficeLite .enteteform .right .fondNewIcon .fermer{
    background-color: #8C9CB2;
}
.officelitesite .exploOfficeLite .right .element:not(.disabled):hover .fondNewIcon{
    background-color: #FFFFFF;
}
.officelitesite .exploOfficeLite .right .element:not(.disabled):hover .fondNewIcon .fermer{
    background-color: #64748B;
}
.officelitesite .exploOfficeLite .footerform{
    background-color: #FFFFFF;
    border-top: 1px solid #E2E8F0;
    border-radius: 0px 0px 10px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 16px 0px 30px;
    height: 44px;
    line-height: 44px;
}
.officelitesite .exploOfficeLite .formcontent.explorateur{
    height: calc(100% - 102px);
    max-height: calc(100% - 102px);
}
.officelitesite .footerform .right{
    display: flex;
    flex-direction: row;
}

.officelitesite .boutonStyleDisable{
    border: 1px solid #E2E8F0;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 2px 14px;
    transition: 0.5s;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
}
.officelitesite .boutonStyleDisable:hover{
    border: 1px solid #8C9CB2;
    background: #F8FAFC;
}
.officelitesite .boutonStyleDisable .libelle{
    color: #8C9CB2;
    transition: 0.5s;
    font: 500 14px/24px 'Inter';
}
.officelitesite .boutonStyleDisable:hover .libelle{
    color: #64748B;
}
.officelitesite .boutonStyleSimple{
    border: 1px solid var(--couleurBouton);
    background: #FFFFFF;
    border-radius: 8px;
    padding: 2px 14px;
    transition: 0.5s;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    margin: 0px 0px 0px 12px;
}
.officelitesite .boutonStyleSimple.grand{
    padding: 3px 14px;
}
.officelitesite .boutonStyleSimple .libelle{
    color: var(--couleurBouton);
    transition: 0.5s;
    font: 500 14px/24px 'Inter';
}
.officelitesite .boutonStyleSimple:hover{
    border: 1px solid var(--couleurBoutonHover);
    background: var(--couleurCalendrier);
}
.officelitesite .boutonStyleSimple:hover{
    color: var(--couleurBoutonHover);
}

.officelitesite .boutonStyleSimpleSFL{
    background: var(--couleurFondIcone) ;
    border: 1px solid var(--couleurBouton);
    border-radius: 8px;
    padding: 2px 14px;
    transition: 0.5s;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    margin: 0px 0px 0px 12px;
}
.officelitesite .boutonStyleSimpleSFL.grand{
    padding: 3px 14px;
}
.officelitesite .boutonStyleSimpleSFL .libelle{
    color: var(--couleurBouton); 
    transition: 0.5s;
    font: 500 14px/24px 'Inter';
}
.officelitesite .boutonStyleSimpleSFL:hover{
    border: 1px solid var(--couleurBouton);
    background: var(--couleurBouton);
}
.officelitesite .boutonStyleSimpleSFL:hover .libelle{
    color: #FFFFFF;
}

.officelitesite .boutonStyleDisableGrand{
    border: 1px solid #E2E8F0;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 6px 16px;
    transition: 0.5s;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    margin: 0px 0px 0px 12px;
}
.officelitesite .boutonStyleDisableGrand:hover{
    border: 1px solid #8C9CB2;
    background: #F8FAFC;
}
.officelitesite .boutonStyleDisableGrand .libelle{
    color: #8C9CB2;
    transition: 0.5s;
    font: 500 15px/24px 'Inter';
}
.officelitesite .boutonStyleDisableGrand:hover .libelle{
    color: #64748B;
}

.officelitesite .boutonStyleSimpleGrand{
    border: 1px solid var(--couleurBouton);
    background: var(--couleurBouton);
    border-radius: 8px;
    padding: 6px 16px;
    transition: 0.5s;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    margin: 0px 0px 0px 12px;
}
.officelitesite .boutonStyleSimpleGrand .libelle{
    color: #FFFFFF;
    transition: 0.5s;
    font: 500 15px/24px 'Inter';
}
.officelitesite .boutonStyleSimpleGrand:hover{
    border: 1px solid var(--couleurBoutonHover);
    background: var(--couleurBoutonHover);
}
.officelitesite .boutonStyleSimpleGrand:hover{
    color: #FFFFFF;
}


.officelitesite #corps .bloccorpsfp .fonctionsbascontainer { 
    display: none;
    height: 0px;
}
.officelitesite .newfenetre .newcolcontenu > .fonctionsbascontainer{
    border-top: 1px solid #E2E8F0;
    background-color: #FFFFFF;
}
.officelitesite .fl .tbodycontent {
    height: calc(100% - 68px);
}
.officelitesite .fl.flchamplie .tbodycontent {
    height: calc(100% - 66px);
}
.officelitesite .blocTopExplo{
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    align-items: center;
    padding-bottom: 40px;
}
.officelitesite .blocTopExplo.sansBtnExplo .emplacementBtnExplo{ /* Pour ne pas afficher un trop grand espace lorsqu'il n'y a pas de bouton dans l'explorateur*/
    height: 0px;
    margin-top: 0px;
}

.officelitesite .blocTopExplo .fondContourTopExplo {
    min-width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 70px;
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #E2E8F0;
}
.officelitesite .explorateur ul li.iconvide{
    background-image: none;
}

.officelitesite .blocTopExplo .fondContourTopExplo .fondTopExplo {
    min-width: 85%;
    margin: auto;
    height: 85%;
    background: #EFF6FA;
    border-radius: 50%;
    position: relative;
    display: flex;
    vertical-align: middle;
    align-items: center;
}
.officelitesite .blocTopExplo .fondContourTopExplo .fondTopExplo .iconTopExplo{
    -webkit-mask: var(--iconeExploAffich) no-repeat center center /50% 50%;
    mask: var(--iconeExploAffich) no-repeat center center /50% 50%;
    -webkit-mask-position: center center;
    mask-position: center center;
    position: relative;
    background: var(--iconeCouleurProfil);
    width: 100%;
    height: 100%;
}
.officelitesite .colnavigfpglobal .newiconthemeEntete.nouv{
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-mask-position: center center;
    mask-position: center center;
}
.officelitesite .colnavigfpglobal .newiconthemeEntete.nouvPerso{
    position: relative;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    margin: auto;
    background-position: center;
}
.officelitesite .blocTopExplo .fondContourTopExplo .fondTopExplo .iconTopExploPerso{
    position: relative;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    margin: auto;
    background-position: center;
}

.officelitesite .blocTopExplo .libelleTabExplo{
    font: 400 14px/20px 'Inter';
    color: #8C9CB2;
    text-align: center;
    margin-top: 8px;
}
.officelitesite .blocTopExplo .grandLibelleTabExplo{
    text-align: center;
    font: 600 16px/24px 'Inter';
    color: #334155;
    max-width: calc(100% - 60px);
}
.officelitesite .blocTopExplo .emplacementBtnExplo{
    height: 30px;
    margin-top: 16px;
}

.officelitesite .accordeon{
    margin: 0px 20px 8px 20px;
    border-radius: 8px;
    background-color: var(--couleurBlocAccordeon);
    font: 500 16px/24px 'Inter' !important;
    color: #334155 !important;
    transition: 0.3s;
    padding: 9px 60px 9px 38px !important;
}
.officelitesite .ssaccordeon {
    margin: 0px 20px 8px 20px;
    border-radius: 8px;
    font: 500 16px/24px 'Inter' !important;
    color: #334155 !important;
    transition: 0.3s;
    padding: 9px 60px 9px 38px !important;
}
.officelitesite .fondNewIconFleche{
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-top: -21px;
    right: 32px;
}
.officelitesite .newiconfleche{
    background-color: var(--couleurIconeFlecheOWL);
}
.officelitesite .formcontent.explorateur .ulwrapper{
    padding: 25px 30px 25px 50px !important;
}
.officelitesite .devboulelite{
    width: 8px;
    height: 8px;
    background: #3581B8;
    border-radius: 8px;
    position: absolute;
    margin: 8px 8px 0px -21px;
}
.officelitesite .exploOfficeLite .explorateur ul li span{
    color: #334155;
    font: 500 16px/22px 'Inter';
}
.officelitesite .exploOfficeLite .explorateur ul li ul li span, .officelitesite .exploOfficeLite .explorateur p{
    color: #64748B;
    font: 400 15px/22px 'Inter';
}
.officelitesite .exploOfficeLite .explorateur ul li span b {
	font-family: 'Inter';
	font-weight: 500;
}
.officelitesite .simpleLiListe {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    border: 1px solid #8C9CB2;
    position: absolute;
    margin: 7px 0px 0px -21px;
}
.officelitesite .exploOfficeLite .explorateur ul li.deploye, .officelitesite .exploOfficeLite .explorateur ul li.contracte{
    background-image: none;
}
.officelitesite .contentLiExplo{
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
}
.officelitesite .contentLiExplo .petitcarrecliquable{
    position: relative;
    margin: 0px 0px 0px 2px;
	background-color:transparent;
}
.officelitesite .explorateur .petitcarrecliquable::before, .officelitesite .explorateur .petitcarrecliquable::after {
	display:none;
}
.officelitesite .deploye .iconflechmask{
    -webkit-mask: url(../Images/iconesBoutons/flechehaut.svg) no-repeat center /100% 100%;
    mask: url(../Images/iconesBoutons/flechehaut.svg) no-repeat center /100% 100%;
}
.officelitesite .contracte .iconflechmask{
    -webkit-mask: url(../Images/iconesBoutons/flechebas.svg) no-repeat center /100% 100%;
    mask: url(../Images/iconesBoutons/flechebas.svg) no-repeat center /100% 100%;
}
.officelitesite .petitcarrecliquable .newiconfleche{
    background-color: #CBD5E1;
}
.officelitesite .petitcarrecliquable:hover .newiconfleche{
    background-color: #8C9CB2;
}

/* ------------------* Fin Modification / Explorer *------------------ */

/* ------------------*     Personnalisation FP     *------------------ */

.officelitesite .form .blocchamp .champ input[type=text]:disabled, .officelitesite .form .blocchamp .champ input[type=password]:disabled, .officelitesite .form .blocchamp .champ textarea:disabled, .officelitesite .container.disabled, .officelitesite .blocradio.disabled, .officelitesite .select.disabled, .officelitesite .sfl.enliste td.disabled, .officelitesite .ssfl.enliste td.disabled, .officelitesite .ssaccordeon.disabled, .officelitesite .sflspec.enliste td.disabled, .officelitesite .ssfl.enliste td.disabled{
    background-color: #F1F5F9;
    color: #8C9CB2;
}
.officelitesite .form .blocchamp .champ input[type=text], .officelitesite .form .blocchamp .champ input[type=password], .officelitesite .form .blocchamp .champ textarea, .officelitesite .form .blocchamp div.looktextarea, .officelitesite .qurQurTextarea{
    border: 1px solid #E2E8F0;
    font: 400 14px/24px 'Inter';
    color: #64748B;
    border-radius: 8px;
}
.officelitesite .form .blocchamp .champ input[type=text], .officelitesite .form .blocchamp .champ input[type=password], .officelitesite .form .blocchamp .champ textarea, .officelitesite .qurQurTextarea{
    padding: 5px 10px 5px 10px !important;
}
.officelitesite .form .blocchamp .champ input[type=text]:focus, .officelitesite .form .blocchamp .champ input[type=password]:focus, .officelitesite .form .blocchamp .champ textarea:focus, .officelitesite .qurQurTextarea:focus{
    padding: 5px 10px 5px 10px !important;
}
.officelitesite .form .blocchamp .champ.tier input[type=text]{

}
.officelitesite .form .blocchamp.avecbouton .champ input[type=text], .officelitesite .form .blocchamp.avecbouton .champ textarea, .officelitesite .qurQurTextarea{
    padding-right: 30px !important;
}
.officelitesite .form .blocchamp .boutons, .officelitesite .errormessage .champ .boutons{
    background-color: #ffffff!important;
    width: 25px !important;
    height: 26px !important;
    top: 5px !important;
}
.officelitesite .form .blocchamp .libelle{
    font: 400 14px/16px 'Inter';
    color: var(--couleurLibelleBlocChamp);
}
.officelitesite .form .zg{
    margin-left: 62px; /*+54*/
}

.officelitesite .form .blocchamp{
    margin-left: 55px;
    margin-right: 0px;
}
.officelitesite .dialogueCustomHtmlContent .form .fullwidth .blocchamp.blocfroala{
    margin-left: 64px !important;
}
.officelitesite .dialogueCustomHtmlContent:not(.formSaveMailing, .editeurEnquete) .form .blocchamp:not(.blocfroala,.fullwidth){
    margin-left: 64px !important;
    margin-right: 0px !important;
}
.officelitesite .ajoutCodePostal .blocchamp, .officelitesite .enuUtiAjouter .blocchamp, .officelitesite .enuUtiModifier .blocchamp, .officelitesite .formEnvoiDisponibiliteReu .blocchamp, .officelitesite .formAjoutFicheRemplacement .blocchamp, .officelitesite .formGenererMailing .blocchamp, .officelitesite .formTesterMailing .blocchamp, .officelitesite .diaSignerDocument .blocchamp, .officelitesite .ajouterFicheLieu .blocchamp{
    margin-left: 208px !important;
    margin-right: 30px !important;
}
.officelitesite .formSaveMailing .blocchamp{
    margin-left: 288px !important;
    margin-right: 38px !important;
}
.officelitesite .dialogueCustomHtmlContent.editeurEnquete .blocchamp{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.officelitesite .formSaveMailing .formGenererMai .blocchamp .libelle{
    display: none;
}
.officelitesite .dialogueCustomHtmlContent .containerradio, .officelitesite .dialogueCustomHtmlContent .container{
    border-radius: 8px !important;
    color: #64748B !important;
    padding: 7px 5px 6px 35px !important;
    font: 460 14.5px/18px 'Inter' !important;
}
.officelitesite .dialogueCustomHtmlContent .form .blocchamp.blocfroala{
    margin-left: 0px;
}
.officelitesite .form .zg .libelle {
    color: var(--couleurLibelleBlocChamp) !important;
    font: 500 15px/27px 'Inter';
}
.officelitesite .form .zg .ligne{
    height: 1px;
    background-color: #E2E8F0;
    opacity: 0.5;
    margin-top: 25px;
    width: 460px;
}
.officelitesite .fullscreen .form .zg .ligne{
    width: 100%;
}
.officelitesite .form .zg .libelle::before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 12px;
    border: 1px solid #64748B;
    position: absolute;
    margin: 7px 0px 0px -25px;
}
.officelitesite select, .officelitesite .errormessage select{
    border-radius: 8px;
    font: 400 14px/24px 'Inter';
    cursor: pointer;
}
.officelitesite select{
    padding: 3px 30px 5px 10px !important;
}
.officelitesite .champselect::after{
    top: 8px;
}
.officelitesite.chrome select{
    padding: 5px 30px 5px 10px !important;
}
.officelitesite.chrome .champselect::after{
    top: 10px;
}
.officelitesite .champselect::after {
    border: solid var(--couleurBouton);
    border-width: 0 2px 2px 0;
}
.officelitesite.chrome select:focus{
    padding: 4px 30px 4px 9px !important;
}
.officelitesite .blocradio {
    border-radius: 8px;
}
.officelitesite .blocchamp .container, .officelitesite .blocchamp .containerradio, .officelitesite .blocchamp .containercouleur{
    border-radius: 8px;
    font: 460 14.5px/18px 'Inter';
    color: #64748B;
    padding: 7px 5px 6px 35px;
}
.officelitesite th .container, .officelitesite td .container{
    padding: 0px 0px 0px 0px;;
}
.officelitesite .blocenglobcaseacocher:not(.blocenglobcaseacocher2){
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    margin-left: 210px;
}
.officelitesite .blocchamp .champ .container.focus{
    padding: 6px 4px 5px 34px;
}
.officelitesite .blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp .champ .container.focus{
    padding: 7px 1px 6px 35px !important;
}

/* ------------------*  FIN Personnalisation FP  *------------------ */
/* ------------------*  SFL / SSFL  *------------------ */
.officelitesite .sfl table, .officelitesite .ssfl table, .officelitesite .sflPtOrdre, .officelitesite .sflspec table{
    border: none;
}
.officelitesite .trentete{
    border-radius: 8px;
}
.officelitesite .sfl table tr:first-child th:first-child, .officelitesite .ssfl table tr:first-child th:first-child{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.officelitesite .sfl table tr:first-child th:last-child, .officelitesite .ssfl table tr:first-child th:last-child, .officelitesite .sflspec table tr:first-child th:last-child{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.officelitesite .sfl table tr th, .officelitesite .sfl.enliste table tr td.tdremplissage, .officelitesite .ssfl table tr th, .officelitesite .ssfl.enliste table tr td.tdremplissage, .officelitesite .sflspec table tr th, .officelitesite .sflspec.enliste table tr td.tdremplissage{
    background-color: #F1F5F9 !important;
    color: #64748B !important;
    font: 400 15px/24px 'Inter';
}
.officelitesite .form .ssaccordeon{
    background-color: #f5f5f5;
    font: 400 15px/24px 'Inter' !important;
    padding: 7px 60px 7px 38px !important;
}
.officelitesite .ssaccordeon .devboulelite, .officelitesite .ssaccordeon .newiconfleche{
    background: #f29856;
}
.officelitesite .dialogueCustomHtmlContent .ssaccordeon .devboulelite {
    position: relative;
    display: inline-block;
    margin-bottom: 1px;
    margin-right: 13px;
}
.officelitesite .devboule{
    z-index: 9999;
}
.officelitesite .zg .devboule{
    margin: 3px 0px 0px -27px;
}
.officelitesite .ssaccordeon:hover{
    background: #f5f1ed;
}
.officelitesite .accordeon:hover{
    background-color: var(--couleurBlocAccordeonHover);
}
.officelitesite .sfl table tr th, .officelitesite .ssfl table tr th{
    height: 40px;
}
.officelitesite .textseul{
    color: #64748B !important;
    font: 400 15px/24px 'Inter';
}
.officelitesite .fl table tr td, .officelitesite .sfl:not(.enliste) table tr td, .officelitesite .ssfl:not(.enliste) table tr td{
    border-bottom: thin solid #E2E8F0;
}
.officelitesite .checkmark{
    border: 1px solid #E2E8F0;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 0px rgb(0 0 0 / 10%);
}
.officelitesite .form .blocchamp.fullwidth .champ textarea, .officelitesite .form .blocchamp.fullwidth div.looktextarea {
    width: calc(100% - 44px - 2px);
}
.officelitesite .sfl.enliste table tr th, .officelitesite .ssfl.enliste table tr th{
    border: none;
    border-radius: 0px;
    padding: 0px 10px 0px 10px;
}
.officelitesite .sfl.enliste table tr td:first-child, .officelitesite .sfl.enliste td.tdsflcheckbox, .officelitesite .ssfl.enliste table tr td:first-child, .officelitesite .ssfl.enliste td.tdsflcheckbox{
    border: none;
}
.officelitesite .sfl.enliste table, .officelitesite .ssfl.enliste table, .officelitesite .sflspec.enliste table{
    margin-left: 0px;
    margin-top: 0px;
    -webkit-border-horizontal-spacing: 0px;
    border-spacing: 0px 10px;
}
.officelitesite .sfl.enliste table tr td, .officelitesite .ssfl.enliste table tr td, .officelitesite .sflspec.enliste table tr td{
    padding: 0px 5px 0px 5px !important;
}
.officelitesite .sfl.enliste:not(.disInvExplo,.sfl-EtaSes-Ses) table tr:hover td:not(.tdsflcheckbox), .officelitesite .ssfl.enliste table tr:hover td:not(.tdsflcheckbox){ /*.jstree-default .jstree-clicked, .jstree-default .jstree-wholerow-clicked, .jstree-default .jstree-wholerow-hovered*/
    background: transparent; 
}
.officelitesite .sfl.enliste table tr th:first-child, .officelitesite .ssfl.enliste table tr th:first-child{
    padding: 0px 20px 0px 21px !important;
}
.officelitesite #chercherChampLie .fl table.thead{
    /*padding: 16px 12px 0px 20px;*/
    width: calc(100% - 60px) !important;
}
.officelitesite #chercherChampLie .fl table.thead.theadPlusGrand{
    padding: 16px 16px 0px 16px;
    width: 100% !important;
}
.officelitesite .spanDetailFiche {
    color: #8C9CB2;
    font: 400 14px/18px 'Inter';
    padding-left: 32px;
    display: flex;
}
.officelitesite .spanDetailFiche span{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 140px;
    padding: 0px 2px 0px 2px;
    transition: 0.3s;
}
.officelitesite .zonefenetre.fullscreen .spanDetailFiche span{
    max-width: 245px;
    transition: 0.3s;
}
.officelitesite .spanDetailFiche span.courantSpan{
    color: #3581B8;
    font: 500 14px/18px 'Inter';
}
.officelitesite .zonefenetre:not(.fullscreen) .spanDetailFiche span.superreduit{
    max-width: 49px;
}
.officelitesite .spanDetailFiche .flecheDroite{
    position: relative;
    width: 20px;
    height: 20px;
    background-color: transparent;
    margin-top: -1px;
}
.officelitesite .spanDetailFiche .flecheDroite .iconFleche{
    -webkit-mask: url(../Images/iconesBoutons/flechehaut.svg) no-repeat center /100% 100%;
    mask: url(../Images/iconesBoutons/flechehaut.svg) no-repeat center /100% 100%;
    background-color: #CBD5E1;
    width: 100%;
    height: 100%;
    position: relative;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}
.officelitesite .form .accordeoncontent .sfletboutons, .officelitesite .form .accordeoncontent .ssfletboutons{
    display: flex;
    flex-direction: column-reverse;
}
.officelitesite .containerradio .checkmark:after, .officelitesite .containercouleur .checkmark:after {background: var(--couleurBouton);}
.officelitesite .colonneRecherchecontent input[type=text].multicritere:focus + .officelitesite .placeholder, .officelitesite .colonneRecherchecontent input[type=text].multicritere.nonvide + .officelitesite .placeholder{color: var(--couleurBouton);}
.officelitesite .container input:checked ~ .checkmark {background-color: var(--couleurBouton);border:1px solid var(--couleurBouton);} 
.officelitesite .containerradio input:checked ~ .checkmark:after {background-color:var(--couleurBouton);}
.officelitesite .sfl.enliste .container {
    border: 0px;
    width: 16px;
    height: 16px;
    padding: 0px;
    margin-top: 2px;
}
.officelitesite .forceLeftTB{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.officelitesite .form .fullwidth .blocchamp.blocfroala {
    padding-right: 22px;
}
.officelitesite .sfl.enliste .blocchamp .champ .container.focus{
    padding: 0px;
}
.officelitesite .categofficelite{
    cursor: pointer;
}

.officelitesite .colonneRecherchecontent .champcotiofficelite .hierarchiescrollcoti {
    overflow: auto;
    margin-top: 42px;
    display: none;
    position: absolute;
    width: 280px;
    height: 40vh;
    top: 0px;
    transition: 0.3s;
    animation: fadeInGen 0.3s;
    background-color: #F6FAFD;
    cursor: default;
    z-index: 99999;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    padding: 8px;
}


.officelitesite .colonneRecherchecontent .champcategofficelite .hierarchiescroll {
    overflow: auto;
    margin-top: 42px;
    display: none;
    position: absolute;
    width: 280px;
    height: 40vh;
    top: 0px;
    transition: 0.3s;
    animation: fadeInGen 0.3s;
    background-color: #F6FAFD;
    cursor: default;
    z-index: 99999;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    padding: 8px;
}
.officelitesite .sfl:not(.disInvExplo,.sfl-EtaSes-Ses) table tr:hover td:not(.disabled), .officelitesite .ssfl table tr:hover td:not(.disabled) {
    background: transparent;
}
.officelitesite .styleLabelMessage, .officelitesite .texte{
    font: 400 14px/16px 'Inter';
    color: #64748B;
}
.officelitesite .iconDansFormListe{
    padding: 5px 5px 5px 5px !important;
}
.officelitesite .flWaiter{ /* Ceci règle un problème d'affichage bleu avant le chargement dans le FL*/
    border-top-color: #FFFFFF;
}
.officelitesite .enteteform{ /* Ceci règle un problème d'affichage bleu avant le chargement dans l'explorateur*/
    background-color: #FFFFFF00;
}
/*.officelitesite #tableauSousEvenementsAtv input.inputChampLie{
    padding: 3px 30px 4px 10px !important;
}
.officelitesite #tableauSousEvenementsAtv .contentlignepto:not(.bordureRouge) input.inputChampLie{
    padding: 3px 30px 4px 10px !important;
}
.officelitesite #tableauSousEvenementsAtv .contentlignepto:not(.bordureRouge) .focus input.inputChampLie{
    padding: 4px 30px 5px 10px !important;
}
.officelitesite #tableauSousEvenementsAtv .contentlignepto:not(.bordureRouge) .focus input.inputChampLie:focus {
    padding: 3px 30px 4px 10px !important;
}*/

.officelitesite .errorbloc .errormessage.dialogueInfosCustom{
    padding: 0px !important;
}
.officelitesite .dialogueCustomHtmlContent.envoyerEmailFac .form .zgcontent .blocchamp, .officelitesite .froalaTesterEmail .form .fullwidth .blocchamp.blocfroala{
    margin-left: 64px !important
}
.officelitesite .dialogueCustomHtmlContent .form .blocchamp.fullwidth .champ textarea {
    width: calc(100% - 20px - 2px);
}
.officelitesite #froalaTesterEmail .form .zg{
    margin-left: 62px !important;
}
.officelitesite .blocEnvoyerEmail_Objet .champ input[type=text]{
    max-width: 100% !important;
    width: calc(100% - 52px) !important;
}
.officelitesite .formcontent #formFP .zgcontent{
    /*width: 600px; /*AVANT 520px*/
}
.officelitesite .zgcontent.fullwidth {
    width: auto !important;
    break-inside: auto;
    display: block;
}
.connexion .officeweblite .div-user::before, .connexion .officeweblite .div-password::before{
    background-color: #ffffff00 !important;
}


.officelitesite #chercherChampLie .fonctionsbascontainer .elementToutes {
    background-color: #FFF !important;
}
.officelitesite #chercherChampLie .fonctionsbascontainer .elementToutes .libelle{
    color: var(--couleurBouton) !important;
	font: 500 14px/24px 'Inter' !important;
}

.bandeauaffiche.officelitesite .blocStats.blocStatNb4 .blocCardStat{
    padding: 8px 20px 8px 20px !important;
}
.bandeauaffiche.officelitesite .blocStats.blocStatNb4{
    padding: 10px 20px 12px 20px !important;
}
.bandeauaffiche.officelitesite .blocStats.blocStatNb4 .titreBlocStat{
    margin-bottom: 4px !important;
}

.boutonHautBasPageOWL {
	display: none;
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: calc(20vh - 25px);
    right: 25px;
    background-size: cover;
    /* background-image: url(../Images/NavHaut.png); */
    z-index: 10000000;
    border-radius: 25px;
    background-color: #5da7db;
    background-size: 20px, 20px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat, no-repeat;
    cursor: pointer;
}
.boutonHautBasPageOWL:not(.boutonHaut){
	background-image: url(../Images/officeweblite/NavBasBlanc.png), url(../Images/officeweblite/NavBasBlanc.png);
	background-position: 15px 17px, 15px 24px;
}
.boutonHautBasPageOWL.boutonHaut{
	background-image: url(../Images/officeweblite/NavHautBlanc.png), url(../Images/officeweblite/NavHautBlanc.png);
	background-position: 15px 13px, 15px 20px;
}

.officeweblite #menucolonnefl.menucontextuel{
    border-radius: 8px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 12px 32px rgba(0, 0, 0, 0.08);
}