:root {
	--largeurnewcolcontenu: 224px;
	--largeur-colonnegauche: 230px;
	--largeur-colonnegaucheferme: 60px;
	--largeur-FLreduit: 100px;
	--largeur-colonnerech: 300px;
	--largeur-colonnerechlarge: 600px;
	--largeur-FPreduit: 100px;
	--couleurIcone: "bleu";
	--ptoIdentation: 45px;
	--regLigIdentation: 25px;
	--main-bg-color: #8e9abd;
	--color-logo: #d07349;
	--height-blocconnexion-logo: 130px;
	--color-accordeon: #ffffff;
	--color-accordeon-clair: #e5f0fc;
	--height-entete: 100px;
	--color-theme-menu: #ffffff; /* Couleur des icones des thèmes du menu de gauche */
	--color-theme-entete: #ffffff; /* Couleur des icones de thème dans l'entete*/
	--largeurcolreduiteRech: 45px;
	--largeurcolreduiteFL: 45px;
	--largeurcolreduiteFP: 45px;
	--colorprincipale05: #588ab9; /*bg menu + checkbox FL + titres accordeons et blocs + divers*/
	--heightbandeaushutdown: 100px;

	--vertorganon: #4fc14f;
	--jauneorganon: #efef06;
	--rougeorganon: #fd6767;
	--orangeorganon: #ff7f00;
	--bleuorganon: #2e81b9;
}

.hoverCursorPointer:hover {
	cursor: pointer;
}
.boutonsparam {
	position:absolute;
	right:10px;
	top:10px;
	display:flex;
	gap:10px;
}
.boutonsparam input{
	background-color:grey;
	border:0px;
	color:white;
	padding:10px;
	cursor:pointer;
	font-family:'source_sans_prosemibold';
	border-radius:7px;
}
.indicationdev {
	position: fixed;
	top: 2px;
	right: 130px;
	font-size: 12px;
	color: black;
	z-index: 50;
	background-color: white;
	padding: 3px 5px;
	border-radius: 5px;
}
.alertedansfp {
	background-color: #fd6767;
	padding: 15px 30px;
	margin-bottom: 20px;
	font-family: var(--font-familydefault);
	color: white;
	border-radius: 10px;
}
#blocs {
	height: 100%;
	width: calc(100% - 62px - 25px);
	display: flex;
	flex-direction: row;
	justify-content: flex-end;

	-moz-transition: width 0.5s ease;
	-webkit-transition: width 0.5s ease;
	-o-transition: width 0.5s ease;
	transition: width 0.5s ease;
}
#blocs.sansfonctionsdroite {
	width: calc(100% - 25px);
}
.fonctionouvert #blocs {
	width: calc(100% - 230px - 25px);
}

/*classes utilisées sur le TR du FL pour mettre en lumière certaines lignes*/

.RelFicheMembre td {color: #6a9b79 !important;}
.RelFicheMembrePlusVert td {color: #2DAE83 !important;}

.telecomsPerimes td {color: rgb(200, 200, 200) !important;}
.NonValide td {background-color: rgb(255, 241, 241) !important;}
.erreurExtFIN td {color:red !important;}
.PresentSurCarte td {background-color: rgb(233, 233, 233) !important;}
.visibilitedifz td {background-color: #ebebeb !important;}
.cloturerdifz td {background-color: #ebebeb !important;}
.visibilitedifz2 td {background-color: #f5f5f5 !important;opacity: 0.6;}
.secShtcut td,.secShtcutl {color: rgb(255, 130, 130) !important;}

.heightPdf {
	height: 120px;
}
.fl table.thead tr th.thcheckbox {
	position: absolute;
	z-index: 1;
	left: 0px;
	height: 55px;
	display: flex;
	align-items: center;
}
.exceptionCheckboxPosAbs .fl table.thead tr th.thcheckbox {
	position: relative;
	height: auto;
	display: table-cell;
}
.fl table.tbody tr {
	position: relative;
}
.fl table.tbody tr td.tdcheckbox {
	position: absolute;
	z-index: 1;
	left: 0px;
	height: calc(100% - 11px - 1px);
}
.exceptionCheckboxPosAbs .fl table.tbody tr td.tdcheckbox {
	position: relative;
	height: auto;
}
.IBAN {
	text-transform: uppercase;
}

.ui-widget-overlay {
	position: fixed;
	background: #91b8cf;
	opacity: 0.5;
	z-index: 1000;
}
.ui-dialog {
	z-index: 10000;
	box-shadow: 0px 0px 5px black;
	padding: 0px;
	background-color: white;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 0px;
	border: 0px;
	background-color: var(--main-bg-color);
	color: white;
	font-family: var(--font-familydefault);
	border-radius: 0px;
	padding: 10px 20px 10px 20px;
	text-transform: uppercase;
	font-weight: bold;

	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease; /* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
.ui-dialog .ui-dialog-buttonpane button:hover {
	background-color: #428bbc;
}
.errorbloc .errorfooter,
.fr-word-paste-modal-footer {
	background-color: #efefef;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.champLieRechEtFL {
	display: flex;
	height: calc(100% - 44px);
}
.errorbloc .errorfooter .left {
	font-family: var(--font-familydefault);
	font-weight: 500;
	font-size: 15px;
	padding: 0px 20px 0px 20px;
	color: #4e92c1;
	display: flex;
	align-items: center;
}
.errorbloc .errorboutons,
.fr-word-paste-modal .errorboutons {
	padding: 15px 20px 15px 20px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap:20px;
}
.fr-word-paste-modal-body .choix {
	padding-top: 12px;
}
.errorbloc .errorboutons .element,
.errorbloc .dialogueTitreRight .element,
.fr-word-paste-modal .errorboutons .element {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: flex-end;
	cursor: pointer;
}
.errorbloc .left .element {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	margin: 0px 22px 0px 0px;
	justify-content: flex-end;
	cursor: pointer;
}
.errorbloc .left .errorboutons .element {
	flex-direction: row;
	margin: 0px 22px 0px 0px;
}
.ui-widget.ui-widget-content {
	border: 0px;
	border-radius: 0px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.ui-widget.ui-widget-content:not(.zindexdial2, .zindexdial3, .zindexdial4) {
	z-index: 2147480000 !important;
}
.zindexdial4 {
	z-index: 2147480005 !important;
}
.zindexfond4 {
	z-index: 2147480004 !important;
}
.zindexdial3 {
	z-index: 2147480003 !important;
}
.zindexfond3 {
	z-index: 2147480002 !important;
}
.zindexdial2 {
	z-index: 2147480001 !important;
}
.zindexfond2 {
	z-index: 2147480000 !important;
}
.ui-widget.ui-widget-content.zindex999 {
	z-index: 999 !important;
}
.zindex998 {
	z-index: 998 !important;
}

.ui-widget-content {
	border: 0px;
	background-color: white;
}
.ui-dialog-titlebar,
.errorbloc {
	display: none;
}
.ui-dialog .ui-dialog-content {
	padding: 0px;
}
.ui-dialog .ui-dialog-buttonpane {
	margin: 0px;
	padding: 15px 20px 15px 20px;
	background-color: #efefef;
}
.errorbloc .errortitre {
	font-family: var(--font-familydefault);
	font-weight: 500;
	font-size: 16px;
	color: white;
	background-color: var(--main-bg-color);
	padding: 18px 30px 18px 30px;
}
#thermoBarConteneur,
.thermoBarConteneur {
	border: 1px solid #efefef;
}
#thermoBar,
.thermoBar {
	width: 1%;
	height: 30px;
	background-color: #a9e0ab;
	-moz-transition: width 0.2s ease;
	-webkit-transition: width 0.2s ease; /* WebKit */
	-o-transition: width 0.2s ease; /* Opera */
	transition: width 0.2s ease; /* Standard */
}
.thermoBarConteneur.secondaire #thermoBar,.thermoBarConteneur.secondaire .thermoBar {
	background-color: lightgrey;
}
#thermoProgression,
#thermoPourcentage {
	color: #4e92c1;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
	width: 450px;
}
#thermoProgression {
	padding-top: 15px;
}
#thermoPourcentage {
	position: absolute;
	top: 90px;
}

.thermoExplPourcentage {
	/* Thermo explorer */
	position: relative;
	top: -27px;
	width: 100%;
	font-weight: 500;
	text-align: center;
	font-family: "source_sans_proregular";
	font-size: 16px;
	color: #7d7d7d;
}

.errorbloc .errormessage {
	padding: 20px 20px 20px 100px;
	min-height: 175px;
}
.errorbloc .errormessage.rechercheAvancee,
.errorbloc .errormessage.dialogueChoixCat {
	padding: 25px 25px 25px 25px;
	min-height: 425px;
}
.errorbloc .errormessage.dialogueChoixCat.nominheight {
	min-height: auto;
}
.errorbloc .errormessage.rechercheAvancee,
.errorbloc .errormessage.dialogueChoixCat {
	height: calc(100% - 50px - 56px - 58px); /* moins padding moins hauteur de l'entête moins hauteur du footer */
}
.errorbloc .errormessage.connexionGestionDoc,
.errorbloc .errormessage.instructionsConnexion {
	padding: 20px 25px 20px 25px;
}
.errorbloc .errormessage.connexionGestionDoc .message { /*connexionGestionDoc n'est pas utilisé que pour la gestion documentaire malheureusement... aussi dans le point info*/
  text-align: center;
}
.errorbloc .errormessage.connexionGestionDoc .message.messageDMS {
  text-align: left;
}
.errorbloc .errormessage.connexionGestionDoc .messageDMS ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.errorbloc .errormessage.connexionGestionDoc .messageDMS ul li {
	position: relative;
	padding-left: 18px;
	margin-top:18px;
}
.errorbloc .errormessage.connexionGestionDoc .messageDMS ul li::before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 12px;
	background-color: #4e92c1;
	position: absolute;
	margin: 8px 0px 0px -17px;
}
.errorbloc .errormessage.thermometre {
	min-height: auto;
	padding: 25px 25px 15px 25px;
}
.errorbloc .errormessage .message {
	margin-top: 28px;
	margin-bottom: 28px;
	font-family: var(--font-familydefault);
	font-weight: 500;
	font-size: 15px;
	color: #4e92c1;
	max-height:600px; /*BV:rajouté dans dev 10469, sans conséquence pour les messages classiques a priori*/
	overflow:auto; /*BV:rajouté dans dev 10469, sans conséquence pour les messages classiques a priori*/
}
.errorbloc .errormessage.connexionGestionDoc .message {
	/*text-align: center;*/
}
.errorbloc .errormessage .icone {
	position: absolute;
	background-color: #f4f4f4;
	border-radius: 27px;
	background-repeat: no-repeat;
	width: 58px;
	height: 63px;
	margin-left: -79px;
	background-position: center top 12px;
}
.errorbloc .errormessage .choix {
	margin-top: 15px;
	max-height: 70vh;
	overflow-y: scroll;
}
/*.errorbloc .errormessage table.choix {
	border-collapse:collapse;
	margin-top:15px;
}
.errorbloc .errormessage table.choix tr td {padding:2px 15px 2px 0px;vertical-align:top;}
.errorbloc .errormessage table.choix tr td span {margin-top:2px;}
.errorbloc .errormessage table.choix tr td label {
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}*/
html {
	height: 100%;
	margin: 0px;
	overflow: hidden;
}
html.pagevide {
	overflow: auto;
	background-color: white;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
#site {
	height: 100%;
	display: flex;
	flex-direction: row;
	width: 100%;
}
.bandeauaffiche #site {
	height: calc(100% - 50px);
}
.withBandeauShutdown #site {
	height: calc(100% - var(--heightbandeaushutdown));
}
.withBandeauShutdown.bandeauaffiche #site {
	height: calc(100% - var(--heightbandeaushutdown) - 50px);
}

#colonnegauche {
	width: var(--largeur-colonnegauche);
	z-index: 300;

	-moz-transition: width 0.5s ease;
	-webkit-transition: width 0.5s ease;
	-o-transition: width 0.5s ease;
	transition: width 0.5s ease;
}
html.menuferme #colonnegauche {
	width: var(--largeur-colonnegaucheferme);
	min-width: var(--largeur-colonnegaucheferme);
	overflow: hidden;
}
#colonnegauche #menu {
	height: calc(100% - 48px);
	/*margin-top:100px;*/
	display: none;
}
#colonnegauche #menuenglobant {
	height: calc(100vh - 100px - 50px);
} /*100px = hauteur du logo*/
.bandeauaffiche #colonnegauche #menuenglobant {
	height: calc(100vh - 100px - 50px - 50px);
} /*100px = hauteur du logo*/
.withBandeauShutdown #colonnegauche #menuenglobant {
	height: calc(100vh - 100px - 50px - var(--heightbandeaushutdown));
} /*100px = hauteur du logo*/
.bandeauaffiche.withBandeauShutdown #colonnegauche #menuenglobant {
	height: calc(100vh - 100px - 50px - 50px - var(--heightbandeaushutdown));
} /*100px = hauteur du logo*/
#colonnegauche #logo {
	display: block;
	height: 100px;
	width: 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}
html.menuferme #colonnegauche #logo {
	background-position: center center;
}

.case-checked,
.case-checked-reverse {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 16px;
	width: 16px;
	background-size: 100%;
}
.case-checked.check,
.case-checked-reverse {
	background-image: url("../Images/checked.png");
}
.case-checked,
.case-checked-reverse.check {
	background-image: url("../Images/notchecked2.png");
}

#colonnegauche #byorganica {
	display: block;
	height: 50px;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url("../images/byorganica.png");
	background-position: center left 17px;
}
html.menuferme #colonnegauche #byorganica {
	background-image: url("../images/byorganica2.png");
	background-position: center center;
}
a {
	text-decoration: none;
}
*:focus {
	outline: none;
}
#menuenglobant .menu1,
#containermenu2 .menu2 {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center left 19px;
	background-size: 30px auto;
	position: relative;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease; /* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
	display: block;
	color: white;
	font-style: normal;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;

	line-height: 22px;
}
html.menuferme #menuenglobant .menu1 {
	background-position: center left 25px;
	background-size: auto auto;
}
#menuenglobant .menu1 {
	padding: 13px 30px 13px 60px;
}
#containermenu2 .menu2 {
	padding: 0px 0px 13px 0px;
}
#containermenu2 .menu2:last-child {
	padding: 0px 0px 0px 0px;
}
#menuenglobant .menu1.fermermenu {
	background-position: center left 25px;
	background-size: auto auto;
}
#menuenglobant .menu1container {
	position: relative;
	min-width: var(--largeur-colonnegauche);
}
#menuenglobant .menu1container .flechedroite {
	position: absolute;
	right: 15px;
	/*top:17px;*/
	top: calc(50% - 8px);
	width: 9px;
	height: 16px;
	background-image: url("../images/flechedroite.png");
	background-size: auto auto;
	background-repeat: no-repeat;
}
/*#menu .menu1container.lignedouble .flechedroite {
	top:27px;
}*/

#menuenglobant .menu1container.actif .menu1 {
	background-color: rgba(255, 255, 255, 0.15);
	border-left: 3px solid white;
	padding-left: 57px;
	background-position: center left 16px;
}
#menuenglobant .menu1container.actif .flechedroite {
	background-image: url("../images/flechedroite2.png");
}
#menuenglobant .menu1.hover {
	background-color: rgba(255, 255, 255, 0.1);
}
#containermenu2 .menu2:hover {
	text-decoration: underline;
}
#menuenglobant .menu1container.hover .flechedroite {
	background-image: url("../images/flechedroite2.png");
}

#menuenglobant .blocmenu2 {
	display: none;
}
#containermenu2 {
	padding: 14px 20px 14px 20px;
	display: none;
	z-index: 300;
	position: fixed;
	min-width: 200px;
	margin-left: var(--largeur-colonnegauche);
	-webkit-box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
html.menuferme #colonnegauche #menuenglobant .menu1container .flechedroite {
	display: none;
}
html.menuferme #containermenu2 {
	margin-left: var(--largeur-colonnegaucheferme);
}
#colonnedroite {
	position: relative;
	height: 100%;
	width: auto;
	flex-grow: 2;
}

.entete {
	background-position: bottom left;
	background-size: cover;
	height: var(--height-entete);
	width: calc(100%);
	z-index: 50;
}
#chercherChampLie .entete {
	width: 100%;
	position: relative;
}
html.menuferme #colonnedroite .entete {
	width: 100%;
}

#chercherChampLie .entete {
	width: 100%;
	position: relative;
}
#chercherChampLie2 .entete {
	width: 100%;
	position: relative;
}
.entete .logo {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: cover;
	margin-right: 15px;
}
.entete .titretable.separateur {
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid var(--color-theme-entete);
}
.entete .titretable.newSeparateur {
	padding-right: 30px;
}
.entete .newNbEnregsTab {
	z-index: 1;
	background-color: var(--color-fondbtnentete); /*var(--main-bg-color)*/
	opacity: 1;
	padding: 3px 10px 5px 10px;
	border-radius: 8px;
	color: var(--color-btnentete) !important; /*#ffffff*/
	display: flex;
	cursor: pointer;
	transition: all 0.6s;
	margin-right: 10px;
	margin-top: 5.5px;
}
.entete .newNbEnregsTab .nbenrengs {
	margin-top: 0px !important;
	color: var(--color-btnentete) !important; /*#ffffff*/
	font-size: 16px !important;
	min-width: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.entete .newNbEnregsTab:hover {
	opacity: 1;
}
/*.affDiaFloCESW, .diaFloCESW {
	color: #636465;
}
.affDiaFloECCA, .diaFloECCA {
	color: #6d6f71;
}*/

.entete .nouveautes,
.entete .langues {
	border-right: 1px solid var(--color-theme-entete);
	text-align: right;
	padding-right: 20px;
	margin-right: 20px;
	height: 30px;
}
.entete .autrequeprojettache,
.entete .affichagecolonnes {
	border-left: 1px solid var(--color-theme-entete);
	text-align: right;
	padding-left: 20px;
	margin-left: 20px;
	height: 30px;
}
.entete .langues {
	display: flex;
	align-items: center;
}
.entete .nouveautes .newFondIconeEntete {
	margin-right: 0px;
}
.entete .nomprenom a.langmenu,
.entete .langues a.langmenu {
	font-family: "source_sans_proregular", sans-serif;
	opacity: 0.6;
}
.entete .clientsdev {
	display: none;
}
.entete .clientsdev select {
	font-size: 15px;
	width: auto;
	color: white;
}
.entete .nomprenom a.logout,
.entete .langues a.logout {
	font-size: 12px;
}
.entete .nomprenom a,
.entete .langues a {
	color: var(--color-btnentete);
}
.entete .nomprenom a:hover,
.entete .langues a:hover {
	text-decoration: underline;
}
.entete .left {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px 0px 0px 25px;
	height: 100%;
}
.entete .right {
	float: right;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px 25px 0px 0px;
	height: 100%;
}
.entete .right .droitenomprenom,
.entete .right .autrequeprojettache,
.entete .right .affichagecolonnes {
	display: flex;
	flex-direction: row;
}
.entete .right .affichagecolonnes,
.entete .right .autrequeprojettache {
	gap: 8px;
}
.entete .boutonrond,
.enteteform .boutonrond,
.elementsfl .boutonrond {
	display: block;
	background-repeat: no-repeat;
	background-color: white;
	background-position: center center;
	width: 28px;
	height: 30px;
	border-radius: 13px;
	cursor: pointer;
}
/*.entete .alert,.entete .cloche,.entete .interfaces,.entete .importer,.entete .mesDocuments {margin-right:12px;}*/
/*.entete .alert {background-position:top 6px center;}*/

.entete .boutonrond .nb,
.actionUWE .type .nb {
	width: 17px;
	height: 16px;
	padding: 1px 0px 0px 0px;
	position: absolute;
	border-radius: 10px;
	background-color: #4f4f4f;
	color: white;
	text-align: center;
	margin: -8px 0px 0px 17px;
	font-family: "source_sans_prosemibold";
	font-weight: 500;
	font-size: 11px;

	-webkit-animation: 1s linear 0s 5 alternate move_eye;
	animation: 1s linear 0s 5 alternate move_eye;
}
.actionUWE .type .nb {
	right: -6px;
	-webkit-animation: none;
	animation: none;
}
@-webkit-keyframes move_eye {
	from {
		background-color: red;
		width: 17px;
		height: 16px;
	}
	to {
		background-color: #4f4f4f;
		width: 17px;
		height: 16px;
	}
}
@keyframes move_eye {
	from {
		background-color: red;
		width: 17px;
		height: 16px;
	}
	to {
		background-color: #4f4f4f;
		width: 17px;
		height: 16px;
	}
}
.entete .boutonrond.mesDocuments .nb {
	background-color: #ff7f00;
}

.radius.actif .loupe {
	background-image: url("../images/loupe.png");
}
.radius.actif .doc {
	background-image: url("../images/doc.png");
}
.radius.actif .liste {
	background-image: url("../images/liste.png");
}
.radius.actif .large {
	background-image: url("../images/iconesBoutons/blanc/fullscreen.png");
}
.eye_hiddeno {
	content: url("../Images/oeil1.png");
	width: 18px;
}
.eye_visibleo {
	content: url("../Images/oeil2.png");
	width: 18px;
}
.iconeye {
	margin-top: 5.5px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}

.iconMenuPass {
	position: absolute;
	text-align: center;
	right: 27px;
	margin-top: -45px;
	width: 30px;
	height: 27px;
}
.iconMenuPass:hover,
.iconMenuPass:active {
	cursor: pointer;
}
.radius {
	border-radius: 13px;
	height: 30px;
	padding: 1px;
	padding-right: 20px;
	padding-left: 0px;

	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5 ease; /* WebKit */
	-o-transition: all 0.5 ease; /* Opera */
	transition: all 0.5 ease; /* Standard */
}
.radius.actif {
	padding-left: 20px;
	padding-right: 0px;
}

.radius a {
	background-color: white;

	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease; /* WebKit */
	-o-transition: all 0.5s ease; /* Opera */
	transition: all 0.5s ease; /* Standard */
}
/*--- GOOGLE MAP ---*/
.containerCarte {
	width: 100%;
	height: 460px !important;
}
.carteGoogle {
	height: calc(100% + 30px) !important;
	top: 0px;
}
.gm-style-cc {
	display: none !important;
}
.gm-style a[rel="noopener"] {
	display: none !important;
}
.gm-style-pbc {
	display: none !important;
}

/*--- FIN GMAP ---*/
.entete .search {
	border-radius: 13px;
	display: block;
	background-image: url("../images/loupepetit.png");
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-position: right 15px center;
	color: white;
	border: 0px;
	padding: 0px 35px 0px 15px;
	height: 32px;
	margin-right: 25px;
	width: 130px;
}
.entete .search::placeholder {
	opacity: 1;
}
#corps {
	padding: 25px 0px 0px 0px;
	position: relative;
	height: calc(100% - var(--height-entete) - 25px);
	position: relative;

	overflow: hidden;
	width: 100%;

	-moz-transition: padding-right 0.8s ease;
	-webkit-transition: padding-right 0.8s ease; /* WebKit */
	-o-transition: padding-right 0.8s ease; /* Opera */
	transition: padding-right 0.8s ease; /* Standard */
}
#blocsetfontions {
	position: absolute;
	display: flex;
	flex-direction: row-reverse;
	width: calc(100%);
	right: 0;
	height: calc(100% - 25px);
}
#DragNDrop {
	font-family: var(--font-familydefault);
	z-index: 10000000000000000;
	position: fixed;
	padding: 0;
	margin: 0;
	text-align: center;
	color: black;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #caeeff;
	opacity: 0.8;
	color: black;
	font-size: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#dragDropPourcent {
	font-size: 40px;
}
#DragNDrop.hidden {
	display: none;
}
.specMargBottom0 {
	margin-bottom: 0px !important;
}

#docLieVoileDragDrop.hidden {
	display: none;
}
#closeDragNDrop {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 999;
}
.universel_element .element .icone {
	display: block;
	background-color: rgba(255, 255, 255, 0);
	width: 32px;
	min-width: 32px;
	height: 35px;
	/* cursor: pointer; */
	background-position: center center;
	background-repeat: no-repeat;
	/* background-size: 50% auto; */
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
#closeDragNDrop .element .icone {
	margin: 10px 10px 0px 0px;
	float: right;
	cursor: pointer;
	position: relative;
}

.blocconnexion .contentform {
	padding: 25px 25px 25px 25px;
}
.blocconnexion .logUser,
.blocconnexion .logPassword {
	display: block;
	font-weight: 500;
	font-style: normal;
	color: #727272;
	border-radius: 6px;
	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: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease; /* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */

	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
}

.connexion .div-user::before,
.connexion .div-password::before {
	content: " ";
	display: block;
	width: 28px;
	height: 28px;
	margin-top: 4px;
	background-color: var(--color-iconconnexion);
	position: absolute;
}
.connexion .div-user::before {
	-webkit-mask: url("../Images/iconesBoutons/login.svg") no-repeat 3px center / 90% 70%;
	mask: url("../Images/iconesBoutons/login.svg") no-repeat 3px center / 90% 70%;
}
.connexion .div-password::before {
	-webkit-mask: url("../Images/iconesBoutons/cloturer.svg") no-repeat 3px center / 90% 70%;
	mask: url("../Images/iconesBoutons/cloturer.svg") no-repeat 3px center / 90% 70%;
}

.blocconnexion .logPassword.avecoeil {
	width: calc(100% - 38px - 25px); /*à cause de l'oeil*/
}
input {
	filter: none;
}
.blocconnexion,
.blocdoodle {
	position: absolute;
	background-color: white;
	width: 320px;
	margin: auto;
	z-index: 10;
	left: calc(50% - 160px);
	top: calc(34% - var(--height-blocconnexion-logo));
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}
.blocdoodle {
	text-align: center;
	width: 700px;
	left: calc(50% - 350px);
	height: calc(100% - calc(34% - var(--height-blocconnexion-logo)) - 100px);
}
.blocconnexion.larger {
	width: 420px;
	left: calc(50% - 210px);
}
.blocconnexion .logUser:focus,
.blocconnexion .logPassword:focus {
	background-color: #f3f9fb !important;
}

.blocconnexion input[type="submit"] {
	display: block;
	color: white;
	width: 100%;
	border: 0px;
	height: 40px;
	margin: 0px;
	cursor: pointer;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease; /* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}

.maclasse {
	height: 300px !important;
}
.blocconnexion input[type="submit"]:focus {
	outline: none;
}
.blocconnexion input[type="submit"]::-moz-focus-inner {
	border: 0;
}

/*.blocconnexion .rememberme {
	margin-bottom:13px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content: center;
}
.blocconnexion label {
	cursor:pointer;
	padding-left:12px;
}*/
/*
.blocconnexion table {
	margin-top:5px;
	border-collapse:collapse;
	margin-bottom:25px;
	width:100%;
}

.blocconnexion table .tdcheckbox{padding-left:6px;padding-top:1px;}
.blocconnexion table .tdforgotpassword{text-align:right;}

.blocconnexion table .tdforgotpassword a:hover {
	text-decoration:underline;
}*/
.blocconnexion .errormessage,
.blocconnexion .message {
	color: red;
	font-size: 14px;
	font-family: var(--font-familydefault);
	font-weight: 500;
	padding-top: 25px;
	text-align: center;
	letter-spacing: 0.5px;
}
.blocconnexion .message {
	color: #7d7d7d;
	padding-top: 0px;
}
.blocconnexion .errormessage a {
	display: block;
	padding: 5px;
	background-color: red;
	color: white;
	text-align: center;
	margin-top: 10px;
}
.blocconnexion .errormessage a.nonblock {
	display: inline;
	background-color:transparent;
	padding: unset;
	margin: auto;
	color:red;
}
.blocconnexion .message a {
	color: #7d7d7d;
}
.blocconnexion .message a:hover {
	text-decoration: underline;
}
.fonctionsbascontainer {
	/*overflow:auto;*/ /*BV : 23/02/21 : mise en commentaire dans le cadre des listes de diffusion*/
	/*display:flex;*/ /*BV : 23/02/21 : mise en commentaire dans le cadre des listes de diffusion*/
}
.sfletboutons .fonctionsbascontainer {
	/*margin: 11px 0px 11px 0px;*/ /*BV : 23/02/21 : mise en commentaire dans le cadre des listes de diffusion : ce margin top et bottom ne me semblent plus si nécessaires...*/
}
.fonctionsbas,
.fonctionsbas2 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0px 10px 0px 10px;
	height: 50px;
	max-height: 50px;
	min-width: min-content;
	width: calc(100% - 20px);
}
.sfletboutons .fonctionsbas {
	height: auto;
	max-height: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

.fonctionsbas.nopadding {
	padding: 0px;
}
.sfletboutons.enliste .fonctionsbas,
.ssfletboutons.enliste .fonctionsbas {
	padding: 0px 10px 0px 10px;
	/*height:auto;*/ /*BV : mis en commentaire le 08/01/2020*/
	width: calc(100% - 20px);
}
.sfletboutons.enliste .ptodocslies .fonctionsbas {
	padding: 0px;
	width: 100%;
	margin-top: 10px;
	height: auto;
}
.ptodocslies .fonctionsbas .element .libelle {
	font-size: 14px;
	padding: 0px;
}
.ptodocslies .fonctionsbas .element .icone {
	width: 20px;
	min-width: 20px;
	height: 20px;
}
.fonctionsbas .left,
.fonctionsbas .right,
.leftModifierVotants {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap:8px;
}
.sfletboutons .fonctionsbas .left, .fonctionsbas .right {
	flex-wrap: wrap;
	gap: 20px;
}
.mCustomScrollBox {
	width: 100%;
}
.mCSB_container_wrapper > .mCSB_container {
	padding-right: 0px;
}
.mCSB_container_wrapper {
	margin-right: 16px;
	margin-bottom: 20px;
}
.mCSB_inside > .mCSB_container {
	margin-right: 16px;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
	/*background-position: -96px -72px;*/
	background-position: -96px -74px;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
	/*background-position: -96px -92px;*/
	background-position: -96px -90px;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
	/*background-position: -100px -112px;*/
	background-position: -102px -112px;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
	/*background-position: -100px -128px;*/
	background-position: -98px -128px;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #e6e6e6;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #b0b0b0;
}
.mCSB_scrollTools .mCSB_draggerRail {
	border-radius: 5px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	/*bottom:2px;*/ /*bottom:1px;*/
	bottom: 0px;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
	display: none !important;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0px;
}
#fonctionsdroite {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 32px;
	height: calc(100vh - var(--height-entete) - 25px - 50px - 10px);
	overflow: hidden;
	padding: 10px 15px 0px 15px;

	-moz-transition: width 0.5s ease;
	-webkit-transition: width 0.5s ease; /* WebKit */
	-o-transition: width 0.5s ease; /* Opera */
	transition: width 0.5s ease; /* Standard */
}
/* Fonctions Droite SFL */
.newpaddingSfl {
	padding: 10px 0px 10px 10px !important;
}
.fonctionsdroite_sfl {
	padding-left: 10px;
}
.fonctionsdroite_sfl .element {
	cursor: pointer;
	margin: 0px 0px 5px 0px;
}
.fonctionsdroite_sfl {
	display: flex;
	flex-direction: column;
	/*justify-content: space-between;*/
}
.fonctionsdroitesfl .top,
.fonctionsdroitesfl .bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}
.fonctionsdroite_sfl .element .icone:hover {
	background-color: var(--color-logo) !important;
}
.fonctionsdroite_sfl .element .icone {
	display: block;
	background-color: white;
	width: 32px;
	min-width: 32px;
	height: 35px;
	border-radius: 13px;

	/*cursor:pointer;*/

	background-position: center center;
	background-repeat: no-repeat;
	/*background-size:50% auto;*/

	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease; /* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
.fonctionsdroite_sfl .element .icone.bleu {
	background-color: #a8cae0 !important;
	width: 24px !important;
	min-width: 24px !important;
	height: 26px !important;
}
.fonctionsdroite_sfl .element:hover .icone.bleu {
	background-color: #83b2d2 !important;
}
.fonctionsdroitsfl .element .icone.flechehaut {
	background-image: url("../images/haut.png");
}

.fonctionsdroitsfl .element .icone.flechebas {
	background-image: url("../images/bas.png");
}
.form .fonctionsdroite_sfl .element .icone {
	background-color: #f4f4f4;
}
.fonctionsdroite_sfl .element .icone {
	width: 26px;
	min-width: 26px;
	height: 28px;
}
/* FIN FONCTION DROITE SFL */

.pageaffichemodifajout #fonctionsdroite .fonctionsdroitetable,
.pageaffichemodifajout #fonctionsdroite .libelleFermerMenu {
	opacity: 0.6;
}
.bandeauaffiche #fonctionsdroite {
	height: calc(100vh - var(--height-entete) - 25px - 50px - 10px - 50px);
}
#fonctionsdroite .top,
#fonctionsdroite .bottom {
	display: flex;
	flex-direction: column;
}
html.fonctionouvert #fonctionsdroite {
	width: 200px;
}
#fonctionsdroite.ouvert {
	width: 200px;
}
#fonctionsdroite .element,
.fonctionsbascontainer .element,
.menucontextuel .element,
.enteteform .element,
.elementsfl .element {
	display: flex;
	flex-direction: row;
	cursor: pointer;
	align-items: center;
	justify-content: flex-end;
}
html.rechercheouvert .entete .affichagecolonnes .loupe {
	background-color: var(--color-boutonbasfondhover);
}
#flyoutcontent .element {
	display: flex;
	flex-direction: row;
	cursor: pointer;
	align-items: center;
	justify-content: flex-start;
}
#fonctionsdroite .element {
	/*background-color: rgba(255,255,255);
	border-radius: 15px / 17px;
  	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	display : MS aime pas alors on enlève le fond :-);*/
}
#fonctionsdroite .element,
#flyoutcontent .element {
	margin: 0px 0px 10px 0px;
}
.menucontextuel .element {
	justify-content: left;
	margin: 0px 0px 12px 0px;
}
.menucontextuel .element:last-child {
	margin: 0px 0px 0px 0px;
}
.fonctionsbascontainer .right .element {
	flex-direction: row-reverse;
}

#fonctionsdroite .element.navigation {
	margin-bottom: 10px;
}
#fonctionsdroite .element.navigation:last-child {
	margin-bottom: 0px;
}
.element.navigationinfo {
	margin-bottom: 10px;
	position: absolute;
	bottom: 3px;
	right: 15px;
	z-index: 2;
	cursor: pointer;
}
.element.navigationinfo:last-child {
	margin-bottom: 0px;
}
#fonctionsdroite .element .libelle,
.fonctionsbascontainer .element .libelle,
.menucontextuel .element .libelle,
.errorbloc .errorboutons .element .libelle {
	text-align: right;
	color: #808080;
	width: 150px;
	min-width: 150px;
	padding-right: 18px;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
.fonctionsbascontainer .right .element .libelle {
	text-align: right;
}
#fonctionsdroite .element .libelle {
	display: none;
}

#fonctionsdroite.ouvert .element .libelle {
	display: block;
}
html.fonctionouvert #fonctionsdroite .element .libelle {
	display: block;
}
#flyoutMenu .element .libelle {
	color: #a6a6a6;
	padding-right: 18px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
#flyoutMenu .element:hover .icone {
	color: white;
}
.elementsfl {
	position: absolute;
	z-index: 20;
	right: 0;
	padding: 0px 10px 0px 0px;
	height: 55px;
	background-color: var(--main-bg-color);
	display: flex;
	align-items: center;
}

.errorbloc .errorboutons .element .libelle,
.errorbloc .left .element .libelle,
.fr-word-paste-modal-footer .errorboutons .element .libelle {
	color: var(--color-logo);
	width: auto;
	min-width: auto;
}
.errorbloc .left .element .libelle {
	padding: 0px 0px 0px 10px;
}
.errorbloc .left .element .libelle.SauvegardeFichier {
	padding: 0px 10px 0px 10px;
}
.errorbloc .left .element .libelle.SauvegardeFichier a {
	color:var(--color-logo);
}
.errorbloc .errorboutons .element .libelle,
.errorbloc .dialogueTitreRight .element .libelle {
	padding: 0px 10px 0px 0px;
}
.errorbloc .left .errorboutons .element .libelle {
	padding: 0px 0px 0px 10px;
}
.menucontextuel .element .libelle {
	text-align: left;
	color: var(--color-logo);
	padding-left: 8px;
	padding-right: 0px;
	font-size: 12px;
	width: auto;
	min-width: auto;
}
.fonctionsbascontainer .element .libelle {
	text-align: left;
	width: auto;
	min-width: auto;
	color: var(--color-logo) !important;
	padding: 0px 0px 0px 8px;
}

.fonctionsbascontainer .element .libelle.selection {
	width: 65px;
	text-align: center;
	cursor: default;
}
.fonctionsbascontainer .element .libelle.nopaddingleft {
	padding: 0px 0px 0px 0px;
}
.fonctionsbascontainer .right .element .libelle {
	padding: 0px 8px 0px 0px;
}
#fonctionsdroite .element .libelle:hover,
.fonctionsbascontainer .element .libelle:hover {
	/*text-decoration:underline;*/
}
#fonctionsdroite .element .iconecontainer {
	width: 32px;
	min-width: 32px;
}
#fonctionsdroite .element .iconecontainer .icone {
	margin: auto;
}
#fonctionsdroite .element .icone,
.fonctionsbascontainer .element .icone,
.menucontextuel .element .icone,
.errorbloc .errorboutons .element .icone,
.enteteform .icone,
.elementsfl .icone,
.deplContrIcon,
#flyoutcontent .element .icone {
	display: block;
	background-color: white;
	width: 32px;
	min-width: 32px;
	height: 35px;
	border-radius: 13px;

	/*cursor:pointer;*/

	background-position: center center;
	background-repeat: no-repeat;
	/*background-size:50% auto;*/

	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease; /* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
.deplContrIcon {
	margin-right: 5px;
}
.form .fonctionsbascontainer .element .icone,
.deplContrIcon {
	background-color: #f4f4f4;
}
.fonctionPtoRe .element .icone {
	/*reunion > point ordre jour*/
	background-color: transparent !important;
}
.rechboolfl {
	margin-left: 65px !important;
}
.menucolonneflcontent {
	display: none;
}
.menucontextuel .element .icone {
	width: 20px;
	min-width: 20px;
	height: 22px;
}
.fonctionsbascontainer .element .icone,
.errorbloc .errorboutons .element .icone,
.enteteform .icone,
.elementsfl .icone,
.deplContrIcon {
	width: 26px;
	min-width: 26px;
	height: 28px;
}

#chercherChampLie {
	display: none;
}
#chercherChampLie2 {
	display: none;
}
.newFondIconConnexion {
	margin-top: 3px;
}
#fonctionsdroite .element .icone.bleu {
	background-color: #a8cae0;
	width: 24px;
	min-width: 24px;
	height: 26px;
}
#fonctionsdroite .element:hover .icone.bleu {
	background-color: #83b2d2;
}
.about_Libelle:hover ~ .about {
	background-color: #83b2d2;
}
#fonctionsdroite .element .icone.transparent {
	background-color: transparent;
}

#fonctionsdroite .element .icone.haut {
	background-image: url("../images/haut.png");
}
#fonctionsdroite .element .icone.bas {
	background-image: url("../images/bas.png");
}
#fonctionsdroite .element .icone.prev {
	background-image: url("../images/prev.png");
}
#fonctionsdroite .element .icone.next {
	background-image: url("../images/next.png");
}

/*.bbcode .icone.gras {background-image:url('../images/bbcode/gras.png');}
.bbcode .icone.italique {background-image:url('../images/bbcode/italique.png');}
.bbcode .icone.souligne {background-image:url('../images/bbcode/souligne.png');}
.bbcode .icone.indice {background-image:url('../images/bbcode/indice.png');}
.bbcode .icone.exposant {background-image:url('../images/bbcode/exposant.png');}
.bbcode .icone.lien {background-image:url('../images/bbcode/lien.png');}
.bbcode .icone.taille {background-image:url('../images/bbcode/taille.png');}
.bbcode .icone.couleur {background-image:url('../images/bbcode/couleur.png');}
.bbcode .icone.listepuce {background-image:url('../images/bbcode/listepuce.png');}
.bbcode .icone.listenumero {background-image:url('../images/bbcode/listenumero.png');}
.bbcode .icone.h1 {background-image:url('../images/bbcode/h1.png');}
.bbcode .icone.h2 {background-image:url('../images/bbcode/h2.png');}
.bbcode .icone.h3 {background-image:url('../images/bbcode/h3.png');}
.bbcode .icone.picture {background-image:url('../images/bbcode/picture.png');}
.bbcode .icone.document {background-image:url('../images/bbcode/document.png');}
.bbcode .icone.justificationColonne {background-image:url('../images/bbcode/justificationColonne.png');}
.bbcode .icone.justificationDroite {background-image:url('../images/bbcode/justificationDroite.png');}
.bbcode .icone.justificationGauche {background-image:url('../images/bbcode/justificationGauche.png');}
.bbcode .icone.justificationCentre {background-image:url('../images/bbcode/justificationCentre.png');}
.bbcode .icone.swap {text-align:right;background-image:url('../images/bbcode/swapIcon.png');background-size: 13px 14px;}*/

.sfl .checkspecentite {
	padding: 0px 5px 4px 35px !important;
	margin: 0px !important;
}
.sfl .checkspecentite .checkmark {
	top: 4px !important;
}

.sfl .tdcheckspeclignent {
	padding: 2px 20px 4px 10px !important;
}

.corps {
	display: flex;
	flex-direction: row;
}
.sflPtOrdre {
	overflow: auto;
}
.sfl table,
.ssfl table,
.sflPtOrdre,
.sflspec table {
	border: 1px solid #dadada;
	/*box-shadow: 0 0 0 1px #dadada;*/
	border-radius: 5px;
}
/*.sfl-DesLis-LisEnv {
	box-shadow: 0 0 0 0 #ffffff00 !important;
	border-radius:5px !important;
}*/
.sfl-DesLis-LisEnv table {
	border: 0px;
	border-radius: 0px;
}
.sfl table tr:first-child th:first-child,
.ssfl table tr:first-child th:first-child {
	border-top-left-radius: 5px;
	/*border-left: 1px solid #dadada;*/
}
.sfl table tr:first-child th:last-child,
.ssfl table tr:first-child th:last-child,
.sflspec table tr:first-child th:last-child {
	border-top-right-radius: 5px;
}
.sfl table tr:last-child td:first-child,
.ssfl table tr:last-child td:first-child,
.sflspec table tr:last-child td:first-child {
	border-bottom-left-radius: 5px;
}
.sfl table tr:last-child td:last-child,
.ssfl table tr:last-child td:last-child,
.sflspec table tr:last-child td:last-child {
	border-bottom-right-radius: 5px;
}
.sfl table tr:first-child th:last-child {
	/*border-right: 1px solid #dadada;*/
}

.sfl,
.ssfl {
	overflow: auto;
	display: flex;
	padding: 0.5px;
	padding: 0px 1px 1px 1px;
	flex-direction: row;
	max-height: 70vh;
}

.sflspec {
	overflow: auto;
	display: flex;
	padding: 0.5px;
	padding: 0px 1px 1px 1px;
	flex-direction: row;
}

.sfl table .sflspacing {
	border-spacing: 10px !important;
}

.newSflGlobal {
	padding: 10px;
}
.sfl .pousseurdroite,
.ssfl .pousseurdroite,
.sflspec .pousseurdroite {
	min-width: 10px;
	height: 10px;
}
.sfl.enliste,
.ssfl.enliste,
.sflPtOrdre,
.sflspec.enliste {
	padding: 0px;
	border: 0px;
	border-radius: 0px;
	box-shadow: 0 0 0 0 #dadada;
	overflow: auto;
}
.sflPtOrdre {
	overflow: hidden;
}

.sfl.enliste table,
.ssfl.enliste table,
.sflspec.enliste table {
	border: 0px;
	border-radius: 0px;
	box-shadow: 0 0 0 0 #dadada;
}
.colonneRechercheWrapper,
.flWrapper,
.formWrapper {
	height: calc(100% - 50px);
	max-height: calc(100% - 50px);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
	overflow: hidden;
	width: 100%;
}

.colonneRecherche,
.fl {
	background-color: white;
	overflow: hidden;
	height: 100%;
	max-height: 100%;
}
.fl {
	position: relative; /*rajouté à cause de elementsfl le 20/11/2019*/
}
.tbodycontent {
	height: calc(100% - 55px);
	overflow: hidden;
}
.flWrapper {
	position: relative;
}
.flWaiter {
	position: absolute;
	width: 100%;
	height: calc(100% - 55px);
	z-index: 30;
	background-color: white;

	border-top: 55px solid var(--main-bg-color);

	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100px 100px;
}
.flWaiter > div {
	width: 100%;
	height: 100%;
	opacity: 0.7;
	background-color: white;
}
.trentete {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top: 0.5px solid #dadada !important;
}
.tbodycontent .trentete th {
	background-color: white;
	padding-top: 0px;
	padding-bottom: 0px;
	height: auto;
	box-shadow: unset !important;
}
.tbodycontent .trentete th span {
	color: white !important;
	cursor: default !important;
}
.tbodycontent .trentete th .container {
	display: none;
}

/*#chercherChampLie .fl {height:500px;}*/
.sfp {
	background-color: white;
	height: calc(100% - 50px);
	max-height: calc(100% - 50px);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
}
.formAjoutCodePostal.form .zg,
.formAjoutLieu.form .zg,
.formGenererMai.form .zg,
.formEnvoiDisponibiliteReu.form .zg,
.formAjoutFicheRemplacement.form .zg,
.formAjoutDonOpeFin.form .zg {
	margin-right: 40px;
}
.form:not(
		.formParamsRecherche,
		.formEnvoyerEmail,
		.formAjoutCodePostal,
		.formGenererMai,
		.formEnvoiDisponibiliteReu,
		.formAjoutFicheRemplacement,
		.formAjoutSignataire,
		.formAjoutLieu,
		.docLieForm,
		.qurQurSelectCellulesForm,
		.QurQueElemEdit,
		.formAjoutDonOpeFin
	) {
	background-color: white;
}
.form:not(.formTxtFullScreen) {
	height: 100%;
	max-height: 100%;
}
.blocseul .form {
	height: calc(100% - 50px);
	max-height: calc(100% - 50px);
}
.newcolcontenu .form {
	height: calc(100% - 50px - 55px);
	max-height: calc(100% - 50px - 55px);
}
.formcontent {
	background-color: white;
	overflow: auto;
	height: calc(100%);
	max-height: calc(100%);
	position: relative;
}
.blocseul .form {
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
}
.blocseul .formcontent {
	height: calc(100% - 55px);
	max-height: calc(100% - 55px);
}
.newcolcontenu .form .formcontent form {
	padding: 25px;
}
.bloccorpsrecherche .bandeblanche {
	height: 10px;
	background-color: white;
	position: fixed;
	margin-top: -10px;
	z-index: 200;
	width: calc(var(--largeur-colonnerech) - 16px); /*16 px pour l'ascenseur*/

	-moz-transition: width 0.5s ease, min-width 0.5s ease;
	-webkit-transition: width 0.5s ease, min-width 0.5s ease; /* WebKit */
	-o-transition: width 0.5s ease, min-width 0.5s ease; /* Opera */
	transition: width 0.5s ease, min-width 0.5s ease; /* Standard */
}
html.recherchelarge #blocs .bloccorpsrecherche .bandeblanche {
	width: calc(var(--largeur-colonnerechlarge) - 16px);
} /*16 px pour l'ascenseur*/
html.rechercheferme #blocs .bloccorpsrecherche .bandeblanche {
	width: 0px;
	background-color: #fbfbfb;
}

.formcontent.padding {
	padding: 25px 30px 15px 30px;
	height: calc(100% - 55px - 40px);
	max-height: calc(100% - 55px - 40px);
}
.formcontent.explorateur {
	padding: 0px 0px 0px 0px;
	height: calc(100% - 55px);
	max-height: calc(100% - 55px);
}
.formcontent.explorateur .ulwrapper {
	padding: 25px 30px 25px 30px !important;
}
.fl.loading,
.bloccorpsfp.loading {
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100px 100px;
}
.fl.loading table,
.bloccorpsfp.loading .form {
	opacity: 0.7;
}
.fl.loading .elementsfl {
	opacity: 0.7;
	background-color: transparent;
}
.fl table {
	width: 100%;
	/*border-collapse:collapse;*/ /*BV : 10/02/2021 : mis en commentaire car sur Firefox ca ajoute une ligne au-dessus du FL */
}
.sfl table,
.ssfl table,
.sflspec table {
	/*border-collapse:collapse;*/ /*MSM - bug dans chrome*/
	max-height: 98vh;
}
.sfl.enliste table,
.ssfl.enliste table,
.sflspec.enliste table {
	border-collapse: separate;
	border-spacing: 10px;
	margin-left: -10px;
	margin-top: -10px;
}
.dialogueCustomHtmlContent .sfl.enliste table {
	/*en surimposition*/
	margin-left: -10px;
	margin-top: -10px;
}
.dialogueCustomHtmlContent .sfl.opeFin12 table {
	margin-left: 6px !important;
}
.fl table tr:nth-child(1) th,
.sfl table tr:nth-child(1) th,
.ssfl table tr:nth-child(1) th,
.sflspec table tr:nth-child(1) th {
	/*position : sticky;
    top: 0;
	z-index: 10;*/
}
.fl table tr th,
.sfl table tr th,
.ssfl table tr th {
	background-color: var(--main-bg-color);
	text-align: left;
	color: white;
	height: 55px;
	padding: 0px 20px 0px 0px;
	margin: 0px;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}

.trentete th {
	/* demande 75968*/
	position: relative;
}
.sflspec table tr th {
	background-color: #f5f4ee;
	text-align: center;
	color: white;
	height: 25px;
	padding: 0px 20px 0px 0px;
	margin: 0px;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}

.sflspec table tr th:first-child {
	background-color: transparent;
	color: white;
	height: 25px;
	padding: 0px 20px 0px 0px;
	margin: 0px;

	width: calc(100% - 22px);

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
.formOpCoFi .sflspec table tr th:first-child {
	/*Pour le dialogue custom Rapprochement financier*/
	background-color: #f5f4ee !important;
}
#conFinCheckAll:hover {
	cursor: pointer;
}

.sflspec table tr th .tier {
	background-color: transparent;
	color: white;
	height: 25px;
	padding: 0px 20px 0px 0px;
	margin: 0px;

	width: 96px !important;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}

.fl table tr th span,
.sfl table tr th span,
.ssfl table tr th span,
.sflspec table tr th span {
	line-height: 19px;
	display: block;
	letter-spacing: 0.3px;
	max-height: 55px;
}
.fl table tr th.alignright.tricroissant::before,
.fl table tr th.alignright.tridecroissant::before {
	content: "";
	background-size: cover;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 22px;
	left: 0px;
}
.fl table tr th.tricroissant::before,
.fl table tr th.tridecroissant::before {
	content: "";
	background-size: cover;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 22px;
	left: -13px;
}
.fl table tr th.tricroissant::before {
	background-image: url("../images/FlecheTriCroissant.png");
}
.fl table tr th.tridecroissant::before {
	background-image: url("../images/FlecheTriDecroissant.png");
}

.sfl table tr th,
.form .ssaccordeon,
.sfl.enliste table tr td.tdremplissage,
.ssfl table tr th,
.ssfl.enliste table tr td.tdremplissage,
.sflspec table tr th,
.sflspec.enliste table tr td.tdremplissage {
	/*background-color:#f5f4ee;*/
	background-color: #f7f7f7; /*BV : demande 95939*/
}

.sfl.enliste table tr th,
.ssfl.enliste table tr th {
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	border: 1px solid #dadada;
}

.sfl.enliste table tr th.champOpeFinTH_date {
	width: 77px !important;
}

.sflspec.enliste table tr th {
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	border: 1px solid #dadada;
}

.sflspec.enliste table tr th:first-child {
	border: 1px solid #ffffff;
}
.sfl table tr th,
.ssfl table tr th,
.sflspec table tr th {
	color: var(--color-logo);
}
.sflSurimposition.sfl table tr th span {
	color: var(--color-logo) !important;
}
.fl table tr th .avecmenu {
	cursor: url("../Images/iconesBoutons/rechCursor3.svg") 6 6, auto !important; /*cursor:pointer;*/ /*Demande 92533*/
}
.sfl table tr th .avecrecherche,
.ssfl table tr th .avecrecherche {
	cursor: url("../Images/iconesBoutons/rechCursor3.svg") 6 6, auto !important; /*cursor:pointer;*/ /*Demande 92533*/
}
.tbodycontent .trentete th span.avecmenu {
	cursor: default !important;
}
.fl table tr th:first-child,
.sfl table tr th:first-child,
.ssfl table tr th:first-child,
.sflspec table tr th:first-child {
	padding: 0px 20px 0px 20px;
}
.fl table tr td,
.sfl table tr td,
.ssfl table tr td {
	background-color: white;
	text-align: left;
	color: #7a7a7a;
	/*border-bottom:1px solid #dbdbdb;*/ /*MSM : Correction d'un bug d'affichage sous chrome*/
	border-bottom: thin solid #dbdbdb;

	vertical-align: top;

	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease; /* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;

	word-break: break-word;
	max-width: 400px; /* pour les cellules très longues genre Le paramètre 3069*/
}
.fl table tr td div.ellipsis,
.sfl table tr td div.ellipsis,
.ssfl table tr td div.ellipsis {
	/*display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*display: inline-block;*/ /*un width fixe est venu s'ajouter sur ces div pour un meilleur affichage du contenu sur la ligne*/
}
.fl table tr td div.ellipsis2,
.sfl table tr td div.ellipsis2,
.ssfl table tr td div.ellipsis2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fl table tr td div.ellipsissanslargeur,
.sfl table tr td div.ellipsissanslargeur,
.ssfl table tr td div.ellipsissanslargeur {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break:break-all;
}
.fl.nohover table tr:hover td,
.sfl.nohover table tr:hover td,
.ssfl.nohover table tr:hover td {
	background-color: white;
}
.fl.nohover table tr:hover td.disabled,
.sfl.nohover table tr:hover td.disabled,
.ssfl.nohover table tr:hover td.disabled {
	background-color: #efefef !important;
}
.sflspec table tr td {
	background-color: white;
	text-align: left;
	color: #7a7a7a;
	border-bottom: 1px solid #dbdbdb;
	vertical-align: top;

	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease; /* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;

	word-break: break-word;
}

.fl table tr td.tdcheckbox,
.sfl table tr td.tdcheckbox,
.ssfl table tr td.tdcheckbox,
.sflspec table tr td.tdcheckbox {
	cursor: pointer;
	width: 16px;
}
.sfl table tr td.tdcheckbox.disabled,
.sfl table tr td.tdcheckbox.disabled .container {
	cursor: default;
}
.fl table tr.trclassement td,
.fl table tr.trafficherplus:not(.trafficherplusinverse) td,
.fl table tr.trafficherplusinverse td {
	cursor: pointer;
}
.fl table tr.trclassement:not(.sansfleche) td:first-child,
.fl table tr.trafficherplus:not(.sansfleche, .trafficherplusinverse) td:first-child,
tr:not(.sansfleche) .flechehautbas,
.assignerCatFeuilleFlecheTR.flechehautbas {
	background-image: url("../images/flechebas.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 16px;
}
.assignerCatFeuilleFlecheTR {
	display: inline-block;
	margin-right: 15px;
	position: relative;
	top: 2px;
}
.fl table tr.trclassement.sansfleche td,
.fl table tr.trafficherplus.sansfleche:not(.trafficherplusinverse) td,
.fl table tr.trafficherplusinverse.sansfleche td {
	cursor: default;
}
.fl table tr.trclassement.closed td:first-child,
.fl table tr.trafficherplus.closed:not(.trafficherplusinverse) td:first-child,
tr.closed .flechehautbas {
	background-image: url("../images/flechehaut.png");
}
.sfl.enliste table tr td,
.ssfl.enliste table tr td,
.sflspec.enliste table tr td {
	padding: 0px;
	border-bottom: 0px;
}
.sfl.enliste table tr td:first-child,
.sfl.enliste td.tdsflcheckbox,
.ssfl.enliste table tr td:first-child,
.ssfl.enliste td.tdsflcheckbox {
	vertical-align: middle;
	border: 1px solid #dadada;
	border-radius: 4px;
}
.sfl.enliste table tr.trgroupement td {
	border: 0px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 40px;
}
.sfl.enliste table tr.trgroupement.information td {
	font-weight: normal;
	line-height: 30px;
}
.sflspec.enliste table tr td:first-child,
.sflspec.enliste td.tdsflcheckbox {
	vertical-align: middle;
	text-align: right;
	border-radius: 4px;
	padding-right: 6px;
	color: #a3a3a3;
}
.sfl.enliste table tr td.tdremplissage,
.ssfl.enliste table tr td.tdremplissage,
.sflspec.enliste table tr td.tdremplissage {
	border: 1px solid #dadada;
	border-radius: 4px;
}
.sfl.enliste table tr td .checkbox,
.ssfl.enliste table tr td .checkbox,
.sflspec.enliste table tr td .checkbox {
	float: none;
	margin: auto;
}
.sfl.enliste .blocradio,
.ssfl.enliste .blocradio,
.sflspec.enliste .blocradio {
	border: 1px solid #dadada;
	border-radius: 4px;
	height: 30px;
}
.fl table tr.current td,
.sfl table tr.current td,
.ssfl table tr.current td,
.sflspec table tr.current td {
	color: #2b2a2a;
}

.sfl table tr td.image img,
.ssfl table tr td.image img,
.sflspec table tr td.image img {
	display: block;
	max-height: 22px;
}
div .displaynone {
	display: none;
}
.sfl table tr:last-child td,
.ssfl table tr:last-child td,
.sflspec table tr:last-child td {
	border-bottom: 0px;
}
.fl .alignright,
.sfl .alignright,
.ssfl .alignright,
.sflspec .alignright {
	text-align: right;
}
.fl .aligncenter,
.sfl .aligncenter,
.ssfl .aligncenter,
.sflspec .aligncenter {
	text-align: center;
}
.fl .alignright input,
.sfl .alignright input,
.ssfl .alignright input,
.sflspec .alignright input {
	text-align: right;
}
input.alignright {
	text-align: right;
}
/*Demande 85211 : .sfl table tr:last-child td {
	border-bottom: thin solid #dbdbdb;
}*/

.sflspec .aligncenter input {
	text-align: center;
}
.aligncenter {
	text-align: center;
}

.sfl.enliste table tr td:last-child,
.ssfl.enliste table tr td:last-child,
.sflspec.enliste table tr td:last-child {
	padding: 0px;
}
.unselectable {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
/*.form .accordeoncontent .zgcontent:not(.zgspec):last-child .blocchamp:last-child {margin-bottom:30px !important;}*/

.form .accordeoncontent .zgcontent:not(.zgspec):last-child .newSflEntite .blocchamp:last-child {
	margin-bottom: 4px !important;
}
.marginTop10 {
	margin-top: 10px;
}
.marginTop15 {
	margin-top: 15px;
}
.marginBottom30 {
	margin-bottom: 24px;
}
.marginBottomr30 {
	margin-bottom: 30px !important;
}
.marginBottom0 {
	margin-bottom: 0px !important;
}
.paddingBottom25 {
	padding-bottom: 25px !important;
}
.paddingBottom30 {
	padding-bottom: 30px !important;
}
.marginBottom15 {
	margin-bottom: 15px !important;
}
.paddingBottom15 {
	padding-bottom: 15px !important;
}
.thplusgrandh {
	height: 76px !important;
}
.thplusgrandh span {
	max-height: 76px !important;
}
.width20 {
	width: 20px !important;
}
.width25 {
	width: 25px !important;
}

.menucontextuel {
	display: none;
	position: absolute;

	background-color: #f5f5f5;
	padding: 12px;

	flex-direction: column;
	width: 200px;
	z-index: 1000;
}
polygon {
	stroke-width: 1;
	stroke: darkgrey;
	fill: white;

	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease; /* WebKit */
	-o-transition: all 0.2s ease; /* Opera */
	transition: all 0.2s ease; /* Standard */
}
polygon:hover {
	fill: lightgrey;
	cursor: pointer;
}
polygon.marked {
	fill: lightgreen;
}

.VotPosVotEff {
	font-family: "source_sans_prosemibold", sans-serif;
	font-size: 17px;
	padding: 3px 10px 5px 10px;
	letter-spacing: 0.5px;
	background-color: #efefef;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	border: 1px solid #dadada;
	border-radius: 4px;
}

.menucontextuel .element .icone.rechercher {
	background-image: url("../images/rechercher.png");
}
.menucontextuel .element .icone.masquer {
	background-image: url("../images/masquercol.png");
}

.bloccorps.smooth,
.voile.smoothW {
	-moz-transition: width 0.8s ease;
	-webkit-transition: width 0.8s ease; /* WebKit */
	-o-transition: width 0.8s ease; /* Opera */
	transition: width 0.8s ease; /* Standard */
}
#blocs.smooth,
.voile.smoothML {
	-moz-transition: margin-left 0.8s ease;
	-webkit-transition: margin-left 0.8s ease; /* WebKit */
	-o-transition: margin-left 0.8s ease; /* Opera */
	transition: margin-left 0.8s ease; /* Standard */
}
.bloccorpsfl,
.bloccorpsfp {
	height: 100%;
	margin-left: 25px;
}
.bloccorpsfl {
	width: 100%;
	min-width: var(--largeur-FLreduit);
}
.bloccorpsfp {
	width: 100%;
	min-width: var(--largeur-FPreduit);
	max-width: 550px;
} /*le max-width sert à dire que c'est le FL qui doit occuper le + la largeur Ce max-width saute quand on est en fullscreen fp*/
.bloccorpsrecherche {
	width: var(--largeur-colonnerech);
	min-width: var(--largeur-colonnerech);
}
html.recherchelarge #blocs .bloccorpsrecherche {
	width: var(--largeur-colonnerechlarge);
	min-width: var(--largeur-colonnerechlarge);
}
html.flferme.fpferme.rechercheouvert #blocs .bloccorpsrecherche {
	width: 100%;
}
html.flferme #blocs .bloccorpsfp {
	max-width: 100%;
}

html.rechercheferme #blocs .bloccorpsrecherche {
	width: var(--largeurcolreduiteRech);
	min-width: var(--largeurcolreduiteRech);
}
html.rechercheferme #blocs .bloccorpsrecherche .colonneRecherchecontentWrapper,
html.fpferme #blocs .bloccorpsfp .form,
html.flferme #blocs .bloccorpsfl .fl {
	background-color: #fbfbfb;
}
html.fpferme #blocs .bloccorpsfp .formcontent,
html.flferme #blocs .bloccorpsfl .tbodycontent {
	display: none;
}
html.flferme #blocs .bloccorpsfl {
	width: var(--largeurcolreduiteFL);
	min-width: var(--largeurcolreduiteFL);
}

/*html.flferme #blocs .bloccorpsfl th.colID,html.flferme #blocs .bloccorpsfl td.id{display:none;}*/ /*BV : 30/06/2023 : ne sert à rien je crois*/
.thremplissage {
	min-width: 60px;
}
html.recherchelarge.rechercheouvert .thremplissage {
	min-width: calc(60px + 55px);
}
html.recherchelarge.rechercheouvert #blocs .bloccorpsfl th.colID,
html.recherchelarge.rechercheouvert #blocs .bloccorpsfl td.id {
	display: none;
}
html.recherchelarge.rechercheouvert #blocs .bloccorpsfl table.thead {
	width: calc(100% + 55px) !important;
}

html.fpferme #blocs .bloccorpsfp {
	width: var(--largeurcolreduiteFP);
	min-width: var(--largeurcolreduiteFP);
}
html.rechercheferme #blocs .bloccorpsrecherche .enteteform,
html.flferme #blocs .bloccorpsfl .enteteform,
html.fpferme #blocs .bloccorpsfp .enteteform {
	padding-left: 0px;
}
.colonneRecherche {
	/* min-width: var(--largeur-colonnerech); */
}
/*QA [06/08/2024] - Je ne sais pas qui a ajouté cela, mais il faut faire gaffe car ceci change la couleur a certains endroit ou ca ne devrait pas l'être, j'ai rajouter quelques cas d'exception // BV : je le mets en commentaire, ça change la couleur en effet dans les critères de recherche avancée. Est-ce voulu ? Numéro de demande ?*/
/*.ui-widget-content a:not(.dialogueCustomHtmlContent a,.dialogueChoisirColonne a) { 
	color: var(--color-logo);
}*/
.ui-widget-content a { /*BV : 04/10/2024 : remise en place de ceci, on ne constate plus d'effet néfaste dans les critères de recherche avancée, et ca remet en place la couleur dans les liens dans les champs Froala (voir Modification document 4W7*/
	color: var(--color-logo);
}
#prbAffExplo {
	color: #333;
}
#prbAffExplo:hover {
	color: #fff;
}
/*html.recherchelarge.rechercheouvert #blocs .bloccorps.bloccorpsfl .fonctionsbas .element .libelle {display:none;}
html.recherchelarge.rechercheouvert #blocs .bloccorps.bloccorpsfl .fonctionsbas .left .element {margin:0px 8px 0px 0px;}*/
#blocs .bloccorps.bloccorpsfl .fonctionsbas .element .libelle {
	display: none;
} /*BV : dev 9213 : on va masquer tout le temps les libellés des boutons sous le FL*/
#blocs .bloccorps.bloccorpsfl .fonctionsbas .left .element {
	margin: 0px;
} /*BV : dev 9213 : on va masquer tout le temps les libellés des boutons sous le FL*/

/*elements du FL*/
#chercherChampLie .bloccorps.bloccorpsfl .fonctionsbas .element .libelle {
	display: block;
}
#chercherChampLie2 .bloccorps.bloccorpsfl .fonctionsbas .element .libelle {
	display: block;
}
/*.pageaffiche .bloccorps.bloccorpsfl .fl th.cachereduit,.pageaffiche .bloccorps.bloccorpsfl .fl td.cachereduit {display:none;}*/
/*.pageaffiche .bloccorps.bloccorpsfl .fl th.reduit.thcheckbox,.pageaffiche .bloccorps.bloccorpsfl .fl td.reduit.thcheckbox {width:16px !important;}*/

/*largeur du FL (calculée par programmation en JS) et margin*/
#chercherChampLie .bloccorps.bloccorpsfl {
	width: 100%;
	margin-left: 0px;
}
#chercherChampLie .divenglobant {
	padding: 25px 25px 0px 25px;
	height: calc(100% - var(--height-entete) - 25px);
}
#chercherChampLie2 .bloccorps.bloccorpsfl {
	width: 100%;
	margin-left: 0px;
}
#chercherChampLie2 .divenglobant {
	padding: 25px 25px 0px 25px;
	height: calc(100% - var(--height-entete) - 25px);
}

/*largeur du SFP et margin*/
.bloccorps.newsfp {
	width: 100%;
	min-width: var(--largeur-FPreduit);
}

html.fpouvert .bloccorps.newsfp {
	width: calc(100% - var(--largeur-FPreduit) - 25px - 50%);
} /* Rajout du - 50px / Demande 83184/ le SFP s'ouvre en mode mi-plein écran, mi-réduit. Il devrait s'ouvrir normalement, sans être agrandi*/

/*largeur du SSFP et margin*/
.bloccorps.newssfp {
	width: 100%;
	min-width: var(--largeur-FPreduit);
}

.newfenetre {
	position: fixed;

	z-index: 1000;
	width: 100%;
	height: 100%;
	display: none;
	background-color: transparent;

	-moz-transition: background-color 0.6s ease;
	-webkit-transition: background-color 0.6s ease; /* WebKit */
	-o-transition: background-color 0.6s ease; /* Opera */
	transition: background-color 0.6s ease; /* Standard */
}
.bandeauaffiche .newfenetre {
	height: calc(100% - 50px);
	margin-top: 50px;
}
.withBandeauShutdown .newfenetre {
	height: calc(100% - var(--heightbandeaushutdown));
	margin-top: var(--heightbandeaushutdown);
}
.withBandeauShutdown.bandeauaffiche .newfenetre {
	height: calc(100% - var(--heightbandeaushutdown) - 50px);
	margin-top: calc(var(--heightbandeaushutdown) + 50px);
}

.newfenetre .flch1 {
	border: 1px solid white;
	background-color: #858585;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	position: absolute;
	margin-left: -45px;
	top: calc(calc(100% - 28px) / 2);
	cursor: pointer;
}
.newfenetre .flch2 {
	left: 11px;
	top: 9px;
	width: 7px;
	height: 7px;
	border: solid white;
	border-width: 0px 2px 2px 0px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
}
.newfenetre .zonefenetre.fullscreen .flch2 {
	border-width: 2px 0px 0px 2px;
	left: 8px;
}
.newfenetre .zonefenetre {
	position: absolute;
	height: 100%;
	background-color: white;
	/*width:808px;*/
	width: 890px !important;
	right: -3000px;
	-moz-transition: width 0.6s ease;
	-webkit-transition: width 0.6s ease; /* WebKit */
	-o-transition: width 0.6s ease; /* Opera */
	transition: width 0.6s ease; /* Standard */
}
.newfenetre .zonefenetre.fullscreen {
	width: calc(100% - 60px) !important;
}
.newfenetre .newcolcontenu > .fonctionsbascontainer {
	border-top: 1px solid #e3e3e3;
	background-color: #f5f5f5;
}
.sfletboutons .fonctionsbascontainer {
	border-top: 0px;
	background-color: white;
}
.newfenetre .dragable {
	position: absolute;
	height: 100%;
	width: 10px;
	cursor: pointer;
	background-color: red;
	z-index: 2;
	cursor: col-resize;
}
.newfenetre .contentfenetre {
	height: calc(100%);
	/*padding:25px 25px 0px 25px;*/
	position: relative;
}
.newfenetre .contentfenetre .newfpglobal {
	position: absolute;
	height: calc(100%);
	width: calc(100%);
	display: flex;
	flex-direction: row;
	background-color: #f1f5f9;
}
.newfenetre .contentfenetre .newsfp,
.newfenetre .contentfenetre .newssfp {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
	right: -10000px; /*très loin, peu importe. Au moment de l'afficher on le placera au bord et on le fera glisser*/
}
.newfenetre .contentfenetre .newsfp {
	width: calc(100% - 15px);
	margin-left: 15px;
	z-index: 2;
}
.newfenetre .contentfenetre .newssfp {
	width: calc(100% - 30px);
	margin-left: 30px;
	z-index: 3;
}
.colnavigfpglobal {
	background-color: #f1f5f9;
	height: calc(100% - 25px);
	width: calc(var(--largeurnewcolcontenu) - 30px);
	min-width: calc(var(--largeurnewcolcontenu) - 30px);
	padding: 10px 15px 15px 15px;

	display: flex;
	flex-direction: column;
	gap: 20px;

	z-index: 1;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}
.colnavigfpglobal .rondicone {
	width: 64px;
	height: 64px;
	border: 1px solid #aecfe8;
	border-radius: 32px;
	margin: auto;
	cursor: pointer;
}
.colnavigfpglobal .fondNewThemeEntete {
	background-color: #3581b8;
	border-radius: 26px;
	width: 52px;
	height: 52px;
	margin: auto;
	margin-top: 6px;
}
.colnavigfpglobal .newiconthemeEntete {
	background-color: white;
	width: 32px;
	height: 32px;
	margin: auto;
}
.colnavigfpglobal .enteteform {
	display: block;
	padding: 0px;
	background: none;
	height: auto;
}
.colnavigfpglobal .outer {
	width: 100%;
	height: 100%;
}
.colnavigfpglobal .navigation {
	height: 100%;
	min-width: var(--largeurnewcolcontenu);
}
.colnavigfpglobal .outer {
	position: relative;
	overflow: hidden;
}
.colnavigfpglobal .inner {
	position: absolute;
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	max-height: 100%;
}
.colnavigfpglobal .inner::-webkit-scrollbar {
	display: none;
}

.colnavigfpglobal .navigation .contentnavigation {
	margin: 0px 0px 0px 18px;
	padding: 0px;
	list-style-type: none;
	width: 175px;
}
.colnavigfpglobal .navigation .contentnavigation li {
	color: #64748b;
	font-size: 16px;
	/*line-height: 24px;*/ /*97514*/
	line-height: 18px; /*97514*/
	letter-spacing: 0.3px;
	font-family: "source_sans_prosemibold", sans-serif;

	margin-bottom: 6px; /*97514*/
	/*overflow: hidden;*/ /*97514*/
	/*white-space: nowrap;*/ /*97514*/

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
	cursor: pointer;
}

.colnavigfpglobal .navigation .contentnavigation li.actif {
	color: black;
}
.colnavigfpglobal .navigation .contentnavigation li::before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 12px;
	border: 1px solid #64748b;
	position: absolute;
	margin: 6px 0px 0px -17px;
}
.colnavigfpglobal .navigation .contentnavigation li.actif::before {
	background-color: #64748b;
}
.colnavigfpglobal .enteteform .libelle {
	font-style: normal;
	font-weight: 500;
	font-size: 19px;
	line-height: 24px;
	max-height: 72px;
	letter-spacing: 0.5px;
	/* identical to box height, or 150% */
	text-align: center;

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	/* Gray/700 */
	color: #334155;
	margin-top: 15px;
}
.colnavigfpglobal .enteteform .informations {
	color: #334155;
	line-height: normal;
	display: flex;
	font-size: 11px;
	width: 100%;
	justify-content: space-between;
}

.newcolcontenu {
	height: 100%;
	width: 100%;
}
.newfenetre .newcolcontenu {
	width: calc(100% - var(--largeurnewcolcontenu));
}
.newfenetre .contentfenetre .loading::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100px auto;
	z-index: 99999;
}
.newfenetre.visible {
	background-color: rgba(0, 0, 0, 0.5);
}

.bloccorpsfl,
.bloccorpsfp,
.bloccorpsrecherche {
	-moz-transition: width 0.5s ease, min-width 0.5s ease;
	-webkit-transition: width 0.5s ease, min-width 0.5s ease; /* WebKit */
	-o-transition: width 0.5s ease, min-width 0.5s ease; /* Opera */
	transition: width 0.5s ease, min-width 0.5s ease; /* Standard */
}

.voile {
	position: absolute;
	z-index: 80;
	background-color: white;
	opacity: 0.6;
	display: none;
}
#fonctionsdroite .voile {
	background-color: transparent;
}
.colonneRecherchecontent .categories .hierarchiescroll {
	overflow: auto;
	margin-top: 5px;
	display: none;
}
.colonneRecherchecontent .categories.open .hierarchiescroll {
	display: block;
}
.colonneRecherchecontent .hierarchie {
	color: #7d7d7d;
	padding-left: -15px;
}
.jstree-node.masquee {
	color: #f09898;
}
.jstree-node.nonmasquee {
	color: #7d7d7d;
}
.jstree-node.highlight .jstree-wholerow {
	background-color: #cdffc9;
}
.jstree-node.highlightGen .jstree-wholerow {
	background-color: #fff1d8;
}
#arbreZone li {
	margin-left: 0 !important;
}
/*.jstree-node {max-width:200px;}
.jstree-wholerow-ul .jstree-wholerow{max-width:200px;}
.jstree-anchor { height:auto !important; white-space:normal !important; line-height:20px !important;}*/
.jstree-anchor {
	font-family: var(--font-familydefault);
}
.jstree-ocl,
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
	background-position: -168px -59px;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
	background-position: -200px -59px;
}
.jstree-default .jstree-themeicon {
	display: none;
}
.jstree-default .jstree-node {
	min-height: 28px;
	line-height: 28px;
}

.colonneRecherchecontentWrapper {
	position: relative;
	height: calc(100% - 55px);
	max-height: calc(100% - 55px);
	overflow: hidden;
}
.colonneRecherchecontent {
	position: relative;
	padding: 15px 15px 25px 15px;
}
.colonneRecherchecontent .categories {
	padding: 3px 10px 4px 10px;
	border-radius: 4px;
	border: 1px solid #dadada;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	position: relative;

	background-image: url("../images/flechebasgris.png");
	background-repeat: no-repeat;
	background-position: top 10px right 9px;
}
.colonneRecherchecontent .categories.open {
	background-image: url("../images/flechehautgris.png");
}
.colonneRecherchecontent .categories .titrecategories {
	color: #7d7d7d;
	font-family: "source_sans_prosemibold";
	font-size: 16px;
	cursor: pointer;
	opacity: 0.69;
	padding-right: 17px;

	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.colonneRecherchecontent .categories .mCSB_scrollTools_horizontal {
	bottom: -15px !important;
}
.colonneRecherchecontent .categories .mCSB_scrollTools_vertical {
	right: -4px !important;
}

.colonneRecherchecontent .champplaceholder,
.colonneRecherchecontent .categories,
.colonneRecherchecontent .radioColRecherche {
	margin-bottom: 15px;
}
.colonneRecherchecontent .champplaceholder .close {
	background-image: url("../images/close.png");
	cursor: pointer;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0px;
	margin: -20px 27px 0px 0px;
	display: none;
}
.colonneRecherchecontent .champplaceholder input.nonvide ~ .close {
	display: block;
}
.colonneRecherchecontent .champplaceholder .placeholder {
	opacity: 0.69;
	position: absolute;
	color: #7d7d7d;

	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease; /* WebKit */
	-o-transition: all 0.1s ease; /* Opera */
	transition: all 0.1s ease; /* Standard */
}
/*.colonneRecherchecontent input[type=text].multicritere + .placeholder {
	color:var(--color-logo);
}*/
/* DEBUT SSFC */
.tableByColonne {
	display: table;
}
.tableTrByColonne {
	display: table-cell;
}
.tableTdByColonne {
	display: block;
	padding-bottom: 14px !important;
}
.tdcheckboxColonne {
	width: 99% !important;
	margin-bottom: 10px;
	background-color: #f5f4ee !important;
}
.tdcheckboxColonne .container {
	top: 4px !important;
}
.ssfl.encolonne table tr.selected td {
	background-color: white !important;
}
.tableDraggableLigne .champDraggable {
	cursor: move !important;
	user-select: none;
}
.tableDraggableLigne .champDraggable:active {
	cursor: grabbing !important;
	cursor: -moz-grabbing !important;
	cursor: -webkit-grabbing !important;
}
.draggableElement td {
	background-color: #fbfbfb !important;
}

.tableDraggableColonne:not(.boutonsFeOnCh) {
	cursor: move;
	user-select: none;
}
.tableDraggableColonne:active:not(.boutonsFeOnCh) {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}
.boutonsFeOnCh {
	cursor: pointer;
}
.libelleColonneChampColPos {
	display: block;
	color: var(--color-logo);
	text-align: right;
	top: 8px;
	font-weight: bold;
	position: relative;
	padding-left: 4px;
}
.tdenteteTableByCol {
	padding-bottom: 0px !important;
}
.firstLineCol {
	padding-top: 4px !important;
}
.libellechampcolpos {
	font-size: 11px;
	margin: -42px 0px 0px 7px;
	position: absolute;
	background-color: white;
	padding: 0px 10px 0px 5px;
	opacity: 1;
	height: 100%;
	max-height: 14px;
	line-height: 16px;
	color: var(--color-logo);
}
.boutonsFeOnCh {
	display: flex;
	float: right;
	margin-top: -12px;
	padding-right: 4px;
}
.fakeInputCol {
	width: calc(100% - 22px);
	font-family: "source_sans_prosemibold", sans-serif;
	font-size: 17px;
	padding: 3px 10px 5px 10px;
	color: #7d7d7d;
	background-color: white;
	box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 3%);
	border: 1px solid #dadada;
	border-radius: 4px;
	margin: 0px;
	letter-spacing: 0.5px;
	height: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-content: center;
	cursor: pointer;
}
.fonctionFeOnCh .depGaucheGen {
	background-image: url(../Images/explovertsup.png);
	transform: rotate(270deg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.6;
	width: 14px;
	height: 14px;
	min-width: 14px;
	position: relative;
	top: 2px;
}
.fonctionFeOnCh .depDroitGen {
	background-image: url(../Images/explovertsup.png);
	transform: rotate(90deg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.6;
	width: 14px;
	height: 14px;
	min-width: 14px;
	position: relative;
	top: 2px;
}
.fonctionFeOnCh .fermer {
	background-image: url(../Images/close.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	min-width: 20px;
}

/* FIN SSFC */

.colonneRecherchecontent .champplaceholder input:focus + .placeholder,
.colonneRecherchecontent .champplaceholder input.nonvide + .placeholder {
	color: rgba(165, 165, 165, 0.7);
	font-size: 11px;
	margin: -39px 0px 0px 7px;
	background-color: white;
	padding: 0px 10px 0px 5px;
	opacity: 1;
}
.colonneRecherchecontent input[type="text"].multicritere:focus + .placeholder,
.colonneRecherchecontent input[type="text"].multicritere.nonvide + .placeholder {
	color: var(--color-logo);
}
.colonneRecherchecontent input[type="text"],
.errormessage input[type="text"] {
	color: #7d7d7d;
	width: calc(100% - 40px - 2px);
	background-color: white;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	border: 1px solid #dadada;
	border-radius: 4px;
}
.errormessage input[type="text"] {
	width: 230px;
}
.errormessage input[type="text"].typenum {
	width: 125px;
}
.colonneRecherchecontent input[type="text"].multicritere {
	/*color:var(--color-logo);*/
	border: 1px solid var(--color-logo);
}
.colonneRecherchecontent .blocradio {
	width: calc(100% - 2px);
}
.colonneRecherchecontent input[type="text"]::placeholder {
	opacity: 0.7;
}
.enteteform {
	background-color: var(--main-bg-color);
	padding: 0px 10px 0px 30px;
	color: white;
	height: 55px;
	line-height: 55px;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.newcolcontenu .enteteform {
	padding: 0px 41px 0px 25px;
}
.enteteform .libelle {
	line-height: 23px;
	max-height: 46px;
	overflow: hidden;
	max-width: 340px;
}
.enteteform .noenreg {
	line-height: 23px;
	min-width: 50px;
}
.newcolcontenu .enteteform .libelle {
	max-width: 440px;
}

.fullscreen .newcolcontenu .enteteform .libelle { /*Demande 100673 - MS : Le titre du FP se met sur deux lignes, même lorsque le formulaire page est ouvert en mode pleine page. Cela se justifie lorsque le FP est ouvert en mode « colonne » mais pas en mode pleine page.*/
	max-width: 800px;
}

html.rechercheferme #blocs .bloccorpsrecherche .enteteform .libelle,
html.flferme #blocs .bloccorpsfl .enteteform .libelle,
html.fpferme #blocs .bloccorpsfp .enteteform .libelle {
	display: none;
}
html.rechercheferme #blocs .bloccorpsrecherche .enteteform .radius,
html.flferme #blocs .bloccorpsfl .elementsfl .radius,
html.fpferme #blocs .bloccorpsfp .enteteform .radius {
	display: none;
}
html.rechercheferme #blocs .bloccorpsrecherche .colonneRecherchecontentWrapper {
	display: none;
}
html.rechercheferme #blocs .bloccorpsrecherche .fonctionsbascontainer,
html.flferme #blocs .bloccorpsfl .fonctionsbascontainer,
html.fpferme #blocs .bloccorpsfp .fonctionsbascontainer {
	display: none;
}
html.fpferme #blocs .bloccorpsfp .enteteform .left {
	display: none;
}
.enteteform .right,
.enteteform .left {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 25px;
}
.enteteform .right {
	justify-content: flex-end;
	gap: 8px;
}
.newcolcontenu .enteteform .right {
	display: none;
}
.newcolcontenu .enteteform .left {
	width: 100%;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.enteteform .creation {
	text-align: right;
	font-size: 12px;
	line-height: 20px;
	width: 200px;
	display: none;
}
.enteteform .boutons {
	border-radius: 15px;
	width: 84px;
	height: 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-left: 15px;
	padding: 1px;
}
.enteteform .boutons .icone {
	background-repeat: no-repeat;
	width: 28px;
	height: 30px;
	background-position: center center;
	/*background-size:15px auto;*/ /*BV : mis en commentaire le 27/12/2021 : pour éviter de flouter les icones*/
	background-color: transparent;
	border-radius: 13px;
	cursor: pointer;
}
.enteteform .boutons .icone.disabled {
	cursor: default;
	opacity: 0;
}
.enteteform .boutons .icone.actif {
	background-color: white;
	cursor: default;
}
/*.enteteform .boutons .liste{background-image:url('../images/explorer2.png');}*/ /*BV : déplacé dans boutons.css */
/*.enteteform .boutons .oeil{background-image:url('../images/consulter2.png');}*/ /*BV : déplacé dans boutons.css */
/*.enteteform .boutons .crayon{background-image:url('../images/modifier2.png');}*/ /*BV : déplacé dans boutons.css */
.hidden,
.hiddenremove {
	display: none;
}
.hiddenimportant {
	display: none !important;
} /*classe utilisée dans le JS !*/
.divComplet {
	display: flex;
	width: 200px;
	height: 23px;
}
.paddingTop20 {
	padding-top: 20px;
}

.contourCouleurChoix {
	border: 1px solid rgb(20, 20, 20);
	width: 120px;
	height: 23px;
	margin-left: 20px;
	border-radius: 20px 20px 20px 20px;
}

.form .accordeon {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--color-logo);
	font-family: var(--font-familydefault);
	margin-bottom: 1px;
	background-repeat: no-repeat;
	background-position: right 30px center;
	cursor: pointer;
}
.newfenetre .form .accordeon,
.newfenetre .form .ssaccordeon {
	margin-bottom: 5px;
	border-radius: 10px;
	position: relative;
}
.form .accordeon.ferme + div {
	display: none;
}
.form .ssaccordeon {
	padding: 10px 30px 10px 30px;
	color: var(--color-logo);
	font-family: var(--font-familydefault);
	font-weight: 500;
	font-size: 17px;
	margin-bottom: 1px;
	background-repeat: no-repeat;
	background-position: right 30px center;
	cursor: pointer;
}
.form .ssaccordeon.ferme + div {
	display: none;
}

.form .accordeoncontent {
	padding: 0px;
}
.form .accordeoncontent.padding {
	padding: 25px 30px 25px 30px;
}
.form .accordeoncontent .sfletboutons,
.form .accordeoncontent .ssfletboutons {
	/*padding:25px 30px 25px 30px;*/
	padding: 15px 20px 15px 20px;
	break-inside: avoid;
} /* à cause du padding de 10 */
.form .accordeoncontent .listenumerotva .sfletboutons {
	padding: 0px 20px 15px 20px;
}
.form .accordeoncontent .sfletboutons.enliste,
.form .accordeoncontent .ssfletboutons.enliste {
	padding: 15px 20px 15px 20px;
} /* à cause du tableau avec 10 de border-spacing*/
.sflnumtvapousseur {
	height: 30px;
}
.form .zg {
	position: relative;
	height: 48px;
	margin-left: 30px;
	margin-right: 30px;
}
.form .zg .libelle {
	background-color: white;
	color: var(--color-logo);
	z-index: 2;
	position: absolute;
	padding-right: 15px;
	margin-top: 14px;
}
.form .zg .ligne {
	width: 100%;
	height: 2px;
	background-color: var(--main-bg-color);
	opacity: 0.5;
	position: absolute;
	margin-top: 24px;
	z-index: 1;
}
.form .fullwidth .zg .ligne {
	width: 100%;
}
/*Test ssAccordéon après zg*/
.zgcontent + .ssaccordeon {
	margin-top: 24px;
}
.form .blocchamp,
.errormessage .blocchamp {
	display: flex;
	flex-direction: row;
	margin-bottom: 15px;
	margin-left: 30px;
	margin-right: 30px;
	align-items: center;
	justify-content: flex-start;
	position: relative;
}

.accordeonclientsproc {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 730px;
	padding-top: 20px !important;
	align-content: flex-start;
	gap: 5px !important;
}
.accordeonclientsproc .blocchamp {
	margin: 0px;
}
.accordeonclientsproc .blocchamp .libelle {
	display: none;
}
.accordeonclientsproc .blocchamp .container {
	width: 130px;
}

.form .blocchamp.fact0:before,
.form .blocchamp.fact1:before,
.form .blocchamp.fact2:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 10px;
	position: absolute;
	right: -8px;
	top: 3px;
	z-index: 1;
}
.fact0:before {
	background-color: #0bd70b;
}
.fact1:before {
	background-color: orange;
}
.fact2:before {
	background-color: red;
}
.legendefact {
	position: relative;
	margin-left: 25px;
	font-family: var(--font-familydefault);
}
.legendefact.fact0:before,
.legendefact.fact1:before,
.legendefact.fact2:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 10px;
	position: absolute;
	left: -13px;
	top: 7px;
}
.form .blocchamp.flexstart,
.errormessage .blocchamp.flexstart {
	align-items: flex-start; /*Demande 97755 : les libellés de textarea ne doivent plus être centrés verticalement*/
}
.ulwrapper .blocchamp {
	margin: 0px;
}
.errormessage div.loading {
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 100% 100%;
	height: 70px;
	width: 70px;
	margin: auto;
}
.divloading {
    width: 100%;
    opacity: 0.7;
    height: calc(100% - 56px - 58px) !important;
    position: absolute;
    display: block;
    z-index: 9999999999;
	background-color: #ffffff;
}
.divloading .loading {
    margin-left: auto !important;
	margin-right: auto !important;
    margin-bottom: auto !important;
    margin-top: 20% !important;
    z-index: 99999999999999999;
	height: 120px;
	width: 120px;
}

.errormessage .blocchamp {
	margin-left: 0px;
	margin-right: 0px;
}

#froalaTesterEmail {
	padding-right: 25px;
}
#froalaTesterEmail .form .zg {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.form .sfl.enliste .blocchamp,
.form .ssfl.enliste .blocchamp,
.form .sflspec.enliste .blocchamp {
	margin: 0px;
}
.form .blocchamp.blocfroala {
	display: block;
}
#editeurEnqueteFroala .blocchamp.blocfroala,
#editeurEnqueteFroala2 .blocchamp.blocfroala {
	margin-bottom: 0px !important;
}
.form .zgcontent .blocchamp:last-child {
	margin-bottom: 0px;
}
.form .accordeoncontent .zgcontent:not(.zgspec,.specparamcot):last-child :not(.blocenglobcaseacocher) .blocchamp:last-child {
	margin-bottom: 30px !important;
}
.blocfroala:last-child:not(.mbForce0) {
	margin-bottom: 30px !important;
}
.gestionColonneSFC .sfletboutons.enliste,
.gestionColonneSFC .ssfletboutons.enliste {
	padding-top: 0px !important;
}
.gestionColonneSFC .newSflGlobal {
	padding-bottom: 0px !important;
}
#donModePaiement .blocchamp,
#atvPubliCheckbox .blocchamp:last-child {
	margin-bottom: 0px !important;
}
.form .blocchamp.nomarginbottom {
	margin-bottom: 0px;
}
.form .blocchamp .libelle,
.errormessage .blocchamp .libelle {
	color: #a3a3a3;
	text-align: right;
	/*width:165px;*/ /*demande75145*/
	/*width:145px;*/
	width: 140px;
	margin-right: 15px;
	margin-top: -2px; /*corrige l'alignement en cas de centrage vertical*/
	word-wrap: break-word;
}
.errormessage .formAjoutDonOpeFin .blocchamp .libelle {
	width: 120px !important;
}
.form .blocchamp.flexstart .libelle,
.errormessage .blocchamp.flexstart .libelle {
	margin-top: 7px;
}
.form .blocchamp.flexstart.flexradio .libelle,
.errormessage .blocchamp.flexstart.flexradio .libelle {
	margin-top: 9px;
}
.indicationspassword {
	color: #7d7d7d;
	font-family: var(--font-familydefault);
	font-weight: 500;
	font-size: 14px;
}
.connexion .indicationspassword {
	margin-bottom: 15px;
}
.indicationspassword ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.indicationspassword ul li {
	color: #ff5a5a;
	position: relative;
	padding-left: 31px;
}
.blocchamp .indicationspassword ul li {
	padding-left: 13px;
}
.indicationspassword ul li.okli {
	color: green;
}
.indicationspassword ul li::before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 12px;
	background-color: #ff5a5a;
	position: absolute;
	margin: 8px 0px 0px -12px;
}
.indicationspassword ul li.okli::before {
	background-color: green;
}
.errormessage .blocchamp .libelle {
	width: 70px;
	font-size: 15px;
}
.errormessage .blocchamp .libelle.large {
	width: 115px;
}
.form .sfl.enliste table .blocchamp .libelle,
.form .blocchamp.fullwidth .libelle,
.form .ssfl.enliste table .blocchamp .libelle,
.form .sflspec.enliste table .blocchamp .libelle {
	display: none;
}
.form .blocchamp.fullwidthAvecLibelle .libelle {
	display: block;
	padding-bottom: 8px;
}

.form .blocchamp .champ,
.errormessage .blocchamp .champ {
	position: relative;
}
.form .sfl.enliste table .blocchamp .champ,
.form .blocchamp.fullwidth .champ,
.form .ssfl.enliste table .blocchamp .champ,
.form .sflspec.enliste table .blocchamp .champ {
	width: 100%;
}
.form .blocchamp .champ input[type="text"],
.form .blocchamp .champ input[type="password"],
.form .blocchamp .champ textarea,
.form .blocchamp div.looktextarea,
.qurQurTextarea {
	color: #7d7d7d;

	/*width:328px;*/ /*demande75145*/
	width: 288px;
	background-color: white;

	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);

	border: 1px solid #dadada;
	border-radius: 4px;

	margin: 0px;
}
.form .blocchamp .champ input[type="range"] {
	-webkit-appearance: none;
	padding: 0;
	font: inherit;
	outline: none;
	color: var(--color-logo); /*couleur de fond du curseur*/
	background: #dadada; /*couleur de fond de la barre */
	box-sizing: border-box;
	cursor: pointer;
	width: 310px; /*largeur de la barre*/
	margin: 0px;
	height: 10px; /*hauteur de la barre*/
}
.champsflex {
	display: flex;
	justify-content: center;
	align-items: center;
}
.champsflexsep {
	justify-content: center;
	align-items: center;
	padding: 0px 10px 0px 10px;
}
input[type="range"]::-moz-range-track {
	height: 100%;
	border: none;
	border-radius: 0;
	background-color: transparent; /* supprimé définie sur l'input */
}
input[type="range"]::-webkit-slider-runnable-track {
	height: 100%;
	border: none;
	border-radius: 0;
	background-color: transparent; /* supprimé définie sur l'input */
}
input[type="range"]::-ms-track {
	height: 100%;
	border: none;
	border-radius: 0;
	background-color: transparent; /* supprimé définie sur l'input */
}
input[type="range"]::-moz-range-thumb {
	-webkit-appearance: none;
	width: 15px;
	height: 100%;
	border: none;
	border-radius: 0;
	background: currentColor;
}
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 15px;
	height: 100%;
	border: none;
	border-radius: 0;
	background: currentColor;
}
input[type="range"]::-ms-thumb {
	-webkit-appearance: none;
	width: 15px;
	height: 100%;
	border: none;
	border-radius: 0;
	background: currentColor;
}

input[type="color"] {
	-webkit-appearance: none;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);

	margin: 0px;
	padding: 0px;
	height: 33px;
	width: 96px;
	opacity: 0;
	display: block;
	border: none;
}
input::-webkit-color-swatch {
	border: none;
}
.color-picker-wrapper {
	height: 33px;
	width: 96px;
	border: 1px solid #dadada;
	border-radius: 4px;
}
.color-picker-wrapper:hover,
input[type="color"]:hover {
	cursor: pointer !important;
}
.avecpadlef20 {
	padding-left: 20px !important;
}
.boutongauche {
	left: 0 !important;
	margin-left: 5px !important;
	margin-right: 0px !important;
	cursor: pointer;
}
.augmdim {
	color: var(--color-boutonbas) !important;
	margin: auto !important;
	transition: 0.3s !important;
    position: relative;
}

.form .blocchamp.avecbouton .champ input[type="text"],
.form .blocchamp.avecbouton .champ textarea,
.qurQurTextarea {
	/*on augmente le padding right de 20px, on reduit donc la largeur de 20px*/
	padding-right: 30px;
	/*width:308px;*/ /*demande75145*/
	width: 268px;
}
.form .blocchamp .champ input[type="text"].filename,
.errormessage input[type="text"].filename {
	cursor: pointer;
	background: url("../images/folder.png") no-repeat;
	background-size: 20px 20px;
	background-position: right 10px center;
}
.errormessage input[type="text"].filename {
	padding: 3px 0px 4px 10px;
}
.form .blocchamp .champ .divinput,
.errormessage .champ .divinput {
	display: inline-block;
	position: relative;
}
.form .blocchamp .champ .divinput div,
.errormessage .champ .divinput div {
	position: absolute;
	cursor: pointer;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.form .blocchamp.champlie .champ input[type="text"].loading,
.errormessage .blocchamp.champlie .champ input[type="text"].loading {
	background-color: #f4f4f4;
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 20px 20px;
}

.form .sfl.enliste .blocchamp .champ input[type="text"],
.form .ssfl.enliste .blocchamp .champ input[type="text"] {
	width: calc(100% - 22px);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.03);
}

.form .sfl.enliste .champOpeFin_date .blocchamp .champ input[type="text"] {
	width: 95px !important;
}

.form .sflspec.enliste .blocchamp .tier {
	width: 96px;
}
.form .sflspec.enliste .blocchamp .otherChamp input[type="text"] {
	width: calc(100% - 22px);
}
.form .sfl.enliste .blocchamp.avecbouton .champ input[type="text"],
.form .ssfl.enliste .blocchamp.avecbouton .champ input[type="text"],
.form .sflspec.enliste .blocchamp.avecbouton .champ input[type="text"] {
	width: calc(100% - 42px);
}
.form .blocchamp .blocradio {
	/*margin-bottom:13px;
	display:flex;
	flex-direction:row;
	align-items:center;*/
}
.form .blocchamp .blocradio:last-child {
	/*margin-bottom:0px;*/
}
.form .blocchamp .champ .image {
	width: 200px;
	height: 200px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	border: 1px solid #dadada;
	border-radius: 4px;
}
.form .blocchamp .champ textarea,
.qurQurTextarea {
	height: 55px;
	resize: none;
	max-height: 1000px;
}
.form .blocchamp .champ textarea.minheightdouble {
	min-height: 88px;
}
.form .blocchamp .champ textarea.heightreduite {
	height: 44px;
	overflow: hidden !important;
}
.form .blocchamp .champ textarea.huitLignes {
	height: 203px !important;
}
.form .blocchamp .champ textarea.deuxLignes {
	resize: none;
	height: 71px;
	overflow-y: none;
}
.form .blocchamp .champ textarea.uneLignes {
	height: 35px !important;
}

/*.form .blocchamp.blocbbcode .champ textarea {
	width:calc(100% - 20px - 2px); 
	display:block;
	height:300px;
}*/
.form .blocchamp.fullwidth .champ textarea,
.form .blocchamp.fullwidth div.looktextarea {
	width: calc(100% - 20px - 2px); /* moins padding moins border */
}
.form .blocchamp.avecbouton.fullwidth .champ textarea,
.form .blocchamp.avecbouton.fullwidth div.looktextarea {
	width: calc(100% - 20px - 2px - 20px); /* moins padding moins border moins padding supplémentaire du bouton ...*/
}
.form .blocchamp.fullwidth div.looktextarea {
	width: calc(100% - 20px - 2px - 90px);
}

.disabledcb {
	background-color: #efefef;
}
.fr-view-disable {
	background-color: #efefef;
	border: 1px solid #dadada;
	border-radius: 4px;
	padding-left: 6px;
	padding-right: 6px;
}
.champ .fr-view-disable {
	border-radius: 5px; /*BV : 08/10/2021 : passage de 10 à 5*/
}

/* Checkboxes Activation Entités -- Nommées checkboxTableauMulticolonnes */
/* et Radios Gestion Entités -- Nommées radiosTableauMulticolonnes */
.form .blocchamp.checkboxTableauMulticolonnes, .form .blocchamp.checkboxTableauMulticolonnes .champ,.form .blocchamp.checkboxTableauMulticolonnes .champ .bloccheckbox, .form .blocchamp.radiosTableauMulticolonnes, .form .blocchamp.radiosTableauMulticolonnes .champ, .form .blocchamp.radiosTableauMulticolonnes .champ .blocradio {
	width: 100%;
	height: 100%;
	position: initial;
}
.form .blocchamp.checkboxTableauMulticolonnes, .form .blocchamp.radiosTableauMulticolonnes {
	margin: 0 !important;
	margin-bottom: 0 !important;
}
.form .blocchamp.checkboxTableauMulticolonnes .libelle, .form .blocchamp.radiosTableauMulticolonnes .libelle {
	display: none;
}
.form .blocchamp.checkboxTableauMulticolonnes .champ .bloccheckbox, .form .blocchamp.radiosTableauMulticolonnes .champ .blocradio {
	padding: 0;
	border: 0;
}
.form .blocchamp.checkboxTableauMulticolonnes .champ .bloccheckbox .unselectable {
	width: 0;
}
.form .blocchamp.checkboxTableauMulticolonnes .champ .bloccheckbox label {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: initial;
	transition: .8s;
}
.form .blocchamp.checkboxTableauMulticolonnes .champ .bloccheckbox label .checkmark {
	position: sticky;
}

/* Radios Gestion Entités -- Nommées radiosTableauMulticolonnes */
.form .blocchamp.radiosTableauMulticolonnes .champ .blocradio {
	display: flex;
	align-content: center;
}
.form .blocchamp.radiosTableauMulticolonnes .champ .blocradio label {
	width: 50%;
	padding: 0;
	color: transparent;
	transition: .8s;	
}
.form .blocchamp.checkboxTableauMulticolonnes .champ .bloccheckbox label:hover , .form .blocchamp.radiosTableauMulticolonnes .champ .blocradio label:hover {
	background: rgba(0, 0, 0, 0.025);
	transition: .15s;
}
.form .blocchamp.radiosTableauMulticolonnes .champ .blocradio label .checkmark {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.form .blocchamp.radiosTableauMulticolonnes .champ .blocradio label input:disabled+.checkmark {
	background: #dadada !important;
}


/* Tableau Paramètres */
/* Utilisé notamment pour les Entités */
.tableParamHeadTr, .tableParamHeadTd1, .tableParamHeadTd2, .tableParamHeadTd3, .tableParamHeadTd4, .tableParamHeadTd5, .tableParamBodyTr, .tableParamBodyTd1, .tableParamBodyTd2, .tableParamBodyTd3  {
	display: flex; 
	text-align: center;
}
.tableParamHeadTd1, .tableParamHeadTd2, .tableParamHeadTd3, .tableParamHeadTd4, .tableParamHeadTd5, .tableParamBodyTd1 {
	justify-content: center;
	align-items: center; 
	border-radius: 2px;
	font-size: 1rem;
}
.tableParamHeadTr {
	font-family: var(--font-familydefault);
	font-size: 1rem; 
	line-height: 1rem;
	height: 3.25rem; 
	margin-top: 2rem; 
	margin-bottom: .10rem;
}
.tableParamHeadTd1 {
	width: 48%; 
	background: rgb(250,250,250); 
	margin-left: 1.5rem;
	margin-right: .2rem; 
	color: #7d7d7d; 
	justify-content: right; 
	padding: .5rem 1rem; 
}
.tableParamHeadTd2 {
	width: 18%;
	background: var(--colorsecondaire09);
	margin-left: .2rem; 
	margin-right: .2rem; 
	color:var(--colorsecondaire04);
	line-height: 1.25rem;
}
.tableParamHeadTd3 {
	width: 18%;
	background: rgb(240,240,240); 
	margin-left: .2rem;
	margin-right: 0; 
	color:var(--colorprincipale04); 
	text-align: center; 
	line-height:1.25rem; 
}
.tableParamHeadTd4 {
	width: 18%;
	background: rgb(240,240,240); 
	margin-right: 1.5rem; 
	color:var(--colorprincipale04); 
	text-align: center;   
	line-height:1.25rem; 
}
.tableParamHeadTd5 {
	width: 18%;
	background: var(--colorprincipale09);
	margin-left: .2rem; 
	margin-right: .2rem; 
	color:var(--colorprincipale04);
	line-height: 1.25rem;
}
.tableParamBodyTr {
	font-family: var(--font-familydefault);
	font-size: 1rem;
	line-height: 20px;
	padding:.25rem 1.5rem 0 1.5rem; 
	border-radius: 2px;
	break-inside: avoid;
	height: 3.25rem;
}
.tableParamBodyTd1 {
	width: 48%; 
	background: rgb(252,252,252);
	margin: .1rem .2rem .1rem 0; 
	color: #7d7d7d; 
	justify-content: right; 
	padding: .5rem 1rem; 
}
.tableParamBodyTd2 {
	width: 18%;
	background: var(--colorsecondaire10);
	margin: .1rem .2rem; 
	color: var(--colorsecondaire04); 
	transition: .1s;
}
.tableParamBodyTd3 {
	width: 36%;
	background: rgb(245,245,245);
	margin: .1rem 0 .1rem .2rem; 
	color: var(--colorsecondaire04); 
	text-align: center; 
	line-height:1rem; 
}
.tableParamBodyTd5 {
	width: 18%;
	background: var(--colorprincipale10);
	margin: .1rem .2rem; 
	color: var(--colorsecondaire04); 
	transition: .1s;
}


/* Class liens Froala*/
a.frLinkClassic:link {
	color: #0000ee !important;
}
a.frLinkClassic:visited {
	color: #551a8b !important;
}
a.green {
	color: green !important;
}
a.eurBlue {
	color: #2c63ff !important;
}
a.eurGreen {
	color: #72d54a !important;
}
a.eurBlueGrey {
	color: #479dc5 !important;
}
a.eurGreenGrey {
	color: #67b9b2 !important;
}

/* Class liens Froala*/

.form .blocchamp .champ input[type="text"]:disabled,
.form .blocchamp .champ input[type="password"]:disabled,
.form .blocchamp .champ textarea:disabled,
.container.disabled,
.blocradio.disabled,
.select.disabled,
.sfl.enliste td.disabled,
.ssfl.enliste td.disabled,
.ssaccordeon.disabled,
.sflspec.enliste td.disabled,
.ssfl.enliste td.disabled {
	background-color: #efefef;
}

.MasquageCSSF input[type="text"]:disabled,
.MasquageCSSF textarea:disabled,
.MasquageCSSF .container.disabled,
.MasquageCSSF .blocradio.disabled,
.MasquageCSSF select:not(#qurQueTitreDialogueSelect):disabled {
	border-color:#0428f9 !important;
}

.MasquageCSSF input[type="text"],
.MasquageCSSF textarea,
.MasquageCSSF .container,
.MasquageCSSF .blocradio,
.MasquageCSSF select:not(#qurQueTitreDialogueSelect) {
	border-color:#0428f9 !important;
}

.form .blocchamp .champ input[type="text"]:focus,
.form .blocchamp .champ input[type="password"]:focus,
.form .blocchamp .champ textarea:focus,
.tabHierarchique input:focus,
.qurQurTextarea:focus {
	border: 2px solid #b3cddd;
}
.thinvisible{
	color: transparent !important;
	background: transparent !important;
	border: transparent !important;
}
.form .blocchamp .champ.huitieme input[type="text"] {
	width: 30px;
}
.form .blocchamp .champ.quart input[type="text"] {
	width: 67px;
}
.form .blocchamp .champ.tier input[type="text"] {
	width: 96px;
}
.form .blocchamp .champ.demi input[type="text"] {
	width: 154px;
}
.form .blocchamp .champ.demimi input[type="text"] {
	width: 174px;
}
.form .blocchamp .champ.presquetier input[type="text"] {
	width: 120px;
}
.form .blocchamp .champ.presquedemi input[type="text"] {
	width: 162px;
}
.form .blocchamp .champ.double input[type="text"] {
	width: 500px;
}
.doubletextarea {
	width: 500px !important;
}
.form .blocchamp .champ.full input[type="text"] {
	width: 100%;
}
.form .blocchamp .champ.bonchemin input[type="text"] {
	background-color: #d4ffd4;
	width: 500px;
}
.form .blocchamp .champ.mauvaischemin input[type="text"] {
	background-color: #ffd8d4;
	width: 500px;
}
.form .blocchamp .champ.cheminvide input[type="text"] {
	width: 500px;
}
.form .blocchamp .champ.urlhttps input[type="text"] {
	color: #10bd10;
}

.form .blocchamp .champ.quart select {
	width: 89px;
}
.form .blocchamp .champ.tier select {
	width: 118px;
}
.form .blocchamp .champ.demi select {
	width: 176px;
}
.form .blocchamp .champ.demimi select {
	width: 196px;
}

.blocdialogue .champ.quart input[type="text"] {
	width: 50px;
}
.blocdialogue.date {
	margin-left: 40px;
}
.blocdialogue .champ input[type="text"]:disabled {
	background-color: #efefef;
}

#tabRequetesLignes tr.selected input {
	border: solid 1px --main-bg-color;
}
.select.noborder {
	color: var(--color-logo); /*déplacé ici de sourcesanspro.css et museosans.css le 18/11/2021 par BV*/
}
.form .blocchamp .boutons,
.errormessage .blocchamp .boutons {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 22px;
	position: absolute; /*BV - rajouté le 02/06/2020 - bug dans les sfl en liste*/
	right: 0px;
	top: 4px;
}
.form .blocchamp .champ input[type="text"]:disabled + .boutons,
.form .blocchamp .champ input[type="password"]:disabled + .boutons,
.form .blocchamp .champ textarea:disabled + .boutons {
	display: none;
}
.form .blocchamp .champ input[type="text"]:disabled.voirboutonquandmeme + .boutons,
.form .blocchamp .champ input[type="password"]:disabled.voirboutonquandmeme + .boutons,
.form .blocchamp .champ textarea:disabled.voirboutonquandmeme + .boutons {
	display: block;
}
.form.alldisabled .blocchamp .champ input[type="text"]:disabled.voirboutonquandmeme + .boutons,
.form.alldisabled .blocchamp .champ input[type="password"]:disabled.voirboutonquandmeme + .boutons,
.form.alldisabled .blocchamp .champ textarea:disabled.voirboutonquandmeme + .boutons {
	display: none;
}

.form .blocchamp .boutons div.points,
.errormessage div.points,
.boutonstoutseul .points {
	width: 21px;
	height: 22px;
	background-color: #f4f4f4;
	border-radius: 10px;
	margin-left: -26px;
	margin-top: 2px;
	cursor: pointer;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
}
.form .blocchamp .boutons div.points:focus {
	background-color: red;
}
.devboule {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	cursor: pointer;
	position: absolute;
	background-color: #5eb68a;
	margin: 4px 0px 0px -22px;
}
.zg .devboule {
	margin: 3px 0px 0px -22px;
}
.devboule.rouge {
	background-color: #ad4f4f;
}
.messageStyleRouge {
	color: #eb1313 !important;
}

.explorateur .petitcarrecliquable,
.explorateur .petitcarrenoncliquable {
	width: 16px;
	height: 16px;
	/*width:14px;height:14px;*/
	background-color: var(--colorprincipalespecial); /* Couleur du background du petitcarre */
	margin: 2px 0px 0px -29px;

	position: absolute;
	justify-content: center;
	align-items: center;
	display: flex;
}

.explorateur .petitcarrecliquable {
	cursor: pointer;
}

.explorateur .petitcarrecliquable::before,
.explorateur .petitcarrecliquable::after {
	content: "";
	position: absolute;
	background-color: var(--color-logo); /*Couleur du symbole "+" ou "-" */
}

.explorateur .petitcarrecliquable::before {
	width: 8px;
	height: 2px; /* Horizontal bar */
}

.explorateur .contracte .petitcarrecliquable::after {
	width: 2px;
	height: 8px; /* Vertical bar */
}

.explorateur ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.explorateur ul li {
	background-image: none;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: 0px 3px;
	position: relative;
	margin-top: 7px;
}

.explorateur span b {
	font-family: "source_sans_prosemibold"; /* BV : donne mieux que le <b></b> De manière générale il faut utiliser les polices définies source_sans_proregular, source_sans_prosemibold, source_sans_probold*/
	font-weight: normal;
}
.explorateur span.gras b,
.explorateur ul li ul li span.gras span {
	font-family: "source_sans_probold";
}
.ligneseparatrice:before {
	content: "";
	width: calc(100% - 30px);
	height: 1px;
	background-color: #dfe4e7;
	margin: 20px 0px;
	position: absolute;
	top: -36px;
}
.ligneseparatrice {
	margin-top: 30px !important;
}
.explorateur ul li ul {
	margin-top: 7px;
}
.explorateur ul li:first-child {
	margin-top: 0px;
}
/*.chrome .explorateur ul li{background-position:0px 5px;}*/
.explorateur ul li.noicon2 {
	page-break-inside: avoid;
	padding-left: 29px;
}
.explorateur ul li.iconvide {
	padding-left: 29px;
	background-image: url("../images/explocourant.png");
}
.explorateur ul li.noiconboule {
	padding-left: 0px;
}
.sflQuestions ul li i.iconvide {
	margin-left: 1px;
	margin-top: 5px !important;
	background-image: url("../images/explovide.jpg") !important;
	background-repeat: no-repeat !important;
	z-index: 299;
}
.explorateur ul ul ul ul {
	margin-top: -3px !important;
}

.explorateur ul ul ul ul span {
	line-height: 14px;
	font-size: 15px !important;
}

.contextMenu li:hover > a,
.contextMenu li.hover > a {
	background-color: var(--color-logo);
}

/* .contextMenu LI.sub > a.hover::after{ */
	/* border-top: 6px solid var(--color-logo); */
/* } */
/* .contextMenu .hover .triangeflechehaut::after{ */
	/* border-bottom: 6px solid var(--color-logo); */
/* } */

.explorateur ul li span {
	font-family: "source_sans_probold";
	font-size: 17px;
	color: var(--color-logo);
	line-height: 18px;
	display: block;
	background-image: none;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: 0px 3px;
}
.labelFonc {
	color: var(--color-logo);
}

.sflQuestions ul li span {
	font-family: "source_sans_proregular";
	font-size: 16px;
	color: #7d7d7d;
	line-height: 20px;
	display: block;
	background-image: none;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: 0px 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.sflQuestions ul li span.gras {
	font-family: "source_sans_probold";
	font-size: 17px;
	color: var(--color-logo);
	line-height: 25px;
	display: block;
	background-image: none;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: 0px 7px;
	max-height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

select:focus {
	border: 2px solid #b3cddd;
	background-position: right 9px top 11px;
}

.paletteCSS {
	position: absolute;
	margin-left: calc(calc(100% - 356px - 356px - 20px) / 2);
	z-index: 9999;
	top: 400px;
	box-shadow: 0px 0px 10px black;
	padding: 20px;
	background-color: white;
}
.connexion .paletteCSS {
	bottom: 10px;
	top: unset;
}
.paletteCSS .palettes,
.paletteCSS .boutons {
	gap: 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.paletteCSS .boutons {
	margin-top: 10px;
}
.paletteCSS .palettes .titre {
	font-family: var(--font-familydefault);
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 10px;
	color: #7a7a7a;
}

.explorateur ul ul li:first-child:not(.contextMenu li) {
	margin-top: 10px;
}

/*.chrome .explorateur ul li span{background-position:0px 5px;}*/
.explorateur ul li span.avecmenu {
	cursor: pointer;
}

/* .explorateur ul li.deploye {
	padding-left: 29px;
	
	background-image: url("../images/explomoins2.jpg");  L'image est gérer par la class petitcarrecliquable 21/06/2024 demande 103581
	background-size: 16px 16px;
	background-position: 0px 1px;
	margin-bottom: 20px;
}

.explorateur ul li.contracte {
	padding-left: 29px;
	background-image: url("../images/exploplus2.jpg");  L'image est gérer par la class petitcarrecliquable 21/06/2024 demande 103581
	background-size: 16px 16px;
	background-position: 0px 1px;
	margin-bottom: 20px;
} */

.explorateur ul li.listevide,
.explorateur ul li.contracte,
.explorateur ul li.deploye {
	padding-left: 29px;
	margin-bottom: 20px;
}

.explorateur ul li.listevide:last-child,
.explorateur ul li.contracte:last-child,
.explorateur ul li.deploye:last-child {
	margin-bottom: 0px;
}

.explorateur ul ul li.listevide,
.explorateur ul ul li.contracte,
.explorateur ul ul li.deploye {
	margin-bottom: 12px;
}

.explorateur ul ul ul li.listevide,
.explorateur ul ul ul li.contracte,
.explorateur ul ul ul li.deploye {
	margin-bottom: 0px;
}

.explorateur ul li span.vertsup {
	padding-left: 29px;
	background-image: url("../images/explovertsup.png");
}
.explorateur ul li span.horiz {
	padding-left: 29px;
	background-size:16px;
	background-position:-1px 1px;
	background-image: url("../images/explohoriz.png");
}
.explorateur ul li span.horiz2 {
	padding-left: 29px;
	background-size:16px;
	background-position:-1px 1px;
	background-image: url("../images/explohorizbis.png");
}
.explorateur ul li span.vertinf {
	padding-left: 29px;
	background-image: url("../images/explovertinf.png");
}
.explorateur ul li span.courant {
	padding-left: 29px;
	background-image: url("../images/explocourant.png");
}

.explorateur ul li span.boulecouleur {padding-left: 29px;}
.explorateur ul li span.boulecouleur::before{
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 12px;
	position: absolute;
	top: 4px;
	left: 29px;
}
.explorateur ul li.noiconboule span.boulecouleur::before {left: 0 !important;}

.explorateur ul li span.boulerouge::before {background-color: var(--rougeorganon);}
.explorateur ul li span.bouleverte::before {background-color: var(--vertorganon);}
.explorateur ul li span.boulebleue::before {background-color: var(--bleuorganon);}
.explorateur ul li span.boulegrise::before {background-color: #7d7d7d;} 
.explorateur ul li span.bouleorange::before {background-color: var(--orangeorganon);}
.explorateur ul li span.boulerose::before {background-color: #c458e1;}
.explorateur ul li span.boulejaune::before {background-color: var(--jauneorganon);}

.colorvertorganon {color: var(--vertorganon) !important;}
.colorjauneorganon {color: var(--jauneorganon) !important;}
.colorrougeorganon {color: var(--rougeorganon) !important;}
.colororangeorganon{color: var(--orangeorganon) !important;}
.colorbleuorganon{color: var(--bleuorganon) !important;}

.versionInfoUtilRight span.boulerouge::before, .versionInfoUtilRight span.bouleverte::before {
	padding-left: 0px;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 12px;
	/* position:absolute; */
	top: 4px;
	left: 29px;
	margin-right: 13px;
	display: inline-block;
}
.versionInfoUtilRight span.boulerouge::before {background-color: var(--rougeorganon);}
.versionInfoUtilRight span.bouleverte::before {background-color: var(--vertorganon);}

.explorateur ul li span.iconinvite {
	padding-left: 29px;
}
span.iconinvite::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 29px;
	width: 20px;
	height: 20px;
}
span.iconinvite:not(.noninvite)::before {
	-webkit-mask: url(../Images/iconesBoutons/persok1.svg) no-repeat center center;
	mask: url(../Images/iconesBoutons/persok1.svg) no-repeat center center;
	background-color: var(--vertorganon);
}
span.iconinvite.noninvite::before {
	-webkit-mask: url(../Images/iconesBoutons/persdanger.svg) no-repeat center center;
	mask: url(../Images/iconesBoutons/persdanger.svg) no-repeat center center;
	background-color: var(--orangeorganon); /*#e15858*/
}

.explorateur ul li span.iconpresence {
	padding-left: 29px;
}
span.iconpresence::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 54px;
	width: 20px;
	height: 20px;
}
span.iconpresence.prespresent::before {
	-webkit-mask: url(../Images/iconesBoutons/pres_present.svg) no-repeat center center / 20px 20px;
	mask: url(../Images/iconesBoutons/pres_present.svg) no-repeat center center / 20px 20px;
	background-color: var(--vertorganon);
}
span.iconpresence.presindetermine::before {
	-webkit-mask: url(../Images/iconesBoutons/pres_indetermine.svg) no-repeat center center / 20px 20px;
	mask: url(../Images/iconesBoutons/pres_indetermine.svg) no-repeat center center / 20px 20px;
	background-color: gold; /*#e15858*/
}
span.iconpresence.presabsent::before {
	-webkit-mask: url(../Images/iconesBoutons/pres_absent.svg) no-repeat center center / 20px 20px;
	mask: url(../Images/iconesBoutons/pres_absent.svg) no-repeat center center / 20px 20px;
	background-color: var(--rougeorganon); /*#e15858*/
}

.libelleAvecIconLarge span.boulecouleur::before {
	top: 4px !important;
	left: 58px !important;
}
.libelleAvecIconLargeGauche span.boulecouleur::before {
	top: 4px !important;
	left: 29px !important;
}

.libelleAvecIconLarge {
	padding-left: 58px;
}
.libelleAvecIconLargeGauche {
	padding-left: 58px;
}

.explorateur ul li ul li span,
.explorateur p,
.explorateur .froalaRendu td,
.explorateur .froalaRendu li,
.explorateur ul li span.nongras,
.explorateur ul li ul li ul li span,
.explorateur ul li ul li ul li ul li span
.explorateur ul li ul li ul li ul li ul li span,
.explorateur ul li ul li ul li ul li ul li ul li span {
	font-family: "source_sans_proregular";
	font-size: 16px;
	color: #7d7d7d;
}
.explorateur ul li ul li span a:not(.contextMenu a, .labelFonc, .couleurliens) {
	color: var(--color-logo);
}
.couleurliens {
	color: var(
		--colorprincipale04,
		var(--color-logo)
	); /* Couleur logo par defaut, couleurprincipale04 si il est définie */
}
.explorateur ul li ul li span a:not(.contextMenu a):hover {
	text-decoration: underline;
}
.explorateur p:not(.froalaRendu p) {
	margin: 0px 0px 5px 0px;
}
.explorateur ul li ul li span.gras {
	font-family: "source_sans_probold";
}
.explorateur ul li ul li span.red {
	color: red;
}
.explorateur li.contracte > ul {
	display: none;
}
.zgmarginsuptop{
	margin-top: 10px;
}
.explorateur ul li.deploye > span,
.explorateur ul li.contracte > span {
	cursor: pointer;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
#fonctionsdroite .element.disabled:hover .icone {
	background-color: white !important;
}
#fonctionsdroite .element.disabled,
.fonctionsbas .element.disabled,
.errorbloc .errorboutons .element.disabled {
	opacity: 0.5;
	cursor: default;
}
#fonctionsdroite .element.disabled {
	display: none; /*demande 80530 : on masque les procédures inaccessibles*/
}
#fonctionsdroite .element.disabled:hover .icone,
.fonctionsbas .element.disabled:hover .icone,
.errorbloc .errorboutons .element.disabled:hover .icone {
	background-color: white !important;
}
#flyoutcontent .element .icone .specIcon {
	width: 20px;
	min-width: 20px;
	height: 22px;
	background-position: center center;
	background-repeat: no-repeat;
}

.explorateur .menuexplo {
	margin-top: 25px;
}
.menucontextuel.menuexplo .element {
}
.menucontextuel.menuexplo .element .libelle {
}
.champcopy {
	display: none;
	position: absolute;
}
.texte {
	font-family: var(--font-familydefault);
	font-size: 17px;
	color: #a3a3a3; /*BV : comme les libellés de champs :-)*/	
}
.sfletboutons .texte {
	padding: 0px 10px 0px 10px;
}
.instructions {
	font-family: var(--font-familydefault);
	font-size: 21px; /*AVANT 18px - changement suite à la demande 95386*/
	line-height: 22px; /*AVANT rien - changement suite à la demande 95386*/
	height: 44px;
	overflow: hidden;
}
.instructionsDeuxLignes {
	position: relative;
	top: -12px;
}
.champcliquable {
	cursor: pointer !important;
}
/*.form .blocchamp.blocbbcode .bbcode {
	display:flex;
	flex-direction:row;
	align-items: flex-start;
	margin-bottom:5px;
	justify-content:space-between;
}
.form .blocchamp.blocbbcode .bbcode .left{
	display:flex;
	flex-direction:row;
	align-items: center;
	flex-wrap:wrap;
}
.form .blocchamp.blocbbcode .bbcode .right{
	display:flex;
	flex-direction:row;
	align-items: center;
}*/
a.pave {
	width: 150px;

	display: flex;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #eeeeee;
	float: left;
	margin: 0px 15px 15px 0px;
	text-align: center;
	flex-direction: column;
}
a.pave:hover {
	box-shadow: 0px 0px 5px #cccccc;
}
a.pave .titre,
a.pave .num {
	font-family: var(--font-familydefault);
	font-size: 17px;
	color: #7a7a7a;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
a.pave .num {
	font-weight: bold;
}
#popup {
	position: fixed;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	width: 700px;
	top: -60px; /* caché */
	left: calc(50% - 350px - 50px);

	z-index: 2147483647; /* au dessus de tout, même le fond obscurci lors d'un popup */
	font-family: var(--font-familydefault);
	opacity: 1;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	/*border-top-left-radius:10px;
	border-top-right-radius:10px;*/

	padding: 10px 50px;
	line-height: 21px;
	min-height: 30px;
}
#popup.valide {
	background-color: #a7f783;
}
#popup.invalide {
	background-color: #ff6060;
	color: white;
}
#popup.loading {
	color: #242424;
	background-color: #ffe7bb;
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: 30px 30px;
}

form .invalide,
form .invalidebloquant,
.errormessage .invalide {
	width: 18px;
	height: 18px;
	border-radius: 20px;
	background-color: #fd6767; /* rouge pour tous clients */
	background-image: url("../images/invalide.png");
	background-size: cover;
	position: absolute;
	margin: 7px 0px 0px 320px;
}
.invalidebloquant.invalideMoyen{
	margin: 7px 0px 0px 198px;
}
.invalide.invalideMoyen{
	margin: 7px 0px 0px 198px;
}
form .fullwidth .invalide,
form .fullwidth .invalidebloquant,
.errormessage .fullwidth .invalide {
	right: 0px;
	margin-right: -28px;
}
form .sfl.doublonsInterdits .invalide {
	margin: -17px 0px 0px 320px;
}
form .sfl.enliste .fullwidth .invalide,
form .sfl.enliste .fullwidth .invalidebloquant,
.errormessage .sfl.enliste .fullwidth .invalide {
	right: auto;
}
.errormessage .invalide {
	margin-left: 280px;
}
.errormessage .invalide.quart {
	margin-left: 104px;
}
.errormessage input[type="text"].invalideInput {
	width: 210px;
}
/*form .blocchamp.blocbbcode .invalide{
	margin:5px 0px 0px calc(100% + 5px);
}*/
.errormessage .formAjoutCodePostal .invalide,
.errormessage .formGenererMai .invalide,
.errormessage .formEnvoiDisponibiliteReu .invalide,
.errormessage .formAjoutFicheRemplacement .invalide,
.errormessage .formAjoutDonOpeFin .invalide,
.errormessage .formAjoutLieu .invalide {
	margin-left: 316px !important;
}

form .invalidebloquant.ok,
form .ok {
	background-color: green; /* vert pour tous clients */
	background-image: url("../images/ok.png");
}
.petitinvalide {
	width: 18px;
	height: 18px;
	border-radius: 20px;
	background-color: #fd6767; /* rouge pour tous clients */
	background-image: url("../images/invalide.png");
	background-size: cover;
	margin-left: 10px;
}
form .sfl.enliste .invalide,
form .ssfl.enliste .invalide,
form .sflspec.enliste .invalide,
form .ssfl .invalide {
	width: 18px;
	height: 18px;
	right: 0px;
	margin-right: 5px;
}
form .sfl.enliste .champlie .invalide,
form .ssfl.enliste .champlie .invalide,
form .sflspec.enliste .champlie .invalide,
form .ssfl .champlie .invalide {
	margin-right: 30px;
}
form .sfl.enliste .tdcheckbox .invalide,
form .ssfl.enliste .tdcheckbox .invalide,
form .sflspec.enliste .tdcheckbox .invalide {
	margin: -15px 0px 0px 3px;
	height: 12px;
	width: 12px;
	position: relative;
	z-index: 99999;
	float: left;
	display: block;
}
form .ssfl .invalide {
	margin: 5px 0px 0px -119px;
}
form .invalide.invalideselect {
	margin: 5px 0px 0px 10px;
}
form.connexion .invalide {
	width: 16px;
	height: 16px;
	margin: 9px 0px 0px 346px;
}
.selectExistingValue {
	margin-top: 15px;
	padding-right: 15px;
	max-height: 200px;
	overflow: auto;
}
.selectExistingValue table {
	border-collapse: collapse;
	width: 100%;
}
.selectExistingValue table tr td {
	cursor: pointer;
	border: 1px solid #f1f1f1;
	padding: 3px 10px 3px 10px;
}
.selectExistingValue table tr:hover td {
	background-color: #efefef;
}

.rechercheAvancee #boutonTousLesCrit {
	position: relative;
	margin-top: 10px;
}

.rechercheAvancee #champValeurExploContent {
	height: calc(100% - 101px);
	overflow-y: hidden;
	overflow-x: hidden;
	width: 100%;
	border: 1px solid #dadada;
	box-shadow: 1px 1px 3px 1px rgba(241, 241, 241, 0.75);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(241, 241, 241, 0.75);
	-moz-box-shadow: 1px 1px 3px 1px rgba(241, 241, 241, 0.75);
	border-radius: 4px;
}

.operateurs,
.champValeur {
	display: none;
}

.rechercheAvancee .separateurInput {
	margin-bottom: 11px;
}

.unselectable {
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.catfirstcolrechrapid {
	border: 1px solid #5da7db !important;
}
#bandeauVersion,
#bandeauShutdown {
	width: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1000;

	font-weight: bold;
	font-size: 17px;
	text-align: center;
}
#bandeauVersion {
	height: 50px;
	min-height: 50px;
	background-color: #ff5b5b;
	color: white;
	font-family: Arial;
	letter-spacing: 0.01em;
}
#bandeauShutdown {
	font-family: Verdana;
	height: calc(var(--heightbandeaushutdown) - 1px);
	min-height: calc(var(--heightbandeaushutdown) - 1px);
	background-color: yellow;
	color: black;
	border-bottom: 1px solid black;
}
.bandeauaffiche #bandeauVersion,
.withBandeauShutdown #bandeauShutdown {
	display: flex !important;
}

.maintenanceImg {
	height: 60px;
	padding-left: 25px;
	padding-right: 25px;
}

.radioColRecherche .containerradio {
	color: #7d7d7d !important;
	font-family: "source_sans_prosemibold" !important;
	font-size: 17px !important;
	cursor: pointer !important;
	opacity: 0.69 !important;
}

#mainContent {
	height: 100%;
}

#iconeFermetureBandeau {
	background-image: url("../images/croixFermetureBandeau.png");
	background-size: cover;
	background-position: center center;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	cursor: pointer;
}

#inclureSousCat label,
#boutonTousLesCrit label {
	/*position: relative;
	left: 15px;
	cursor:pointer;*/
}

#inclureSousCat {
	position: relative;
	top: 15px;
}

/* Gestion du champ valeur de type dateH dans le dialogue de recherche avancée. */
#champValeurDateH,
#champValeurDoubleDateH {
	width: 45%;
	position: relative;
}
#champValeurDateH #anneeDateH label,
#champValeurDateH #moisDateH label,
#champValeurDateH #jourDateH label,
#champValeurDoubleDateH #anneeDateH1 label,
#champValeurDoubleDateH #moisDateH1 label,
#champValeurDoubleDateH #jourDateH1 label,
#champValeurDoubleDateH #anneeDateH2 label,
#champValeurDoubleDateH #moisDateH2 label,
#champValeurDoubleDateH #jourDateH2 label {
	left: 0px !important;
	display: inline;
	top: 11.5px;
}

#champValeurDateH input,
#champValeurDoubleDateH input {
	width: 25%;
	position: absolute;
	right: 5px;
}
#champValeurDateH input:disabled,
#champValeurDoubleDateH input:disabled {
	background-color: #efefef;
}

#champValeurDateH > div,
#champValeurDoubleDateH > div > div {
	margin-bottom: 25px;
}

#champValeurDateH > div:first-child,
#champValeurDoubleDateH > div > div:first-child {
	margin-bottom: 10px;
}

#champValeurDoubleDateH #sepDoubleDateH {
	margin-bottom: 35px;
}

.messageabout {
	margin: 0px !important;
}
.logoOrganica {
	width: 100%;
	height: 75px;
	/*background-image:url('../images/logoOrganica.png');
	background-position:center center;*/
	background: url(https://cdn.organica.technology/OfficeWeb/bg/ORGANICA_NEWLOGO_horizontal.png) no-repeat center;
	background-size: contain;
}
.logoOrganica,
.adresseOrganica,
.internetOrganica,
.contactOrganica {
	margin-bottom: 10px;
}
.internetOrganica:hover,
.contactOrganica:hover {
	text-decoration: underline;
}
.versionOrganon {
	font-weight: bold;
}

#donManquantes #requests {
	display: none;
}

#donmanq,
#req {
	color: #8d8d8d;
}
/*.form .blocchamp.blocbbcode .champ div.textareapreview,.form .blocchamp.blocbbcode .champ div.textareapreview2 {
	background-color:#F7F7F7;
	color: #7D7D7D;
	border: 1px solid #DADADA;
	border-radius: 4px;
	font-family: 'source_sans_proregular';
	font-size: 17px;
	padding: 3px 10px 4px 10px;
	overflow: Auto;
}
.form .blocchamp.blocbbcode .champ div.textareapreview{margin-top:20px;}
.form .blocchamp.blocbbcode .champ div.textareapreview2{margin-top:0px;height:600px;}
.form .blocchamp.blocbbcode .champ textarea.test{
	height:600px;
	width: 45%;
	float : left;
	margin-right:10px;
}*/
.boutonTest {
	margin: 0px;
	border-radius: 10px;
	border: 0px;
	background-color: var(--main-bg-color);
	color: white;
	font-family: var(--font-familydefault);
	padding: 10px 20px 10px 20px;
	font-weight: bold;
	cursor: pointer;
}

#dialogueChoisirArbreCatPresentationContenant,
#dialogueChoisirCatAAffecterContenant {
	height: calc(100% - 10px - 14px - 28px);
	height: calc(
		100% - 88px + 20px
	); /*11/01/2023 BV : je remets l'ancienne valeur, retirer le "-13px" provoque un soucis d'affichage dans le dialogue de choix de catégories dans une fiche Relations par exemple*/
	/* 02/08/2024 QA : Lorsqu'il y a 1 ou quelques valeurs, à cause du padding on ne vois plus l'entiereté des données, du coup rajout d'un + 20px */
	overflow: hidden;
	border: 1px solid #dadada;
	box-shadow: 1px 1px 3px 1px rgba(241, 241, 241, 0.75);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(241, 241, 241, 0.75);
	-moz-box-shadow: 1px 1px 3px 1px rgba(241, 241, 241, 0.75);
	width: calc(100% - 2px); /*border*/
}
#dialogueChoisirCatAAffecterContenant .jstree-icon {
	display: none;
}
#dialogueChoisirContenant {
	display: flex;
	width: 100%;
	justify-content: space-between;
	height: calc(100% - 36px - 18px);
	color: #7d7d7d;
}
#dialogueChoisirCriteresPrefs {
	display: flex;
	width: 100%;
	justify-content: space-between;
	height: 100%;
}
#dialogueChoisirCriteresPrefs {
	color: #8d8d8d !important;
}
#dialogueChoisirColonnesSFP {
	display: flex;
	width: 90%;
	justify-content: space-between;
	color: #8d8d8d !important;
	margin-left: 30px;
	max-height: 68.5vh;
	margin-bottom: 30px;
}
#dialogueChoisirColonnesSFP h3 {
	font-family: var(--font-familydefault);
}
.dialogueChoisirColonne {
	width: 100%;
}
.dialogueChoisirColonne.demi {
	width: calc(calc(100% - 80px) / 2);
}
#dialogueChoisirTexteDuHaut {
	color: var(--color-logo);
	margin-bottom: 25px;
	letter-spacing: 0.5px;
}
.dialogueChoixCat h3 {
	color: var(--main-bg-color);
}

.dialogueChoixCat label {
	color: #636465;
	font-size: 12px;
}

.descriptionChoisirCheminContenantContenant{

}
.boutonFleche1,
.boutonFleche2,
.boutonFleche3 {
	border-radius: 50%;
	background-color: #b9b9b9;
	width: 26px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease; /* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
.boutonFleche1 {
	background-image: url("../images/right.png");
}
.boutonFleche2 {
	background-image: url("../images/left.png");
}
.boutonFleche3 {
	background-image: url("../images/leftdouble.png");
}
.boutonFleche1:hover,
.boutonFleche2:hover,
.boutonFleche3:hover {
	background-color: #9b9b9b;
}

#dialogueChoisirBoutonsMilieu {
	width: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#dialogueChoisirBoutonsMilieu div {
	margin-bottom: 5px;
}
.sousLabelsDiv{
	margin-top:8px;
	display:flex;
}
.sousLabelsDiv .sousLabel:nth-child(1) {
	width:calc(40% - 17px);
	
}
.sousLabelsDiv .sousLabel:nth-child(2) {
	width:calc(60% - 17px);
}
.sousLabel{
	padding-left:17px;
	font-size:11px!important;
	color: #b9b9b9 !important;
}

#deplContr,
.fonctionsEnuUtiActionDroite {
	border: none;
	display: flex;
	margin-top: 15px;
	cursor: pointer;
	font-size: 16px;
	font-family: var(--font-familydefault);
	font-weight: 600;
	letter-spacing: 0.8px;
}
.fctEnuUtiDroite .fonctionsEnuUtiActionDroite {
	margin-left: 10px;
}

#deplContr .libelle,
.fonctionsEnuUtiActionDroite .libelle {
	color: var(--color-logo);
	display: flex;
	align-items: center;
}

#dialogueChoisirArbreCatPresentationContenant,
#dialogueChoisirCatAAffecterContenant {
	margin-top: 5px;
	border-radius: 4px;
}

#dialogueChoisirArbreCatPresentation,
#dialogueChoisirCatAAffecter,
#dialogueChoisirChemin {
	padding-left: 15px;
	padding-top: 10px;
}
.choisirColonneChamps {
	padding-left: 5px !important;
	padding-top: 5px !important;
}
.choisirColonneChamps a {
	margin-left: -18px !important;
}
.choisirColonneChamps2 {
	padding-left: 8px !important;
	padding-top: 5px !important;
}
.choisirColonneChampsContenu {
	height: calc(100% - 10px - 14px - 15px - 13px) !important;
	font-family: var(--font-familydefault) !important;
}

#dialogueChoisirCatAAffecterContenant {
	display: flex;
	justify-content: space-between;
}

#dialogueChoisiCatAAffecterScroll1 {
	width: calc(40%);
	height: 100%;
	border-right: 1px solid #dadada;
}

#dialogueChoisiCatAAffecterScroll2 {
	height: 100%;
	width: calc(60%);
}
.dflex {
	display: flex;
}

td.iconeDocument {
	padding-right: 3px !important;
	width: 30px;
}
td.iconeDocument img {
	width: 30px;
	height: 30px;
	display: block;
	margin-top: 2px;
}

.pdf embed,
.pdf iframe {
	width: 100%;
	height: 600px;
}

#froalaTesterPDF {
	padding-left: 0px;
}
#froalaTesterPDF .pdf {
	height: calc(100% - 3px);
}
#froalaTesterPDF .pdf embed {
	height: 100% !important;
}

.iframefaccli {
	border: 0px;
	border: 1px solid #7d7d7d;
	width: 21cm;
	height: 29.7cm;

	/*-ms-zoom: 0.75;
	-moz-transform: scale(0.75);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.75);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.75);
	-webkit-transform-origin: 0 0;*/
}
/*#boutonDepHautPtOrdre {background-image: url('../images/explovertsup.png');background-size:20px 20px;}
#boutonDepBasPtOrdre {background-image: url('../images/explovertsup.png');transform: rotate(180deg);background-size:20px 20px;}
#boutonDepGauchePtOrdre {background-image: url('../images/explovertsup.png');transform: rotate(270deg);background-size:20px 20px;}
#boutonDepDroitePtOrdre {background-image: url('../images/explovertsup.png');transform: rotate(90deg);background-size:20px 20px;}*/

.decompte-counter {
	display: flex;
	justify-content: center;
	margin-top: 8px;
}
.decomptecount {
	position: relative;
	width: 44px;
	height: 44px;
}
.decomptecount__svg {
	transform: scaleX(-1);
}
.decomptecount__cercle {
	fill: none;
	stroke: none;
}
.decomptecount__path-elapsed {
	stroke-width: 9px;
	stroke: #ffffff;
}
.decomptecount__path-remaining {
	stroke-width: 7px;
	stroke-linecap: round;
	transform: rotate(90deg);
	transform-origin: center;
	transition: 1s linear all;
	fill-rule: nonzero;
	fill: #ffffff;
	stroke: var(--main-bg-color);
}
.decomptecount__path-remaining.green {
	color: var(--main-bg-color);
}
.decomptecount__label {
	position: absolute;
	width: 44px;
	height: 42px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	letter-spacing: -0.02em;
	font-family: var(--font-familydefault);
	color: #4d4d4d;
}

#zoneBoutonsPtOrdreDuJour > div:hover {
	background-color: #59c1df;
}

.newfenetre .accordeoncontent,
.newfenetre .ssaccordeoncontent {
	column-count: 1;
	width: 100%;
}
.newfenetre.deuxcol .accordeoncontent,
.newfenetre.deuxcol .ssaccordeoncontent {
	column-count: 2;
	width: calc(524px * 2);
	column-gap: 0px;
}
.newfenetre.troiscol .accordeoncontent,
.newfenetre.troiscol .ssaccordeoncontent {
	column-count: 3;
	width: calc(524px * 3);
	column-gap: 0px;
}

.newfenetre .accordeoncontent.avecssaccordeons,
.newfenetre .accordeoncontentSFLglobal,
.newfenetre .accordeoncontentSSFL,
.newfenetre .accordeoncontentFullWidth,
.newfenetre .accordeoncontent.dernzgog {
	column-count: 1 !important;
	width: 100% !important;
}
.newfenetre .accordeoncontent,
.newfenetre .ssaccordeoncontent {
	margin-bottom: 30px;
	overflow: hidden;
}
.newfenetre .accordeoncontent.avecssaccordeons {
	margin-bottom: 0px !important;
}
.newfenetre .accordeoncontent.accordeoncontentSFLglobal {
	margin-bottom: 0px;
}
.newfenetre .accordeoncontent.accordeoncontentSFLglobal.marginquandmeme {
	margin-bottom: 30px;
}

.blocseul {
	margin: 0px 62px 0px 25px;
	height: 100%;
}
.zgcontent {
	break-inside: avoid;
	display: inline-block;
	width: 525px;
}
.fullscreen .zgcontent.zgspec.fullwidth {
	break-inside: avoid !important;
	display: inline-block !important;
}
.zgcontent[hidden],
.zgcontent.hidden,
.zgcontent.hiddenremove {
	display: none !important;
}
.zgcontent.hidden,
.zgcontent.hiddenremove {
	display: none;
}
.errorbloc .zgcontent,
.zgcontent.fullwidth,
.newfenetre .accordeoncontent.accordeoncontentSFLglobal .zgcontent,
.blocseul .zgcontent {
	width: auto;
	break-inside: auto;
	display: block;
}

#byorganica2 {
	position: absolute;
	right: 0;
	margin-top: 3px;
	color: #f5f5f5;
	letter-spacing: 1px;
	font-size: 13px;
	font-family: var(--font-familydefault);
}
.nouvboutonrect {
	display: inline-block;
	font-family: var(--font-familydefault);
	border-radius: 4px;
	background-color: grey;
	color: white;
	border: 1px solid grey;
	outline: 0px;
	cursor: pointer;
	padding: 2px 10px 2px 10px;
	font-size: 13px;
	margin-top: 10px;
	margin-left: 29px;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease; /* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
.nouvboutonrect:hover:not(:disabled) {
	background-color: var(--color-logo);
	color: white;
	outline: none;
}
.nouvboutonrect.plusADroiteExploCat {
	margin-left: 57px;
}
.Abreviations {
	word-wrap: break-word;
}

.boutonrect {
	font-family: var(--font-familydefault) !important;
	border-radius: 4px;
	background-color: grey;
	color: white;
	border: 1px solid grey;
	outline: 0px;
	cursor: pointer;
	padding: 2px 10px 2px 10px;
	font-size: 13px;

	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease; /* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
.boutonrect.block {
	display: flex;
	margin-bottom: 5px;
}

.boutonrectFournisseurs {
	margin-right: 15px;
}

.btnMajSynchro {
	margin-left: 21px;
}

.enliste td .boutonrect {
	margin-top: 5px;
	display: block;
}
.ui-widget input.boutonrect {
	font-size: 13px;
}
.boutonrect:focus {
	color: white;
	background-color: var(--color-logo);
	border: 1px solid var(--color-logo);
	outline: none;
}
.boutonrect:disabled {
	cursor: default;
	opacity: 0.5;
}
.boutonrect::-moz-focus-inner {
	border: 0;
}
.boutonrect:hover:not(:disabled) {
	background-color: var(--color-logo);
	outline: none;
}

.boutonrect.BoutonOK:hover {
	background-color: green;
}
.boutonrect.BoutonPasOK:hover {
	background-color: rgb(129, 0, 0);
}

.tabHierarchique {
	overflow-x: scroll;
	width: 100%;
}
.pousseurFP {
	height: 800px;
}

.infobulle {
	display: none;
}

#descriptionflottante {
	display: none;
	position: absolute;
	color: #7a7a7a;
	background-color: #fffeda;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
	letter-spacing: 0.5px;
	border-radius: 3px;
	padding: 5px 10px 5px 10px;
	z-index: 2999900100;
	max-width: 400px;

	font-family: "source_sans_prosemibold";
	font-size: 15px;
	font-weight: 400;
}

.tabHierarchique input {
	/*font-family: var(--font-familydefault);*/
	font-family: "source_sans_prosemibold";
	font-size: 17px;
	color: #7d7d7d;
	background-color: white;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	border: 1px solid #f2f6ff; /* #DADADA;*/
	border-radius: 4px;
	padding: 4px 10px 5px 10px;
}
.tabHierarchique input:focus {
	padding-top: 3px;
	padding-bottom: 4px;
}

.tabHierarchique .niv2 .contentlignepto {
	padding-left: calc(var(--ptoIdentation) * 1 - 8px);
}
.tabHierarchique .niv3 .contentlignepto {
	padding-left: calc(var(--ptoIdentation) * 2 - 16px);
}
.tabHierarchique .niv4 .contentlignepto {
	padding-left: calc(var(--ptoIdentation) * 3 - 24px);
}
.tabHierarchique .niv5 .contentlignepto {
	padding-left: calc(var(--ptoIdentation) * 4 - 32px);
}
.tabHierarchique .niv6 .contentlignepto {
	padding-left: calc(var(--ptoIdentation) * 5 - 40px);
}
.tabHierarchique .niv7 .contentlignepto {
	padding-left: calc(var(--ptoIdentation) * 6 - 48px);
}
.tabHierarchique .niv8 .contentlignepto {
	padding-left: calc(var(--ptoIdentation) * 7 - 56px);
}
.tabHierarchique .niv9 .contentlignepto {
	padding-left: calc(var(--ptoIdentation) * 8 - 64px);
}
.tabHierarchique .niv10 .contentlignepto {
	padding-left: calc(var(--ptoIdentation) * 9 - 72px);
}

.contentlignepto.containerRequiredNonRemp .inputNumero,
.contentlignepto.containerRequiredNonRemp .fonctionPtoRe {
	background-color: #ffedec73 !important;
}
.contentlignepto.containerRequiredNonRemp .inputNumero:not(.focus),
.contentlignepto.containerRequiredNonRemp .fonctionPtoRe:not(.focus) {
	border-color: #fba6a6 !important;
}

.tabHierarchique .niv2 .reqLigContainer {
	padding-left: calc(var(--regLigIdentation) * 1);
}
.tabHierarchique .niv3 .reqLigContainer {
	padding-left: calc(var(--regLigIdentation) * 2);
}
.tabHierarchique .niv4 .reqLigContainer {
	padding-left: calc(var(--regLigIdentation) * 3);
}
.tabHierarchique .niv5 .reqLigContainer {
	padding-left: calc(var(--regLigIdentation) * 4);
}
.tabHierarchique .niv6 .reqLigContainer {
	padding-left: calc(var(--regLigIdentation) * 5);
}
.tabHierarchique .niv7 .reqLigContainer {
	padding-left: calc(var(--regLigIdentation) * 6);
}
.tabHierarchique .niv8 .reqLigContainer {
	padding-left: calc(var(--regLigIdentation) * 7);
}
.tabHierarchique .niv9 .reqLigContainer {
	padding-left: calc(var(--regLigIdentation) * 8);
}
.tabHierarchique .niv10 .reqLigContainer {
	padding-left: calc(var(--regLigIdentation) * 9);
}

.tabHierarchique div.inputNumero {
	font-family: "source_sans_prosemibold";
	font-size: 17px;
	color: #7d7d7d;
	background-color: #f2f6ff; /* var(--color-accordeon-clair); */
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	border: 1px solid #f2f6ff; /* #DADADA;*/
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 4px 10px 5px 10px;
	margin: 0px 0px 0px 5px;
	max-height: 22px;
	border-right: none;
}
.tabHierarchique.consulterSel div.inputNumero {
	background-color: #efefef;
}
.tabHierarchique .inputNumero.focus {
	border: 2px solid #b3cddd;
	border-right: none;
	padding: 3px 10px 4px 9px;
}
.ptoPartieDroite {
	width: 100%;
}
.tabHierarchique input.inputLibelle,
#tableauProgrammeAtv input.typeheure {
	border: 1px solid #f2f6ff;
	width: calc(100% - 60px);
	border-left: none;
	border-right: none;
	border-radius: 0px;
	border-radius: 0px;
	background-color: #f2f6ff; /* var(--color-accordeon-clair); */
}
.tabHierarchique input.inputLibelle::placeholder,
#tableauProgrammeAtv input.typeheure::placeholder {
	opacity: 0.4;
}
.tabHierarchique .partieInput.focus input {
	height: 20px;
}
.tabHierarchique input.inputLibelle:focus,
#tableauProgrammeAtv input.typeheure:focus {
	height: 22px;
}

.tabHierarchique.consulterSel input.inputLibelle,
#tableauProgrammeAtv .consulterSel input.typeheure {
	width: calc(100% - 30px);
	border: 1px solid #dadada;
	border-left: none;
	border-right: none;
}
#tableauProgrammeAtv input.typeheure {
	width: 45px !important;
}

/* Bordure bleue claire - normal */

/* Bordure bleue foncée - focus */
.tabHierarchique input.inputLibelle:focus,
.tabHierarchique .partieInput.focus input {
	/* #tableauProgrammeAtv input.typeheure:focus, */
	width: calc(100% - 60px) !important;
	border: 2px solid #b3cddd !important;
	border-left: none !important;
	border-right: none !important;
}

/* Bordure rouge - required */
#tableauProgrammeAtv .bordureRouge input,
#tableauProgrammeAtv .bordureRouge .inputNumero,
#tableauProgrammeAtv .bordureRouge .fonctionPtoRe {
	background-color: #ffedec73 !important;
	border-color: #fba6a6 !important;
	border: 2px solid;
}
#tableauProgrammeAtv .bordureRouge .inputNumero {
	padding: 3px 10px 4px 9px;
}
#tableauProgrammeAtv .bordureRouge input {
	height: 22px;
	padding-top: 3px;
	padding-bottom: 4px;
}
#tableauProgrammeAtv .bordureRouge input,
#tableauProgrammeAtv .bordureRouge .inputNumero {
	border-right: none;
}
#tableauProgrammeAtv .bordureRouge input,
#tableauProgrammeAtv .bordureRouge .fonctionPtoRe {
	border-left: none;
}
#tableauProgrammeAtv input::placeholder,
#tableauProgrammeAtv .fonctionPtoRe::placeholder {
	color: #565656 !important;
	opacity: 0.5;
}
#tableauProgrammeAtv .bordureRouge .fonctionPtoRe {
	padding-top: 0px;
}
#tableauProgrammeAtv .bordureRouge .fonctionPtoRe.modif {
	border-right: none;
}

.textseul {
	border-radius: 4px;
	border: 1px solid #dadada;
	letter-spacing: 0.3px;
	font-size: 17px;
	font-family: "source_sans_prosemibold", sans-serif;
	font-weight: 400;
	color: #7d7d7d;
	margin: 0;
	margin-top: -1.5px;
	padding: 4px 3px 4px 8px;
	margin-left: -8.9px;
}
.textseul::placeholder {
	color: #c4c4c4;
}

.inclureFichePerim {
	font-size: 16px;
	font-family: var(--font-familydefault);
	font-weight: 600;
	color: var(--color-logo);
}

.tabHierarchique .ptodocslies {
	margin-left: 7px;
	margin-top: 3px;
}
.tabHierarchique .numero {
	height: 27px;
	background-image: linear-gradient(to right, #dadada, #dadada);
	color: var(--color-logo);
	border-radius: 4px;
	padding: 3px 0px 0px 0px;
	min-width: 32px;
}

.tabHierarchique .buttons {
	width: 28px !important;
	float: right !important;
	position: relative !important;
	height: 1px;
	display: contents;
}
.tabHierarchique .buttons .icone {
	top: -1px;
	width: 26px;
	min-width: 26px;
	height: 28px;
	background-position: center center;
	background-repeat: no-repeat;
}
.tabHierarchique .buttons:hover {
	cursor: pointer;
}
#tabRequetesLignes .contentlignepto {
	cursor: pointer;
}
.tabHierarchique .buttons .fonctionPtoRe {
	background-color: #f2f6ff; /* var(--color-accordeon-clair); */
	/*padding-top: 1px;*/
}
.tabHierarchique .buttons .fonctionPtoRe.modif {
	padding-top: 1px;
}
.tabHierarchique .buttons .fonctionPtoRe.suppr,
.tabHierarchique .buttons .fonctionPtoRe.consult {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	border: 1px solid #f2f6ff; /* #DADADA;*/
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-left: none;
}

.tabHierarchique .buttons .fonctionPtoRe.consult {
	background-color: #efefef;
}

.tabHierarchique .buttons .fonctionPtoRe.modif {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	border: 1px solid #f2f6ff; /* #DADADA;*/
	border-left: none;
	border-right: none;
}
.tabHierarchique .buttons .fonctionPtoRe.focus {
	border-color: #b3cddd;
	border-width: 2px;
	padding-top: 0px;
}
.tabHierarchique .buttons .fonctionPtoRe .newFondIconTranspNotHov {
	height: 29px !important;
}

.tabHierarchique .valeur {
	padding-left: 45px;
	width: calc(100% - 45px);
}
/*
.tabHierarchique .niv1 .valeur {padding-left:45px;width:calc(100% - 45px);}
.tabHierarchique .niv2 .valeur {padding-left:60px;width:calc(100% - 60px);}
.tabHierarchique .niv3 .valeur {padding-left:75px;width:calc(100%- 75px);}
.tabHierarchique .niv4 .valeur {padding-left:90px;width:calc(100% - 90px);}
.tabHierarchique .niv5 .valeur {padding-left:105px;width:calc(100% - 105px);}
.tabHierarchique .niv6 .valeur {padding-left:120px;width:calc(100% - 120px);}
.tabHierarchique .niv7 .valeur {padding-left:135px;width:calc(100% - 135px);}
.tabHierarchique .niv8 .valeur {padding-left:150px;width:calc(100% - 150px);}
.tabHierarchique .niv9 .valeur {padding-left:165px;width:calc(100% - 165px);}
.tabHierarchique .niv10 .valeur {padding-left:180px;width:calc(100% - 180px);}
*/

.tabHierarchique .niv1 .reqLigContainer {
	width: calc(100% - 40px);
}
.tabHierarchique .niv2 .reqLigContainer {
	width: calc(100% - 56px);
}
.tabHierarchique .niv3 .reqLigContainer {
	width: calc(100% - 72px);
}
.tabHierarchique .niv4 .reqLigContainer {
	width: calc(100% - 88px);
}
.tabHierarchique .niv5 .reqLigContainer {
	width: calc(100% - 123px);
}
.tabHierarchique .niv6 .reqLigContainer {
	width: calc(100% - 147px);
}
.tabHierarchique .niv7 .reqLigContainer {
	width: calc(100% - 172px);
}
.tabHierarchique .niv8 .reqLigContainer {
	width: calc(100% - 207px);
}
.tabHierarchique .niv9 .reqLigContainer {
	width: calc(100% - 231px);
}
.tabHierarchique .niv10 .reqLigContainer {
	width: calc(100% - 256px);
}

.tabHierarchique .niv1 .reqLigContainer .valeur {
	width: calc(100%);
}
.tabHierarchique .niv2 .reqLigContainer .valeur {
	width: calc(100% - 25px);
}
.tabHierarchique .niv3 .reqLigContainer .valeur {
	width: calc(100% - 50px);
}
.tabHierarchique .niv4 .reqLigContainer .valeur {
	width: calc(100% - 75px);
}
.tabHierarchique .niv5 .reqLigContainer .valeur {
	width: calc(100% - 80px);
}
.tabHierarchique .niv6 .reqLigContainer .valeur {
	width: calc(100% - 95px);
}
.tabHierarchique .niv7 .reqLigContainer .valeur {
	width: calc(100% - 110px);
}
.tabHierarchique .niv8 .reqLigContainer .valeur {
	width: calc(100% - 115px);
}
.tabHierarchique .niv9 .reqLigContainer .valeur {
	width: calc(100% - 130px);
}
.tabHierarchique .niv10 .reqLigContainer .valeur {
	width: calc(100% - 145px);
}
.tabHierarchique .valeur {
	font-family: "source_sans_prosemibold", sans-serif;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: 0.5px;
	color: #7d7d7d;
	height: 25px;
	padding-top: 5px;
	border: 1px solid #dadada;
	border-radius: 4px;
}

#tableauPtOrdreDuJour .ptoContainer.selected,
#tabRequetesLignes .reqLigContainer .selected,
#tableauProgrammeAtv .ptoContainer.selected {
	background-color: #efefef;
}
#tableauPtOrdreDuJour .ptoContainer:hover,
#tabRequetesLignes .reqLigContainer:hover,
#tableauProgrammeAtv .ptoContainer:hover {
	cursor: pointer;
}

.tabHierarchique input:disabled {
	background-color: #efefef;
}
.BouleDocument {
	width: 16px;
	height: 16px;
	border-radius: 25px;
	margin-top: 2px;
}
.BouleDocument.carre {
	border-radius: 2px;
}
.BouleDocument.losange {
	border-radius: 2px;
	transform: rotate(45deg);
}
.BouleDocument.Gris,.icongris {
	background-color: #aaa0a0 !important;
}
.BouleDocument.Rouge,.iconrouge {
	background-color: #f33b3b !important;
}
.BouleDocument.Vert,.iconvert {
	background-color: #84e359 !important;
}
.BouleDocument.Jaune,.iconjaune {
	background-color: rgb(255, 231, 143) !important;
}
.BouleDocument.Orange,.iconorange {
	background-color: #ff7f00 !important;
}
.BouleDocument.loading {
	background-color: transparent;
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
.DosIconDocument.loading {
    background-color: transparent;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.blocradio {
	border: 1px solid #dadada;
	border-radius: 4px;
	width: 306px;
	padding: 1px 1px 1px 1px;
}
.bloccheckbox {
	border: 1px solid #dadada;
	border-radius: 4px;
	width: 268px;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 4px 5px 4px 35px;
	font-family: "source_sans_prosemibold";
	font-weight: 500;
	font-size: 17px;
	color: #7d7d7d;
	position: relative;
	letter-spacing: 0.5px;
}
.blocchamp.fullwidth .bloccheckbox {
	width: calc(100% - 40px - 2px);
}
.bloccheckbox div {
	width: 100%;
	cursor: pointer;
}
.bloccheckbox .container {
	position: absolute;
	top: 5px; /*BV:17/01/2022: ancienne valeur 7px, correction de l'affichage des cases dans les privilèges dans Groupes utilisateurs dans Firefox*/
	left: 10px;
}
.container,
.containerradio,
.containercouleur {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #dadada;
	border-radius: 4px;
	color: #7d7d7d;
}
.highlight .container {
	background-color: #cdffc9;
}
.container.noborder {
	border: 0px;
	display: flex;
	align-items: center;
	width: unset;
	padding: 4px 5px 4px 30px;
}
.containerradio.disabled,
.containercouleur.disabled {
	opacity: 0.5;
}
.container.disabled,
.blocradio.disabled .containerradio,
.containerradio.disabled,
.blocradio.disabled .containercouleur,
.containercouleur.disabled {
	cursor: default;
}
.rechercheAvancee .container,
.rechercheAvancee .containerradio {
	width: auto;
}
.errorbloc .errormessage .container,
.errorbloc .errormessage .containerradio,
.errorbloc .errormessage .containercouleur,
.fr-word-paste-modal-body .containerradio {
	border: 0px;
	font-family: var(--font-familydefault);
	font-weight: 500;
	font-size: 15px;
	width: 320px;
}
.form.alldisabled .container,
.form.alldisabled .containerradio,
.form.alldisabled .containercouleur {
	cursor: default;
}
.form.alldisabled .filtres .container,
.form.alldisabled .filtres .containerradio,
.form.alldisabled .filtres .containercouleur {
	cursor: pointer;
}

.container.noborder .checkmark,
.container.noborder.focus .checkmark {
	top: unset;
	left: 5px;
}
.fonctionsbas .container .libelle {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.container.sanslabel,
.sfl.enliste .container,
.ssfl.enliste .container,
.sflspec.enliste .container {
	border: 0px;
	width: 16px;
	height: 16px;
	padding: 0px;
	margin-top: 2px; /*BV 26/11/2020 Alignement dans le FL Dans Firefox*/
}
#navigation-control-pdf-viewer,
#recherche_pdf {
	display: flex;
	flex-direction: row;
	padding-bottom: 8px;
}
#navigation-control-pdf-viewer #zoom_out,
#navigation-control-pdf-viewer #search_pdf {
	margin-left: 8px;
}
#navigation-control-pdf-viewer .buttonStylePdfViewer {
	height: 24px;
	width: 24px;
	box-shadow: 1px;
	background-color: var(--color-fondbtnentete);
	color: var(--color-btnentete);
	border-radius: 50%;
	cursor: pointer;
	justify-content: center;
	display: flex;
	text-align: center;
	align-items: center;
}
.pdf-container-pos {
	position: relative;
	height: 640px;
}
#pdf-viewer-container {
	position: absolute;
	overflow: auto;
}
.rechiconsimple {
	background-color: var(--color-boutondroite);
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	margin: auto;
	-webkit-mask: url(../Images/iconesBoutons/dialogsearch.svg) no-repeat center center / 100% 100%;
	mask: url(../Images/iconesBoutons/dialogsearch.svg) no-repeat center center / 100% 100%;
	transition: 0.3s;
}

#pdf-viewer {
	width: 100%;
	height: 600px;
	overflow: auto;
	background: #35383a;
	text-align: center;
	border: solid 1px;
}
#reunionInscriptionPage {
	height: 100%;
	background-color: #f9f9f9;
}
.enteteReunionInscr {
	position: relative;
	background-color: #ffffff;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	top: 15%;
	height: 65%;
	box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
	-webkit-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
	padding: 12px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	justify-content: center;
}
#mainSignDoc {
	height: 100%;
	background-color: #e4e4e4;
}
.enteteSignDoc,
.messagepagevide {
	position: relative;
	background-color: #ffffff;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	top: 15%;
	height: 65%;
	box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 38%);
	-webkit-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 38%);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.38);
	padding: 12px;
}
.enteteSignDoc {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.messagepagevide {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.fondCheckSignDoc {
	background-color: transparent;
	width: 128px;
	min-width: 128px;
	height: 130px;
	display: flex;
	transition: 0.3s;
}
.messagepagevide .fondCheckSignDoc {
	margin-top: 0px;
}
.checkSignDoc,
.uncheckSignDoc,.pendingSignDoc {
	width: 128px;
	height: 130px;
	margin: auto;
	transition: 0.3s;
}
.byOrganica {
	width: 219px;
	height: 77px;
	background: url(https://cdn.organica.technology/OfficeWeb/bg/ORGANICA_NEWLOGO_horizontal.png) no-repeat center;
	background-size:contain;
}
.checkSignDoc {
	-webkit-mask: url("../Images/iconesBoutons/checked2.svg") no-repeat center;
	mask: url("../Images/iconesBoutons/checked2.svg") no-repeat center;
	background-color: #62e062;
}
.uncheckSignDoc {
	-webkit-mask: url("../Images/iconesBoutons/unchecked2.svg") no-repeat center;
	mask: url("../Images/iconesBoutons/unchecked2.svg") no-repeat center;
	background-color: #ff8c8c;
}
.messageSignDoc,
.messagepagevide p {
	font-family: var(--font-familydefault);
	font-size: 18px;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 0px;
	color:#151515;
}
.messagepagevide .container {
	color:#151515;
	width:auto;
	border:none;
	font-family: var(--font-familydefault);
	font-size: 18px;
}
.messagepagevide .checkmark {
	top:8px;
}
.messagepagevide input[type=submit] {
	width:200px;
	display:block;
	margin:auto;
	border-radius: 8px;
	padding: 14px 22px;
	border: none;
	font-family: var(--font-familydefault);
	cursor: pointer;
	transition: 0.3s;
	border-radius: 10px;
	background: var(--primary300);
	color: var(--couleurFondBlanc);
	font-size:20px;
}
.pcustomSignDoc {
	margin-block-start: 0em;
	margin-block-end: 1.7em;
}
.pcustomReuInscr {
	margin-block-start: 0em;
	margin-block-end: 0.5em;
}
.pcustomReuInscr2 {
	margin-block-start: 0.2em;
	margin-block-end: 0.2em;
}
.fondReuInscrAff {
	padding-bottom: 40px;
}

.blocconnexion .rememberme {
	display: flex;
	justify-content: center;
	margin-bottom: 13px;
}
.blocconnexion .container {
	border: 0px;
	width: auto;
	display: inline;
	padding: 0px 5px 0px 38px;
}
.sfl .container,
.ssfl .container,
.sflspec .container {
	margin: auto;
}
.none-visible-btn {
	background-color: transparent;
}
.containerradio {
	width: calc(100% - 39px);
	border: 0px;
	padding: 4px 5px 4px 34px;
}
.containerradio.highlight {
	color: #00d000;
}
.containercouleur {
	width: 100px;
	border: 0px;
	padding: 4px 5px 4px 34px;
}
.errorbloc .errormessage .containerradio,
.errorbloc .errormessage .container,
.fr-word-paste-modal-body .containerradio {
	padding: 5px 5px 4px 25px;
}
.errorbloc .errormessage .containercouleur {
	padding: 5px 5px 4px 25px;
}
.paddingleft30 .container {
	width: 243px;
	padding: 4px 5px 4px 60px;
}
.paddingleft30 .container.focus {
	width: 243px;
	padding: 3px 4px 3px 59px;
}
.container.focus,
.blocradio.focus {
	border: 2px solid #b3cddd;
	padding: 3px 4px 3px 34px;
}
.container.noborder.focus {
	border: 0px;
}
.container.sanslabel.focus,
.sfl.enliste .container.focus,
.ssfl.enliste .container.focus,
.sflspec.enliste .container.focus {
	border: 0px;
	padding: 0px;
}
.blocradio.focus {
	padding: 0px;
}
.container input,
.containerradio input,
.containercouleur input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkmark.logCheckmark {
	border: 1px solid #c1c1c1 !important;
}
.checkmark {
	position: absolute;
	top: 7px;
	left: 10px;
	height: 14px;
	width: 14px;
	background-color: #f6f6f6;
	border: 1px solid #dadada;
	border-radius: 3px;
}
.form.alldisabled .checkmark,
.disabled .checkmark {
	opacity: 0.5;
}
.lienConnexionSelDial {
	color: #4e92c1 !important;
	cursor: pointer;
}
.errorbloc .errormessage .checkmark {
	left: 0px;
}
.lineh26 {
	line-height: 26px;
}
.container.sanslabel .checkmark,
.sfl.enliste .container .checkmark,
.ssfl.enliste .container .checkmark,
.sflspec.enliste .container .checkmark {
	top: 0px;
	left: 0px;
}
.blocconnexion .checkmark {
	top: 2px;
}
.containerradio .checkmark {
	border-radius: 10px;
	left: 9px;
}
.fr-word-paste-modal-body .checkmark {
	border-radius: 10px;
	left: 0px;
}
.containercouleur .checkmark {
	border-radius: 10px;
	left: 9px;
}
.errorbloc .errormessage .containerradio .checkmark {
	left: 0px;
}
.paddingleft30 .checkmark {
	left: 35px;
}
.container.focus .checkmark {
	top: 6px;
	left: 9px;
}
.container.sanslabel.focus .checkmark,
.sfl.enliste .container.focus .checkmark,
.ssfl.enliste .container.focus .checkmark,
.sflspec.enliste .container.focus .checkmark {
	top: 0px;
	left: 0px;
}
.paddingleft30 .container.focus .checkmark {
	left: 34px;
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.container input:checked ~ .checkmark:after,
.containerradio input:checked ~ .checkmark:after,
.containercouleur input:checked ~ .checkmark:after {
	display: block;
}
.container .checkmark:after {
	left: 4px;
	top: 1px;
	width: 4px;
	height: 7px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.containerradio .checkmark:after,
.containercouleur .checkmark:after {
	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.rechercheAvancee .container .checkmark,
.rechercheAvancee .containerradio .checkmark,
.rechercheAvancee .containercouleur .checkmark {
	left: 0px;
}
#changeinterface {
	display: block;
	height: 40px;
	width: 40px;
	top: 0px;
	left: 0px;
	position: absolute;
	background-color: transparent;
	cursor: pointer;
	z-index: 1000;
}
#paletteaccueil {
	background-color: white;
	position: absolute;
	right: 0px;
	display: flex;
	justify-content: center;
	cursor: pointer;
	z-index: 100;
}

.bobold {
	font-weight: bold;
}

#flyoutMenu {
	padding: 25px 0px 0px 175px;
	position: absolute;
	top: var(--height-entete);
	right: -525px;
	width: 350px;
	height: calc(100% - 75px - var(--height-entete));
	z-index: 1000;
	font-size: 16px;
	font-family: "source_sans_prosemibold";
	font-weight: 400;
	background: linear-gradient(to right, transparent, #f5f5f5 150px);

	-moz-transition: right 0.8s ease;
	-webkit-transition: right 0.8s ease; /* WebKit */
	-o-transition: right 0.8s ease; /* Opera */
	transition: right 0.8s ease; /* Standard */
}
html.pagevide #flyoutMenu {
	display: none;
}
.bandeauaffiche #flyoutMenu {
	top: calc(var(--height-entete) + 50px);
	height: calc(100% - 65px - var(--height-entete) - 50px);
}
#flyoutinside {
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
	height: calc(100%);
	position: relative;
}
#flyoutinside .enteteform {
	background-color: #9d9d9d;
}
#flyoutcontent {
	overflow-y: scroll;
	height: calc(100% - 55px - 30px);
	padding: 15px;
}
#flyoutMenu.show {
	right: 0px;
}
.boutonProc {
	text-align: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: white;
	color: #9d9d9d;
	border: none;
	font-weight: bold;
	cursor: pointer;
}

.procUploadFile input[type="file"] {
	display: none;
}

#flyoutcontent .element:hover .boutonProc {
	color: white;
}
.LibelleBouton {
	color: #7a7a7a;
}
.ptodocslies {
	display: none;
}
.tabHierarchique.ptodocsaffiche .ptodocslies {
	display: block;
	margin-bottom: -10px;
}
.ptodocslies .lignedoclie {
	display: flex;
	flex-direction: row;
	align-items: top;
	font-family: var(--font-familydefault);
	color: #7d7d7d;
	font-size: 14px;
	/*border-bottom:1px solid #eeeded;*/
	padding: 5px 0px 0px 3px;
	letter-spacing: 0.6px;
}
.ptodocslies .lignedoclie.descriptionPto {
	padding-top: 2px;
}
.ptodocslies .lignedoclie.sansDoc {
	margin-bottom: 10px;
}
.ptodocslies .lignedoclie.doc {
	margin-bottom: -9px;
	padding-left: 2px;
}
.ptodocslies .lignedoclie .titredoc {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ptodocslies .lignedoclie .titredoc > span {
	display: inline-block; /* These have to be inline block to wrap correctly */
	position: relative; /* Give the ellipsis an anchor point so it's positioned after the element */
	background-color: #fff; /* Cover the ellipsis of the previous element with the same background color */
	white-space: pre; /* Make sure the only point where wrapping is allowed is before a comma */
}
.ptodocslies .lignedoclie .titredoc > span:after {
	position: absolute; /* Take the ellipsis out of the flow, so the next item will cover it */
	content: "…"; /* Each span has an ellipsis */
}
.ptodocslies .lignedoclie .titredoc > span:last-child:after {
	content: ""; /* Except for the last one */
}

.ptodocslies .lignedoclie .dctPtoContainer {
	height: 20px;
}

.titredocajouter {
	width: 100%;
	color: var(--color-logo);
	font-size: 16px;
	font-family: var(--font-familydefault);
	font-weight: 600;
	cursor: pointer;
}
.ptodocslies .lignedoclie .deldoc {
	background-repeat: no-repeat;
	background-image: url("../images/error.png");
	background-position: center center;
	background-size: cover;
	width: 14px;
	height: 14px;
	margin-right: 10px;
	margin-top: 2px;
	cursor: pointer;
}

select.selectspec {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;

	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);

	color: #7d7d7d;
	background-color: transparent;

	border: 1px solid #dadada;
	border-radius: 4px;

	overflow: hidden;
	text-transform: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	width: 100%;
	z-index: 2;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;

	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);

	color: #7d7d7d;
	background-color: transparent;

	border: 1px solid #dadada;
	border-radius: 4px;

	overflow: hidden;
	text-transform: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	width: 310px;
	z-index: 2;
}
select:not(#qurQueTitreDialogueSelect):disabled {
	background-color: #efefef;
}

select option:disabled {
	color: #a7a7a7;
}

.champselect::after {
	right: 13px;
	top: 7px;
	width: 9px;
	height: 9px;
	border: solid var(--color-logo);
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
}

.selecttrecherche::after {
	border: solid #676768;
	border-width: 0 2px 2px 0;
	margin-left: -1px;
	border-style: groove;
}

.perime {
	display: none;
}
.noClick {
	pointer-events: none;
}
.ssaccordeon.disabled.noClick {
	background-color: #efefef;
}

.majtabreduit {
	max-width: 96%;
}
.sfl-DisDRe-DisInv th span {
	line-height: 13px !important;
}
.sfl-DisDRe-DisInv table tr th {
	font-size: 13px !important;
	text-align: center !important;
	border: 1px solid white !important; /*passé de 2px à 1px : plus propre (BV 18/11/2021)*/
	padding: 6px 5px 6px 5px !important;

	background-color: #e3e3e3 !important;
}
.sflgrandtableau,
.sflgrandtableau2 {
	padding: 0px;
	border: 0px;
	border-radius: 0px;
	box-shadow: 0 0 0 0 #dadada;
	overflow: auto;
}
.sflgrandtableau table tr th,
.sflgrandtableau2:not(.sfl-DisDRe-DisInv) table tr th {
	font-size: 13px !important;
	text-align: center !important;
	border: 1px solid white !important; /*passé de 2px à 1px : plus propre (BV 18/11/2021)*/
	padding: 1px 5px 1px 5px !important;

	background-color: #e3e3e3 !important;
}
.sflgrandtableau {
	cursor: pointer;
}
.sflgrandtableau table tr th {
	height: auto !important;
}
.sflgrandtableau2 table tr th {
	height: 30px !important;
}

.sflgrandtableau table tr td,
.sflgrandtableau2 table tr td {
	padding: 1px 5px 1px 5px !important;
	border: 1px solid white !important; /*passé de 2px à 1px : plus propre (BV 18/11/2021)*/
	font-size: 13px !important;

	text-overflow: ellipsis !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	max-width: 1px; /*permet de faire en sorte que les largeurs exprimées dans les th soient respectées*/

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;

	word-break: break-word !important;
}
.sflgrandtableau table tr td {
	line-height: normal !important;
	cursor: default;
}
.sflgrandtableau2 table tr td {
	height: 20px !important;
}
.colorLigneVideAbo {
	background-color: red !important;
	color: white !important;
}
.bg-gris {
	background-color: #efefef;
}
.bg-rouge {
	background-color: #f7d9d9;
}
.bg-vert {
	background-color: #e5f7d9;
}
.bg-jaune {
	background-color: #f7f5d9;
}
.sflgrandtableau table tr.rouge td {
	background-color: #f7d9d9;
	color: #626161;
}
.sflgrandtableau table tr.gris td {
	background-color: #efefef;
	color: #626161;
}
.sflgrandtableau table tr.jaune td {
	background-color: #f7f5d9;
	color: #626161;
}
.sflgrandtableau table tr.vert td {
	background-color: #e5f7d9;
	color: #626161;
}
.sflgrandtableau table tr.selected.rouge td {
	background-color: #e58484;
	color: white;
}
.sflgrandtableau table tr.selected.gris td {
	background-color: #a5a5a5;
	color: white;
}
.sflgrandtableau table tr.selected.jaune td {
	background-color: #e5de84;
	color: white;
}
.sflgrandtableau table tr.selected.vert td {
	background-color: #abe584;
	color: white;
}

.sflgrandtableau2 table tr.bleu td {
	background-color: #d9eff7;
	color: #626161;
}
.sflgrandtableau2 table tr.jaune td {
	background-color: #f7f5d9;
	color: #626161;
}
.sflgrandtableau2 table tr.vert td {
	background-color: #ccfcad;
	color: #626161;
}
.sflgrandtableau2 table tr.selected.bleu td {
	background-color: #84b9e5;
	color: #626161;
}
.sflgrandtableau2 table tr.selected.jaune td {
	background-color: #e5de84;
	color: white;
}
.sflgrandtableau2 table tr.selected.vert td {
	background-color: #97e066;
	color: white;
}

.sflgrandtableau2 table td.bleu {
	background-color: #d9eff7;
	color: #626161;
}
.sflgrandtableau2 table td.jaune {
	background-color: #f7f5d9;
	color: #626161;
}
.sflgrandtableau2 table td.vert {
	background-color: #ccfcad;
	color: #626161;
}
.sflgrandtableau2 table td.rouge {
	background-color: #f7d9d9;
	color: #626161;
}
.sflgrandtableau2 table th.bleu {
	background-color: #d9eff7 !important;
	color: #626161;
}
.sflgrandtableau2 table th.jaune {
	background-color: #f7f5d9 !important;
	color: #626161;
}
.sflgrandtableau2 table th.vert {
	background-color: #ccfcad !important;
	color: #626161;
}
.sflgrandtableau2 table th.rouge {
	background-color: #f7d9d9 !important;
	color: #626161;
}
.sflgrandtableau2 table td.selected.bleu {
	background-color: #84b9e5;
	color: #626161;
}
.sflgrandtableau2 table td.selected.jaune {
	background-color: #e5de84;
	color: white;
}
.sflgrandtableau2 table td.selected.vert {
	background-color: #97e066;
	color: white;
}
.sflgrandtableau2 table td.selected.rouge {
	background-color: #e58484;
	color: white;
}

@media screen and (max-width: 1000px), screen and (max-device-width: 1000px) {
	.entete .nbenrengs {
		display: none;
	}
	.entete .titretable.separateur {
		border-right: 0px !important;
	}

	.colonneRecherchecontent .categories {
		background-position: top 12px right 7px;
		background-size: 11px 6px;
	}
}
@media screen and (max-height: 850px), screen and (max-device-height: 850px) {
}
@media screen and (max-height: 800px), screen and (max-device-height: 800px) {
}
@media screen and (max-height: 750px), screen and (max-device-height: 750px) {
}
@media screen and (max-height: 700px), screen and (max-device-height: 700px) {
	.rechercheAvancee h3 {
		margin-bottom: 10px;
	}
	.rechercheAvancee .optionsSelection {
		margin-bottom: 10px;
	}
}

/* Global au dialogue*/
.dialogueInfosCustom {
	padding: 0px !important;
	height: calc(100% - 56px - 58px) !important;
}
.dialogueInfosCustom .dialogueCustomHtmlContent {
	height: 100% !important;
	max-height: 100% !important;
	background-color: white;
	padding: 0px 0px 0px 25px;
}
.dialogueCustomHtmlContent.envoyerEmail,
.dialogueCustomHtmlContent.EmailALierDocMsg,
.dialogueCustomHtmlContent.sesCreerSousSession,
.dialogueCustomHtmlContent.editeurEnqueteFroala,
.dialogueCustomHtmlContent.editeurEnqueteFroala2,
.dialogueCustomHtmlContent.prblMembresCotisation,
.dialogueCustomHtmlContent.envoyerEmailFac,
.dialogueCustomHtmlContent.ajoutCodePostal,
.dialogueCustomHtmlContent.enuUtiModifier,
.dialogueCustomHtmlContent.enuUtiAjouter,
.dialogueCustomHtmlContent.formSaveMailing,
.dialogueCustomHtmlContent.formEnvoiDisponibiliteReu,
.dialogueCustomHtmlContent.formAjoutFicheRemplacement,
.dialogueCustomHtmlContent.formGenererMailing,
.dialogueCustomHtmlContent.formTesterMailing,
.dialogueCustomHtmlContent.ajouterFicheLieu,
.dialogueCustomHtmlContent.diaSignerDocument,
.dialogueCustomHtmlContent.postposerReunion {
	padding: 0px !important;
}
.dialogueCustomHtmlContent.envoyerEmail .destSup {
	/*height: 15px;
	width: 15px;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/error.png');
	position: relative;
	top: 4px;*/
	font-weight: bold;
}
.dialogueCustomHtmlContent.envoyerEmail .destSup:hover {
	cursor: pointer;
}
.dialogueCustomHtmlContent.envoyerEmail .ssaccordeon,
.dialogueCustomHtmlContent.envoyerEmailFac .ssaccordeon,
.dialogueCustomHtmlContent.ajoutCodePostal .ssaccordeon,
.dialogueCustomHtmlContent.formSaveMailing .ssaccordeon,
.dialogueCustomHtmlContent.formEnvoiDisponibiliteReu .ssaccordeon,
.dialogueCustomHtmlContent.formAjoutFicheRemplacement .ssaccordeon,
.dialogueCustomHtmlContent.formGenererMailing .ssaccordeon,
.dialogueCustomHtmlContent.formTesterMailing .ssaccordeon,
.dialogueCustomHtmlContent.ajouterFicheLieu .ssaccordeon,
.dialogueCustomHtmlContent.diaSignerDocument .ssaccordeon,
.dialogueCustomHtmlContent.postposerReunion .ssaccordeon {
	font-weight: bold;
}
.dialogueCustomHtmlContent.envoyerEmail .blocfroala,
.dialogueCustomHtmlContent.envoyerEmailFac .blocfroala {
	margin-left: 30px;
	margin-right: 30px;
}
.dialogueInfosCustom .dialogueCustomHtmlContent:not(#txtFullScreen) {
	overflow-y: auto;
}
.dialogueInfosCustom .dialogueCustomHtmlContent.ajoutCodePostal,
.dialogueCustomHtmlContent.enuUtiModifier,
.dialogueCustomHtmlContent.enuUtiAjouter,
.dialogueInfosCustom .dialogueCustomHtmlContent.formSaveMailing,
.dialogueInfosCustom .dialogueCustomHtmlContent.formEnvoiDisponibiliteReu,
.dialogueInfosCustom .dialogueCustomHtmlContent.formAjoutFicheRemplacement,
.dialogueInfosCustom .dialogueCustomHtmlContent.formGenererMailing,
.dialogueInfosCustom .dialogueCustomHtmlContent.formTesterMailing,
.dialogueInfosCustom .dialogueCustomHtmlContent.ajouterFicheLieu,
.dialogueInfosCustom .dialogueCustomHtmlContent.diaSignerDocument,
.dialogueInfosCustom .dialogueCustomHtmlContent.postposerReunion {
	overflow-y: auto !important;
}
.ajoutCodePostal .blocchamp .libelle,
.enuUtiAjouter .blocchamp .libelle,
.enuUtiModifier .blocchamp .libelle,
.formSaveMailing .blocchamp .libelle,
.formEnvoiDisponibiliteReu .blocchamp .libelle,
.formAjoutFicheRemplacement .blocchamp .libelle,
.formGenererMailing .blocchamp .libelle,
.formTesterMailing .blocchamp .libelle,
.diaSignerDocument .blocchamp .libelle,
.ajouterFicheLieu .blocchamp .libelle {
	width: 165px !important;
}
.postposerReunion .blocchamp .libelle {
	width: 104px !important;
}
.ajoutCodePostal .blocchamp,
.enuUtiAjouter .blocchamp,
.enuUtiModifier .blocchamp,
.formSaveMailing .blocchamp,
.formGenererMailing .blocchamp,
.formTesterMailing .blocchamp,
.diaSignerDocument .blocchamp,
.ajouterFicheLieu .blocchamp,
.postposerReunion .blocchamp {
	margin-left: 30px !important;
	margin-right: 30px !important;
}
.formEnvoiDisponibiliteReu .blocchamp {
	margin-left: 9px !important;
	margin-right: 36px !important;
}
.dialogueInfosCustom
	.dialogueCustomHtmlContent
	.form:not(
		.formParamsRecherche,
		.formTxtFullScreen,
		.formEnvoyerEmail,
		.formAjoutCodePostal,
		.formAjoutDonOpeFin,
		.formGenererMai,
		.formEnvoiDisponibiliteReu,
		.formAjoutFicheRemplacement,
		.formAjoutLieu,
		.formAjoutSignataire,
		.docLieInfosDescriptions,
		.docLieForm,
		.qurQurSelectCellulesForm,
		.editeurEnqueteFroala .form,
		.editeurEnqueteFroala2 .form,
		.newRapprochementFinCon .form,
		.derapprocherConFin .form,
		.divActionReaModif .form
	) {
	margin: 25px 25px 25px 0px !important;
	box-shadow: unset !important;
}
.dialogueInfosCustom .dialogueCustomHtmlContent .form.formExclureAff {
	margin: 26px 5px 25px 0px !important;
}
.newRapprochementFinCon .form,
.derapprocherConFin .form {
	margin: 0px 25px 25px 0px !important;
	height: calc(100% - 85px) !important;
}
.dialogueInfosCustom .dialogueCustomHtmlContent .form.formEnvoyerEmail,
.formParamsRecherche,
.editeurEnqueteFroala .form,
.editeurEnqueteFroala2 .form,
.dialogueInfosCustom .dialogueCustomHtmlContent .form.formAjoutCodePostal,
.dialogueInfosCustom .dialogueCustomHtmlContent .form.formAjoutDonOpeFin,
.dialogueInfosCustom .dialogueCustomHtmlContent .form.formGenererMai,
.dialogueInfosCustom .dialogueCustomHtmlContent .form.formEnvoiDisponibiliteReu,
.dialogueInfosCustom .dialogueCustomHtmlContent .form.formAjoutFicheRemplacement,
.dialogueInfosCustom .dialogueCustomHtmlContent .form.formAjoutLieu,
.dialogueInfosCustom .dialogueCustomHtmlContent .form.formAjoutSignataire {
	margin: 0px !important;
}

.dialogueCustomHtmlContent .container .noborder {
	border: 0px !important;
	display: flex;
	align-items: center;
	width: unset;
}
.dialogueCustomHtmlContent .container.noborder .checkmark,
.dialogueCustomHtmlContent .container.noborder.focus .checkmark {
	top: unset;
	left: 5px;
}
.dialogueCustomHtmlContent .container.noborder.focus {
	border: 0px;
}
.dialogueCustomHtmlContent .containerradio,
.dialogueCustomHtmlContent .container {
	padding: 4px 5px 4px 35px !important;
	font-family: "source_sans_prosemibold", sans-serif !important;
	font-weight: 500 !important;
	font-size: 17px !important;
	letter-spacing: 0.5px !important;
	width: 268px !important;
	color: #7d7d7d !important;
}
.dialogueCustomHtmlContent .tdcheckbox .container,
.dialogueCustomHtmlContent .tdsflcheckbox .container {
	width: 16px !important;
	padding: 0px !important;
}
.dialogueCustomHtmlContent:not(.ensvotAjouterVotant, .ensvotModifierVotants, .votModifierRepresentants)
	label.container {
	border: 1px solid #dadada !important;
	border-radius: 4px !important;
}
.dialogueCustomHtmlContent:not(".ensvotAjouterVotant") .tdcheckbox label.container,
.dialogueCustomHtmlContent:not(".ensvotAjouterVotant") .tdsflcheckbox label.container {
	border: 0px !important;
}
.dialogueCustomHtmlContent .container {
	border: 1px solid #dadada;
	border-radius: 4px !important;
}
.dialogueCustomHtmlContent .containerradio .checkmark:not(.page_8291 .containerradio .checkmark) {
	border-radius: 10px !important;
	left: 9px !important;
}
.dialogueCustomHtmlContent .checkmark {
	left: 10px !important;
}
.dialogueCustomHtmlContent .tdcheckbox .checkmark,
.dialogueCustomHtmlContent .tdsflcheckbox .checkmark {
	left: 0px !important;
}

.dialogueInfosCustom .dialogueCustomHtmlContent.updateTxt4w7 {
	/*padding: 0px !important;*/
}
.dialogueInfosCustom .dialogueCustomHtmlContent.consulterTxt4w7,
.dialogueInfosCustom .dialogueCustomHtmlContent.consulterTxt4w7Ver {
	padding: 0px 0px 0px 20px;
}
.dialogueCustomHtmlContent.updateTxt4w7Multi .form,
.dialogueCustomHtmlContent.updateTxt4w7Multi .blocchamp,
.dialogueCustomHtmlContent.consulterTxt4w7Multi .form {
	margin: 0px !important;
}
.dialogueCustomHtmlContent.consulterTxt4w7 .form,
.dialogueCustomHtmlContent.consulterTxt4w7Ver .form {
	margin: 20px 20px 20px 0px !important;
}
.dialogueCustomHtmlContent.updateTxt4w7 .form {
	margin: 15px !important;
}
.dialogueCustomHtmlContent.consulterTxt4w7 .froalaRendu,
.dialogueCustomHtmlContent.consulterTxt4w7Ver .froalaRendu,
.dialogueCustomHtmlContent.consulterTxt4w7Multi .froalaRendu {
	border: 1px solid #dbdbdb !important;
	border-radius: 10px !important;
	padding: 0px 15px 0px 15px !important;
	line-height: 1.6; /*BV : rajouté le 02/04/2025 demande 112347 pour s'aligner sur le CSS .fr-box.fr-basic .fr-element de froala_editor.css */
	font-size: 14px; /*BV : rajouté le 04/04/2025 demande 112347 pour s'aligner sur le CSS .fr-box.fr-basic .fr-element de froala_editor.css */
}
.dialogueCustomHtmlContent.consulterTxt4w7Multi .dctTitre,
.dialogueCustomHtmlContent.updateTxt4w7Multi .dctTitre {
	height: 20px;
	position: relative;
}
.dialogueCustomHtmlContent.consulterTxt4w7Multi .dctTitre div,
.dialogueCustomHtmlContent.updateTxt4w7Multi .dctTitre div {
	position: absolute;
	bottom: 0;
	left: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.errortitre #titre {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.errortitre {
	height: 20px;
}

.dialogueCustomP {
	margin: 0px;
	padding: 30px;
	font-size: 17px;
	color: #7a7a7a;
	font-family: var(--font-familydefault);
}
.docTextPubliInterdite {
	font-family: var(--font-familydefault);
	color: red;
	font-size: 1.1em;
	padding-bottom: 20px;
}

/* Spécifique pour le form génération courrier*/
/*.dialogueInfosCustom .formGenererMai .zg {
	margin-left: 0px !important;
	margin-right: 0px !important;
}*/
/*.dialogueInfosCustom .formGenererMai .blocchamp .libelle {
	width: 0px !important;
	margin-right: 100px !important;
}*/

.dialogueInfosCustom .formOpCoFi th {
	text-align: left !important;
}
.dialogueInfosCustom .formOpCoFi th.alignright {
	text-align: right !important;
}
.dialogueInfosCustom .formOpCoFi .trConFin:hover {
	cursor: pointer;
}
.dialogueInfosCustom .formOpCoFi .tdLigneSomme {
	background-color: #efefef;
}
.dialogueInfosCustom .formOpCoFi .tdLigneSomme.vert {
	color: green;
}
.dialogueInfosCustom .formOpCoFi .tdLigneSomme.rouge {
	color: red;
}
.dialogueInfosCustom .formOpCoFi .trFIN td,
.bgFIN input {
	background-color: #eaf4ea !important;
}
.sflSurimposition tr:hover td.notdetect {
	background: transparent !important;
}

.dialogueInfosCustom .formOpCoFi .trCOM td,
.bgCOM input {
	background-color: #ffeaea !important;
}
.dialogueInfosCustom .formOpCoFi .trFIN.selected td {
	background-color: #d4efd4 !important; /*66b266*/
	/*color: #fff;*/
	font-weight: bold;
}
.dialogueInfosCustom .formOpCoFi .trCOM.selected td {
	background-color: #ffd5d5 !important; /*ff6666*/
	/*color: #fff;*/
	font-weight: bold;
}
.ftdleftbord {
	border-bottom-left-radius: 8px;
}
.ftdrightbord {
	border-bottom-right-radius: 8px;
}
.dialogueInfosCustom .formOpCoFi td{
	border: 0px;
}
.lignebooldon {
	display: flex;
    flex-direction: row;
    text-align: center;
    gap: 6px;
    margin-left: 8px;
}
.lignebooldon2 {
	display: flex;
    flex-direction: row;
    text-align: center;
    align-items: center;
    gap: 5px;
    margin-left: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #dadada;
	justify-content: center;
}
.lignebooldon2 .libelledon {
	font-family: var(--font-familydefault) !important;
    font-size: 14px;
}
.dialogueInfosCustom .formOpCoFi td.totalSelected {
	font-weight: bold;
}
.dialogueInfosCustom .formOpCoFi label.sanslabel {
	top: 2px !important;
}
.dialogueInfosCustom .formOpCoFi .trclassement td {
	background-color: var(--colorprincipale08) !important; /*dfdfdf*/
	color: #ffff !important; /*7a7a7a */
	font-weight: bold;
	letter-spacing: 1.5px;
	/*border-top: 1px solid #7A7A7A;*/
	padding-top: 7px;
	padding-bottom: 7px;
	cursor: pointer !important;
}
.dialogueInfosCustom .formOpCoFi .trclassement td.totalSelected {
	padding-right: 4px;
}
.dialogueInfosCustom .formOpCoFi .trclassement td {
	/*border-top: 1px solid #0f0f0f;*/
}
.dialogueInfosCustom .formOpCoFi .trclassement td:first-child {
	border-top-left-radius: 8px;
	border-top: 2px solid var(--colorprincipale08);
}
.dialogueInfosCustom .formOpCoFi .trclassement td:last-child {
	border-top-right-radius: 8px;
	border-top: 2px solid var(--colorprincipale08);
}
.dialogueInfosCustom .formOpCoFi .trclassement td:not(:last-child,:last-child) {
	border-top: 2px solid var(--colorprincipale08);
}
.trsepclassement {
	height: 14px;
	background: transparent;
}
.dialogueInfosCustom .formOpCoFi tr.trclassement + tr.trConFin:last-of-type td:first-child {
    border-bottom-left-radius: 10px; /* Applique le radius au premier <td> */
}
.dialogueInfosCustom .formOpCoFi tr.trclassement + tr.trConFin:last-of-type td:last-child {
    border-bottom-right-radius: 10px; /* Applique le radius au dernier <td> */
}
#rapproComFinSelect {
	font-family: "source_sans_prosemibold", sans-serif;
	font-weight: 500;
	font-size: 17px;
	padding: 2px 30px 4px 6px;
	letter-spacing: 0.5px;
	color: var(--color-logo);
	background-color: #fff;
	height: 33px;
}
#rapproComFinSelectDIV {
	margin-left: 4px;
	display: inline-flex;
}
#rapproComFinSelectDIV label.container {
	width: auto !important;
	border: 0px;
}
#rapproComFinSelectDIV .champselect::after {
	top: auto;
	right: 1176px !important;
	bottom: 26px !important;
	z-index: 9999;
}

#errorConFin .invalide,
#errorConFinRelDiff .invalide {
	margin: 0px;
}
#errorConFinText,
#errorConFinRelDiffText {
	padding-left: 33px;
	font-weight: bold;
	color: #7a7a7a;
	font-size: 17px;
	font-family: var(--font-familydefault);
}
.formOpCoFi label.container {
	width: 0px !important;
	border: 0px !important;
}

/* Spécifique pour le form rendu courrier & OpCoFi*/
.dialogueInfosCustom .couApercu .zg,
.dialogueInfosCustom .formOpCoFi .zg {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.dialogueInfosCustom .couApercu .blocchamp .libelle,
.dialogueInfosCustom .formOpCoFi .blocchamp .libelle {
	width: 0px !important;
	margin-right: 0px !important;
}
.dialogueInfosCustom .couApercu .blocchamp .champ {
	width: calc(100% - 30px) !important;
}
.dialogueInfosCustom .couApercu .blocchamp .champ input,
.dialogueInfosCustom .couApercu .blocchamp .champ textarea,
.dialogueInfosCustom .couApercu .blocchamp .champ .fr-view {
	width: 100% !important;
}
.dialogueInfosCustom .couApercu .nom {
	width: 100% !important;
}

.ligneVideAbonne {
	height: 21px;
}
.colorLigneVide {
	background-color: #a5a5a5 !important;
}
div.looktextarea {
	padding: 10px;
	overflow: auto;
	color: unset !important;
}
.noborder0 {
	border: 0px !important;
}
.forceDisplayBlock {
	display: block !important;
}
.forceDisplayNone {
	display: none !important;
}
.explorateur .exploDctSig ul li span {
	color: #7d7d7d;
}

.actifAdrTel {
	background-color: var(--main-bg-color);
}
.actifAdrTel a,
#DesLisContextMenuAdrTelecom li:hover a {
	color: white !important;
}
.lineh15 {
	line-height: 15px !important;
}
.tailleh-auto {
	height: auto !important;
	font-size: 14.5px;
}

.zgcontentmulti:last-child {
	margin-bottom: 30px !important;
}

.fr-view-disable .froalaRendu {
	font-family: sans-serif;
	color: #414141;
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 14px;
	padding-right: 14px;
}
.fr-view-disable .froalaRendu :first-child,
.fr-element.fr-view :first-child {
	margin-top: 0px !important;
}
.fr-view-disable .froalaRendu :last-child,
.fr-element.fr-view :last-child {
	margin-bottom: 0px !important;
}
.fr-element.fr-view {
	line-height: 1;
}

.simple-close {
	background-image: url("../Images/simple-close.png");
	background-size: 26px 26px;
}

.textcolor-red {
	color: red !important;
}

.dialogueCustomHtmlContent .container.chercher {
	width: 180px !important;
}
.fulltaille {
	width: 95.5% !important;
}

#accMaiVerTxt .blocfroala {
	margin-top: 5px;
	margin-bottom: 5px;
}
.maiLettreFooter {
	padding-bottom: 30px;
}

.spannormal {
	font-family: "source_sans_proregular" !important;
	font-size: 16px !important;
	color: #7d7d7d !important;
}
.spannormal.gras {
	font-family: "source_sans_probold" !important;
}
.spancourant {
	font-family: "source_sans_probold" !important;
	font-size: 16px !important;
	color: #7d7d7d !important;
}
.specMargBottom30 {
	margin-bottom: 30px !important;
}
.smallsup {
	/* Pour les balises sup*/
	font-size: small;
	vertical-align: text-top;
}
.messErreurDialogue {
	margin-left: -100px;
	max-width: 100%;
	width: 500px;
	text-align: center;
	padding-top: 3px;
	color: rgb(185, 11, 11);
}

.checkboxperso {
	border: 1px solid #dbdbdb;
	padding: 4.5px 0px 6.5px 0px;
	border-radius: 5px;
}
.paddingCustom1 {
	padding: 20px 20px 0px 100px !important;
}

.logPassword::-ms-reveal,
.logPassword ::-ms-clear {
	display: none;
} /* Permet de ne pas afficer le petit oeil auto dans Edge*/

.visioDctMsg {
	font-family: "source_sans_prosemibold", sans-serif;
	font-size: 16px;
	padding: 3px 10px 5px 10px;
	letter-spacing: 0.5px;
	color: #7d7d7d;
}
#wrapVisioDctMsg {
	background-color: #efefef;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	border: 1px solid #dadada;
	border-radius: 4px;
	margin: 0px;
}
.visioDctMsgTH {
	width: 75px;
	vertical-align: top;
}
.visioDctMsgSeparator,
#visioDctMsgSeparator {
	width: calc(100% - 20px);
	margin: 6px 10px;
	height: 1px;
	background-color: #aeaeae;
}

.lignedoclie .logoDct {
	background-repeat: no-repeat;
	background-image: url("../images/DOCUMENTS_BLUE.png");
	background-size: 25px;
	background-position-y: -4px;
	background-position-x: -3px;
	min-width: 30px;
	height: 28px;
}
.lignedoclie .logoDesc {
	background-repeat: no-repeat;
	background-image: url("../images/iconesThemes/bleu/Taches.png");
	background-size: 25px;
	background-position-y: -4px;
	min-width: 30px;
	height: 28px;
}

.left .element .icone {
	width: 26px;
	min-width: 26px;
	height: 28px;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 13px;
	display: block;
	background-color: white;
}
.left .element .libelle {
	font-size: 16px;
	font-family: var(--font-familydefault);
	font-weight: 600;
}
.connexion :not(.bandeauaffiche) #bandeauVersion {
	display: none;
}

.switchgen {
	position: relative;
	display: inline-block;
	width: 38px;
	height: 18px;
	margin-left: 3px;
}
.tdswitchgen {
	padding-top: 7.5px !important;
	padding-bottom: 3px !important;
}
.switchgen input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slidergen {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #dadada;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border-radius: 18px;
}
.slidergen:before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: 4px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 50%;
}
.switchgen.cbswitch input + .slidergen {
	background-color: var(--color-fleche);
}
.switchgen.cbswitch input:focus + .slidergen {
	box-shadow: 0 0 1px var(--color-fleche);
}
.switchgen.cbswitch input + .slidergen:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}
.doubleauthmessage {
	font-size: 18px;
	text-align: center;
	letter-spacing: -0.02em;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: var(--font-familydefault);
	color: #4d4d4d;
}
.liendoubleauth {
	cursor: pointer;
	color: #949494;
	transition: 0.3s;
}
.liendoubleauth:hover {
	color: var(--accent500) !important;
}
.semititredoubleauth {
	font-size: 18px;
	text-align: center;
	letter-spacing: -0.02em;
	margin-top: -16px;
	margin-bottom: 24px;
	font-family: var(--font-familydefault);
	font-weight: 500;
	color: #4d4d4d;
}
/* Nouveauté Disponibilité Invités Réunions */

.dnone {
	display: none !important;
}
.dblock {
	display: inline-block !important;
}
.notShowElementBtn {
	display: none !important;
}
.listeDisInvTotExplo {
	padding: 25px 30px 25px 30px !important;
}
.bgDisInvNew {
	height: 100%;
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-image: none;
	z-index: 0;
	background-color: #fafafa;
	overflow-y: auto;
	overflow-x: hidden;
}
.blocDisInvNew1 {
	top: 0px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 130px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	padding: 12px 12px 12px 32px;
	display: flex;
	flex-direction: row;
}
.empDisInvLogo {
	top: 0px;
	display: flex;
	align-items: center;
	height: 100%;
	width: 180px;
}
.empDisInvAutre {
	height: 100%;
	width: 100%;
}

.logoDisInv {
	height: 80px;
	width: 88px;
	background-repeat: no-repeat;
	background-size: cover;
}
.logoDisInvOMC,
.logoDisInvDéveloppement {
	background-image: url("https://cdn.organica.technology/OfficeWeb/bg/OMC_Logo3.png");
}
.nomargp {
	margin-block-start: 0;
	margin-block-end: 0;
}
.disInvFontPetit {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
		"Helvetica Neue", sans-serif;
	font-weight: bold;
	font-size: 10.5px;
	letter-spacing: 1.5px;
	color: #d6e4ea;
}
.disinvInvit {
	letter-spacing: 1px;
	position: absolute;
	top: 20px;
}
.disinvInvit2 {
	font-family: var(--font-familydefault);
	font-size: 30px;
	color: white;
	letter-spacing: 0.4px;
	position: absolute;
	top: 34px;
	font-weight: bold;
}
.empDisInvAutreBas {
	top: 100px;
	width: 100%;
	position: absolute;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: row;
}
.empDisInvAutreBas1,
.empDisInvAutreBas2 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.empDisInvAutreBas1 {
	margin-right: 20%;
}
.disinvInvit4 {
	font-family: var(--font-familydefault);
	letter-spacing: 0.8px;
	font-weight: bold;
	font-size: 14px;
	color: white;
	margin-top: 4px;
}
.blocDisInvNewMain {
	top: 32px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 96%;
}
.disinvMainTitre {
	font-family: var(--font-familydefault);
	letter-spacing: 0.8px;
	font-weight: bold;
	font-size: 18px;
	color: #46606c;
}
.disinvtabinvi.sansinvi {
	height: 200px !important;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 0px 0px 0px 0px;
}
.disinvtabinvi {
	height: 250px;
	margin-top: 20px;
	background-color: #ffffff;
	height: calc(100% - 260px) !important;
	border-radius: 8px;
	box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 4px 4px 24px rgba(0 0 0 / 8%);
	-moz-box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
	padding: 18px 18px 0px 18px;
}
.tableauDatesDisInvComp {
	position: relative;
	border-radius: 8px;
	padding-bottom: 18px;
	padding-left: 18px;
	padding-right: 18px;
}
.tableauDatesDisInv {
	display: table;
	width: 100%;
	position: relative;
	background-color: #e9f3f8;
	border-radius: 8px;
}
/*.listeDisInvTotExplo .tr:hover{
	background-color: #d9eff7;
}*/
.tableauDatesDisInv2 {
	display: table;
	top: 9px;
	width: 100%;
	position: relative;
	background-color: white;
}

.tableauDatesDisInv thead tr th {
	position: sticky;
	top: 0px;
	z-index: 9;
	height: 100px;
}
.tableauDatesDisInv2 tbody tr td {
	position: sticky;
}
.empLogoDatesDisInv {
	min-width: 280px;
	max-width: 20px;
	width: 280px;
	z-index: 2;
	text-align: left;
	vertical-align: bottom;
}
.stylemjdisinv {
	font-family: var(--font-familydefault);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.1em;
	color: #475f6d;
}
.stylegranddisinv {
	font-family: var(--font-familydefault);
	font-weight: bold;
	font-size: 34px;
	color: #46606c;
}
.stylesimpledisinv {
	align-items: center;
	font-family: var(--font-familydefault);
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: #93adb9;
}
.disinvtime {
	margin-top: 12px;
	color: #46606c !important;
	font-weight: bold !important;
	font-size: 17px !important;
}
.imageDisInvReunion {
	background-image: url("https://cdn.organica.technology/OfficeWeb/bg/Doodle_Meeting.svg");
	width: 150px;
	height: 140px;
	background-size: cover;
	bottom: 0;
	margin-bottom: -2px;
	margin-left: 20px;
}
.stylenomdisinv {
	font-family: var(--font-familydefault);
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #46606c;
	margin-block-start: 0;
	margin-block-end: 0;
}
.styleNomInviteDisInv {
	font-family: var(--font-familydefault);
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #5c7b8a;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-left: 16px;
}
.imgMeDisInv {
	top: 242px;
	position: absolute;
	background-image: url(https://cdn.organica.technology/OfficeWeb/bg/Doodle_Me.svg);
	width: 36px;
	height: 36px;
	background-size: cover;
	left: -10px;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}
.imgMeDisInvInterne {
	position: absolute;
	background-image: url(https://cdn.organica.technology/OfficeWeb/bg/Doodle_MeUser.svg);
	background-size: cover;
	z-index: 9999;
	width: 16px;
	height: 16px;
	left: 8px;
}
.tdColonneNomDisInv {
	min-width: 284px;
	max-width: 284px;
	width: 284px;
}
.tdColonneDateDisInv {
	width: 160px;
}
.thNomPartDisInvComp {
	display: flex;
	text-align: left;
	align-items: center;
	margin-left: 24px;
	height: 50px;
	padding-right: 8px;
}
.tdNomTabDisInv {
	display: flex;
	text-align: left;
	align-items: center;
	height: 48px;
	width: 284px;
	margin-left: 14px;
}
.fullLigneDisInvInv {
	display: flex;
	align-items: center;
	width: 100%;
	border-bottom: 2px solid #f5f5f5;
}
.voteDisInv {
	font-family: var(--font-familydefault);
	font-size: 15px;
	height: 38px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-radius: 8px;
	margin: 4px 4px 4px 4px;
	min-width: 150px;
	max-width: 150px;
	width: 150px;
}
.voteDisInv:hover {
	cursor: pointer;
}
.typechoixdisinvme {
	margin-left: -144px;
	line-height: 14px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.disinvplineh14 {
	line-height: 14px;
}
.contPDisInvLabel {
	display: flex;
	justify-content: center;
}
.tableauDatesDisInv2 td {
	z-index: 99;
}
.dropdowndisinv {
	height: 48px;
}
.imgDropDownDisInv {
	display: block;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin-left: 124px;
}
.imgDropDownDisInvInt {
	-webkit-mask: url("../Images/iconesBoutons/flechebas.svg") no-repeat center / 100% 100%;
	mask: url("../Images/iconesBoutons/flechebas.svg") no-repeat center / 100% 100%;
	width: 20px;
	height: 20px;
	margin: auto;
}
.voteDisInv.voteOk {
	background-color: #e4ffe7;
	color: #569540;
	border: 1px solid #addfaf;
}
.voteDisInv.voteNok {
	background: #ffeded;
	border: 1px solid #dfadad;
	color: #954040;
}
.voteDisInv.voteNok:hover:not(.nodropvote) {
	background: #ffdbdb;
}
.voteDisInv.voteOk:hover:not(.nodropvote) {
	background-color: #d3ffdb;
}
.ligneDateInvDisInv.voteNok {
	background: #ffeded;
	color: #954040;
}
.ligneDateInvDisInv.voteOk {
	background-color: #e4ffe7;
	color: #569540;
}
.ligneDateInvDisInv.votePasEncore {
	background-color: #efefef;
	color: #b5b5b5;
}
.voteOk :not(.noDropdown) .imgDropDownDisInvInt {
	background-color: #569540;
}
.voteNok :not(.noDropdown) .imgDropDownDisInvInt {
	background-color: #954040;
}
.divConfirmDisInv {
	display: flex;
	justify-content: flex-end;
	margin-top: 12px;
}
.confirmerElemDisInv {
	background: #ee752d;
	border-radius: 8px;
	padding: 1px 16px;
	width: 113px;
	height: 40px;
	color: white;
	font-family: var(--font-familydefault);
	font-weight: 700;
	font-size: 19px;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	letter-spacing: 0.8px;
	transition: 0.4s;
}
.confirmerElemDisInv:hover {
	cursor: pointer;
	background-color: #ac4e18;
}
.disinvInviTitre {
	margin-top: 10px;
}
.disinvtabdate {
	overflow-y: hidden;
	overflow-x: auto;
	height: 220px;
	margin-top: 20px;
	background-color: #ffffff;
	height: calc(100% - 300px) !important;
	border-radius: 8px;
	box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 4px 4px 24px rgba(0 0 0 / 8%);
	-moz-box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
	padding: 18px 0px 0px 0px;
}
.titreInterneTabDisInv {
	color: #b1c4ce;
	font-family: var(--font-familydefault);
	font-style: normal;
	font-weight: 700;
	font-size: 23.04px;
}
.divConfMessage {
	font-family: var(--font-familydefault);
	font-style: normal;
	font-size: 17px;
	display: flex;
	padding-right: 20px;
	align-items: center;
	color: #b04040;
}
.disinvinvitetabliste {
	margin-top: 20px;
	position: absolute;
	width: 100%;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	height: calc(100% - 124px) !important;
	border-radius: 8px;
	box-shadow: 4px 4px 24px rgb(0 0 0 / 8%);
	-webkit-box-shadow: 4px 4px 24px rgb(0 0 0 / 8%);
	-moz-box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
	overflow: auto;
}
.tabpartdisinvinvi table {
	border-collapse: collapse;
}
.tabpartdisinvinvi table tr {
	border-bottom: 2px solid #f5f5f5;
	line-height: 1.8em;
}
.tdTabDisInvInvComp {
	min-width: 298px;
	max-width: 298px;
	width: 298px;
	padding-right: 8px;
}
.imgInvDisInv {
	display: block;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	width: 16px;
	height: 16px;
}
.imgInvDisInvInterne {
	-webkit-mask: url(https://cdn.organica.technology/OfficeWeb/bg/Doodle_MeUser.svg) no-repeat center / 100% 100%;
	mask: url(https://cdn.organica.technology/OfficeWeb/bg/Doodle_MeUser.svg) no-repeat center / 100% 100%;
	width: 16px;
	height: 16px;
	margin: auto;
	background-color: #5c7b8a;
}
.tdColonneInvDisInv {
	align-items: center;
	text-align: center;
	justify-content: center;
}
.tdDivColonneInvDisInv {
	width: 162px;
	display: flex;
	justify-content: center;
	color: #93adb9;
}
.tableInvDisInv {
	width: 100%;
}
.tdSupInvDisInv {
	width: 162px;
}
.ligneDateChoixInvDisInv {
	text-align: center;
	width: 162px;
}
.ligneDateInvDisInv {
	display: inline-block;
	border-radius: 8px;
	font-family: var(--font-familydefault);
	font-size: 15px;
	width: 150px;
	height: 34px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}
.headDateDisInv {
	width: 160px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	font-family: var(--font-familydefault);
	color: #131313;
	margin-top: 8px;
	padding-bottom: 6px;
}
.divheadDateDisInv {
	height: 140px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	cursor: default;
}
.dropdcont {
	display: none;
	position: fixed;
	background-color: #f5f5f5;
	min-width: 150px;
	border-radius: 8px;
	margin-left: 4px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 9999;
}
.dropdcont p {
	color: #46606c;
	padding: 10px 16px;
	text-decoration: none;
	border-radius: 8px;
	display: block;
	font-family: var(--font-familydefault);
	font-size: 15px;
	margin-block-start: 0;
	margin-block-end: 0;
	font-weight: normal;
}
.dropdcont p:hover {
	background-color: #dddddd;
	cursor: pointer;
}
.afficher {
	display: block !important;
}
.blocDisInvNew1 {
	background: rgba(70, 97, 108, 1);
	background: -moz-linear-gradient(left, rgba(70, 97, 108, 1) 0%, rgba(74, 160, 173, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(70, 97, 108, 1) 0%, rgba(74, 160, 173, 1) 100%);
	background: -o-linear-gradient(left, rgba(70, 97, 108, 1) 0%, rgba(74, 160, 173, 1) 100%);
	background: -ms-linear-gradient(left, rgba(70, 97, 108, 1) 0%, rgba(74, 160, 173, 1) 100%);
	background: linear-gradient(to right, rgba(70, 97, 108, 1) 0%, rgba(74, 160, 173, 1) 100%);
}
.organica_doodle {
	display: block;
}
.logonoliste.organica_doodle {
	margin-top: 60px !important;
}
.lastTabDisInv {
	margin-right: auto;
	margin-left: auto;
	width: 96%;
	bottom: 0px !important;
	position: relative !important;
	margin-top: 340px !important;
	display: flex;
	justify-content: flex-end;
}
.espaceTabDisInvFin {
	bottom: 0px !important;
	position: relative !important;
	display: block;
	float: right;
	height: 20px;
	width: 100%;
}
.mblocMeChoixDisInv {
	display: none !important;
}
.mDivConfirmDisInv {
	display: none !important;
}
.mblocDatesDisInv {
	display: none !important;
}
.mblocPageDetailInv {
	display: none !important;
}
/* Mobile */
@media screen and (max-width: 769px), screen and (max-device-width: 769px) {
	.blocDisInvNewMain {
		display: none;
	}
	.bgDisInvNew {
		overflow-y: auto;
		overflow-x: hidden;
	}
	.empDisInvLogo {
		width: 100%;
		justify-content: center;
		padding-top: 16px;
	}
	.disinvInvit,
	.disinvInvit2,
	.empDisInvAutreBas {
		position: relative;
	}
	.disinvInvit2,
	.disinvInvit {
		top: 0px;
	}
	.empDisInvAutreBas {
		top: 0px;
		display: block;
		padding-top: 40px;
	}
	.empDisInvAutre {
		padding-top: 50px;
		padding-left: 10px;
	}
	.empDisInvAutreBas2 {
		padding-top: 30px;
		padding-bottom: 26px;
	}
	.blocDisInvNew1 {
		position: relative;
		height: auto;
		padding: 0px;
		display: block;
	}
	.mblocMeChoixDisInv {
		display: block !important;
		padding-top: 36px;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.imgMeDisInv {
		top: auto;
		left: auto;
		margin-left: 8px;
		margin-top: 6px;
	}
	.mblocMeInterneDisInv {
		height: 48px;
		background-color: #d6e4ea;
		border-radius: 12px;
		left: 0px;
		margin-left: 20px;
		width: calc(96% - 20px);
		display: flex;
		align-items: center;
	}
	.mpMeIntDisInv {
		font-family: var(--font-familydefault);
		font-weight: 400;
		font-size: 16px;
		line-height: 140%;
		color: #46606c;
		margin-left: 36px;
	}
	.mDivConfirmDisInv {
		z-index: 989;
		height: 64px;
		background: #ffffff;
		box-shadow: 0px -4px 24px rgba(0, 0, 0, 0.08);
		border-radius: 12px 12px 0px 0px;
		width: 100%;
		bottom: 0;
		position: fixed;
		justify-content: center;
		align-items: center;
		display: flex !important;
	}
	.mBtnConfDisInv {
		z-index: 9999;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px 0px;
		background-color: #ee752d;
		border-radius: 8px;
		color: white;
		font-family: var(--font-familydefault);
		font-weight: 700;
		font-size: 16px;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		cursor: pointer;
		transition: 0.4s;
	}
	.mBtnConfDisInv:hover {
		background-color: #ac4e18;
	}
	.mblocDatesDisInv {
		padding-top: 36px;
		display: block !important;
	}
	.mcontentDateDisInv {
		display: flex;
		justify-content: flex-start;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.m1IntDisInvBlocDates {
		width: 24%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.m2IntDisInvBlocDates {
		width: 100%;
	}
	.m2DisInvDateSpec {
		width: 94%;
		height: 100%;
		background-color: #ffffff;
		box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
		border-radius: 12px;
	}
	.m2DisInvDateSpecInt {
		padding: 16px;
		width: auto;
		height: auto;
	}
	.mstyleicondisinv {
		width: 16px;
		height: 16px;
		margin: auto;
		background-color: #93adb9;
	}
	.mstyleicondisinv.clock {
		-webkit-mask: url("../Images/iconesBoutons/Doodle_Clock.svg") no-repeat center / 100% 100%;
		mask: url("../Images/iconesBoutons/Doodle_Clock.svg") no-repeat center / 100% 100%;
	}
	.mstyleicondisinv.maps {
		-webkit-mask: url("../Images/iconesBoutons/Doodle_Maps.svg") no-repeat center / 100% 100%;
		mask: url("../Images/iconesBoutons/Doodle_Maps.svg") no-repeat center / 100% 100%;
	}
	.mcontainerTimeDisInv,
	.mcontainerTimeDisInv2 {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mcontainerTimeDisInv2,
	.mcontainerTimeDisInvDern {
		padding-top: 14px;
	}
	.mcontainerTimeDisInvDern {
		display: block;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.stylesimpledisinv {
		line-height: 100%;
		padding-left: 8px;
	}
	.mcontDisInvTime {
		display: flex;
	}
	.switchContentDisInv {
		position: relative;
		display: inline-block;
		width: 40px;
		height: 24px;
	}
	.switchContentDisInv input {
		opacity: 0;
		width: 0;
		height: 0;
	}
	.sliderDisInv {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: 0.4s;
		transition: 0.4s;
		border-radius: 24px;
	}
	.sliderDisInv:before {
		position: absolute;
		content: "";
		height: 16px;
		width: 16px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: 0.4s;
		transition: 0.4s;
		border-radius: 50%;
	}
	.switchContentDisInv input:checked + .sliderDisInv {
		background-color: #569540;
	}
	.switchContentDisInv input:focus + .sliderDisInv {
		box-shadow: 0 0 1px #569540;
	}
	.switchContentDisInv input:checked + .sliderDisInv:before {
		-webkit-transform: translateX(16px);
		-ms-transform: translateX(16px);
		transform: translateX(16px);
	}
	.mpaddisinv {
		padding-top: 16px;
	}
	.dropdcont {
		position: absolute;
		min-width: calc(76% - 40px);
	}
	.voteDisInv {
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}
	.tdColonneDateDisInv {
		width: 100%;
	}
	.typechoixdisinvme {
		margin-left: 0px;
	}
	.voteDisInv {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.contPDisInvLabel {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		margin-left: 28px;
	}
	.imgDropDownDisInv {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		margin-left: 0px;
		padding-right: 8px;
	}
	.dropdowndisinv {
		height: 40px;
	}
	.mblockinvitesdisinv {
		padding: 0px 14px;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.minternebtninvitedisinv {
		height: 68px;
		background: #ffffff;
		box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
		border-radius: 12px;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0px 18px;
		cursor: pointer;
	}
	.imgSuivDisInv {
		display: block;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: center center;
		width: 32px;
		height: 32px;
	}
	.imgSuivDisInvInt {
		-webkit-mask: url(../Images/iconesBoutons/droite.svg) no-repeat center / 100% 100%;
		mask: url(../Images/iconesBoutons/droite.svg) no-repeat center / 100% 100%;
		width: 32px;
		height: 32px;
		margin: auto;
		background-color: #93adb9;
	}
	.imgSuivDisInvInt2 {
		-webkit-mask: url(../Images/iconesBoutons/gauche.svg) no-repeat center / 100% 100%;
		mask: url(../Images/iconesBoutons/gauche.svg) no-repeat center / 100% 100%;
		width: 32px;
		height: 32px;
		margin: auto;
		background-color: #ffffff;
	}
	.mcontentinvidisinv {
		font-family: var(--font-familydefault);
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 128%;
		color: #46606c;
	}
	.organica_doodle {
		margin-top: 0px !important;
		position: relative;
	}
	.lastTabDisInv {
		display: flex;
		justify-content: center;
		padding-top: 20px;
		margin-top: 0px !important;
		padding-bottom: 80px;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.espaceTabDisInvFin {
		display: none;
	}
	.btnRetourDetailInv {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 0px 16px 0px 0px;
		gap: 8px;

		position: absolute;
		width: 108px;
		height: 40px;
		left: 12px;
		top: 16px;

		background: #ee752d;
		border-radius: 20px;
		cursor: pointer;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.intbtnRetDetaimlInv {
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 128%;
		color: #ffffff;
		flex: none;
		order: 1;
		flex-grow: 0;
		font-family: var(--font-familydefault);
	}
	.invDisInvDet {
		margin-top: 100px;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.pAccueilInvDisInvDetail {
		font-family: var(--font-familydefault);
		font-style: normal;
		font-weight: 700;
		font-size: 22.78px;
		line-height: 128%;
		text-align: center;
		color: #46606c;
	}
	.mtabinviteDisInv {
		margin-top: 30px;
		width: 100%;
	}
	.blocInviteDetail {
		width: 100%;
		height: 100%;
		background: #ffffff;
		box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
		border-radius: 12px;
		margin-top: 10px;
		display: flex;
		align-items: center;
		cursor: pointer;
	}
	.imgBasFlecheDisinv {
		-webkit-mask: url(../Images/iconesBoutons/droite.svg) no-repeat center / 100% 100%;
		mask: url(../Images/iconesBoutons/droite.svg) no-repeat center / 100% 100%;
		transform: rotate(90deg);
		width: 32px;
		height: 32px;
		margin: auto;
		background-color: #93adb9;
	}
	.imgHautFlecheDisinv {
		-webkit-mask: url(../Images/iconesBoutons/droite.svg) no-repeat center / 100% 100%;
		mask: url(../Images/iconesBoutons/droite.svg) no-repeat center / 100% 100%;
		transform: rotate(-90deg);
		width: 32px;
		height: 32px;
		margin: auto;
		background-color: #93adb9;
	}
	.imgMeInvDis {
		-webkit-mask: url(https://cdn.organica.technology/OfficeWeb/bg/Doodle_MeUser.svg) no-repeat center / 100% 100%;
		mask: url(https://cdn.organica.technology/OfficeWeb/bg/Doodle_MeUser.svg) no-repeat center / 100% 100%;
		width: 18px;
		height: 18px;
		margin: auto;
		background-color: #5c7b8a;
	}
	.imgMeExtDisInv {
		display: block;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: center center;
		width: 22px;
		height: 18px;
	}
	.mcontentinvidisinv2 {
		font-family: var(--font-familydefault);
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		color: #5c7b8a;
		align-items: center;
	}
	.plibelleRelNomDis {
		padding-left: 16px;
		line-height: 100%;
	}
	.m2DisInvDateSpecInt2 {
		padding: 16px;
		width: 100%;
		height: auto;
	}
	.visuelResultInv {
		display: none;
		padding-top: 4px;
	}
	.blocDetailChoixInvi {
		width: 100%;
		height: 100%;
		border-radius: 8px;
	}
	.interneblocDetailChoixInvi {
		padding: 12px;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: flex-start;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		align-items: center;
	}
	.stylesimpleinvdetail,
	.stylesimpleinvdetail2 {
		font-family: var(--font-familydefault);
		font-weight: 600;
		font-size: 13px;
		line-height: 128%;
		letter-spacing: 0.1em;
	}
	.stylesimpleinvdetail {
		padding-bottom: 4px;
	}
	.stylesimpleinvdetail2 {
		font-size: 14px;
		font-weight: 400;
	}
	.resultInviteDet {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0px 12px;
		width: 120px;
		height: 40px;
		border-radius: 16px;
		font-family: var(--font-familydefault);
		font-weight: 400;
		font-size: 17px;
		line-height: 106%;
	}
	.blocDetailChoixInvi.colorInviNonRep {
		background: #efefef;
	}
	.blocDetailChoixInvi.colorInviNok {
		background: #ffeded;
	}
	.blocDetailChoixInvi.colorInviOk {
		background: #e3fde6;
	}
	.colorInviNonRep .stylesimpleinvdetail {
		color: #787878;
	}
	.colorInviNok .stylesimpleinvdetail {
		color: #954040;
	}
	.colorInviOk .stylesimpleinvdetail {
		color: #569540;
	}
	.colorInviNonRep .stylesimpleinvdetail2 {
		color: #858585;
	}
	.colorInviNok .stylesimpleinvdetail2 {
		color: #dd8888;
	}
	.colorInviOk .stylesimpleinvdetail2 {
		color: #86cb88;
	}
	.colorInviNok .resultInviteDet {
		background: #ffd8d8;
		color: #dd8888;
	}
	.colorInviOk .resultInviteDet {
		background: #c8f8ce;
		color: #86cb88;
	}
	@keyframes fadeInDisInv {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
}

@keyframes fadeInGen {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/* Fin Disponibilité Invités Réunions*/

.updboldred {
	color: #ff8989;
}
[id^="criteres"] {
	font-family: "source_sans_proregular", sans-serif;
}
.textareaFullScreenContaienr {
	/*padding-left: 30px;	*/
	background-color: #fff;
	float: right;
	position: relative;
	left: -30px;
	z-index: 25;
	top: -30px;
	display: inline-flex;
}
.textareaFullScreen {
	background-image: url("../images/fullscreen.png");
	background-size: cover;
	height: 15px;
	width: 15px;
	opacity: 0.8;
	margin-left: 10px;
}
.textareaFullScreenUnlayer {
	background-image: url("../images/Unlayer2.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}
.textareaFullScreen:hover {
	cursor: pointer;
}
.blocchamp.fullwidth {
	width: calc(100% - 60px);
}
.ulwrapper .blocchamp.fullwidth,
.dialogueInfosCustom .blocchamp.fullwidth,
#txtFullScreen .blocchamp.fullwidth {
	width: 100%;
}
.dialogueInfosCustom .blocchamp.fullwidth.fullwidthAvecLibelle {
	width: calc(100% - 60px);
}
.blocchamp.fullwidthAvecLibelle {
	width: calc(100% - 60px);
}

#txtFullScreen {
	padding: 0px !important;
}
.formTxtFullScreen.form,
.formTxtFullScreen .blocchamp,
.formTxtFullScreen .champ,
.formTxtFullScreen textarea,
.formTxtFullScreen .CodeMirror {
	height: 100% !important;
	margin: 0px !important;
}

.chipContent {
	max-height: 60px;
	overflow-y: scroll;
}
.chip {
	display: inline-block;
	padding: 0 14px;
	height: 23px;
	line-height: 23px;
	border-radius: 25px;
	background-color: #f1f1f1;
	font-family: "source_sans_regular", sans-serif;
	font-size: 13px;
	margin: 3px;
}
.chipDelete {
	background-image: url("../images/simple-close.png");
	background-size: cover;
	height: 10px;
	width: 10px;
	display: inline-block;
	margin-left: 10px;
}
.chipDelete:hover {
	cursor: pointer;
}

.blocfroala > .champ > .fr-box > .fr-wrapper > .fr-element {
	/*min-height: 250px !important;*/
}
.boolok,
.boolpasok,
.boolattention,
.boolplus,
.boolmoins {
	min-width: 21px;
	width: 21px;
	height: 21px;
	border-radius: 21px;
	position: relative;
}
.boolok,.boolplus {
	background: #c0f4e4;
}
.boolpasok,.boolmoins {
	background: #ffe4e4;
}
.boolattention {
	background: #fbf7df;
}
.boolok::after,
.boolpasok::before,
.boolpasok::after {
	content: "";
	display: block;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.boolok::after {
	height: 8px;
	width: 5px;
	right: 8px;
	top: 5px;
	border: solid #36b389;
	border-width: 0 1px 1px 0;
}
.boolplus::after,.boolplus::before{
	content: "";
	display: block;
	position: absolute;
	border: solid #36b389;
	border-width: 0 1px 1px 0;
}
.boolmoins::before{
	content: "";
	display: block;
	position: absolute;
	border: solid #f08a8a;
	border-width: 0 1px 1px 0;
}
.boolmoins::before {
	height: 0px;
    width: 8px;
    left: 6px;
    top: 10px;
}
.boolplus::before {
	height: 0px;
    width: 8px;
    left: 6px;
    top: 10px;
}
.boolplus::after {
    height: 8px;
    width: 0px;
    left: 10px;
    top: 6px;
}


.boolattention::before,
.boolattention::after {
	content: "";
	display: block;
	position: absolute;
}
.boolpasok::before,
.boolpasok::after {
	background: #f08a8a;
}
.boolattention::before,
.boolattention::after {
	background: #dfb177;
}
.boolpasok::before {
	height: 1px;
	width: 11px;
	left: 5px;
	top: 10px;
}
.boolpasok::after {
	height: 11px;
	width: 1px;
	left: 10px;
	top: 5px;
}

.boolattention::after {
	height: 8px;
	width: 1.6pt;
	left: 7.2pt;
	top: 4px;
}
.boolattention::before {
	height: 1.6pt;
	width: 1.6pt;
	left: 7.2pt;
	top: 15px;
}
.froalaNotInit .fr-box {
	position: relative;
	color: red;
	font-family: sans-serif;
	color: #414141;
	line-height: 1.6;
	text-align: left;
	padding-left: 16px;
}
.froalarequirednonremp.froalaNotInit .fr-box {
	padding-left: 0px;
}
.froalaNotInit .fr-boc .fr-view:first-child {
	margin-top: 0px;
}
.froalaNotInit .fr-boc .fr-view:last-child {
	margin-bottom: 0px;
}
.froalaNotInit .fr-wrapper,
.froalaNotInit .fr-view {
	min-height: 75px !important;
}
.envoyerEmail_Textarea {
	margin-left: 30px !important;
	/*max-height: 25px;
	height: 1em;*/
}
#envoyerEmail .ligne,
#envoyerEmailFac .ligne,
#ajoutCodePostal .ligne,
#formSaveMailing .ligne,
#formEnvoiDisponibiliteReu .ligne,
#formAjoutFicheRemplacement .ligne,
#formGenererMailing .ligne,
#formTesterMailing .ligne,
#ajouterFicheLieu .ligne,
#postposerReunion .ligne,
#diaSignerDocument .ligne,
#enuUtiAjouter .ligne,
#enuUtiModifier .ligne {
	width: 100%;
}
.blocEnvoyerEmail_Objet {
	margin-left: 15px !important;
	margin-right: 30px !important;
}
.blocEnvoyerEmail_Objet .libelle {
	width: 0px !important;
}
.blocEnvoyerEmail_Objet .champ {
	width: 100% !important;
}
.blocEnvoyerEmail_Objet input {
	width: calc(100% - 20px - 2px) !important;
}
.fullwidthchamptxt {
	width: calc(100% - 20px - 2px) !important;
}
.iconDansFormListe {
	padding: 5px 15px 5px 0px !important;
}

.blocchamp.fullwidthchamplabelexpautre{
	width: calc(100% - 80px) !important;
    margin-left: 50px !important;
}
.blocchamp.fullwidthlabelexped {
	width: calc(100% - 40px) !important;
	margin-left: 10px !important;
}
.widthspecialautrefac{
	width: 43px !important;
}
.width66{
	width: 66px !important;
	margin-right: 13px !important;
}
.fondIconDansFormListe {
	min-width: 20px;
	width: 20px;
	height: 20px;
	background: transparent;
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 1px;
}
.fondIconDansFormListe .iconeDans {
	-webkit-mask-position: center center;
	mask-position: center center;
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
}
.tbodycontent .trentete th span .iconeDans {
	background-color: white !important;
}
.fondIconDansFormListe .iconeDans.valide {
	-webkit-mask: url(../Images/iconesBoutons/valide.svg) no-repeat center center / 100% 100%;
	mask: url(../Images/iconesBoutons/valide.svg) no-repeat center center / 100% 100%;
	background: #2dae83;
}
.fondIconDansFormListe .iconeDans.searchvalide {
	-webkit-mask: url(../Images/iconesBoutons/searchvalide.png) no-repeat center center / 100% 100%;
	mask: url(../Images/iconesBoutons/searchvalide.png) no-repeat center center / 100% 100%;
}
.officelitesite .fondIconDansFormListe .iconeDans.searchvalide {
	background: #334155;
}
.fondIconDansFormListe .iconeDans.searchvalide {
	background: #ffffff;
}
.fondIconDansFormListe .iconeDans.aconfirmer {
	-webkit-mask: url(../Images/iconesBoutons/a-confirmer.svg) no-repeat center center / 100% 100%;
	mask: url(../Images/iconesBoutons/a-confirmer.svg) no-repeat center center / 100% 100%;
	background: #eb9530;
}
.fondIconDansFormListe .iconeDans.perimer {
	-webkit-mask: url(../Images/iconesBoutons/perime.svg) no-repeat center center / 100% 100%;
	mask: url(../Images/iconesBoutons/perime.svg) no-repeat center center / 100% 100%;
	background: #ef5c5c;
}
.fondIconDansFormListe .iconeDans.cloture {
	-webkit-mask: url(../Images/iconesBoutons/cloture.svg) no-repeat center center / 100% 100%;
	mask: url(../Images/iconesBoutons/cloture.svg) no-repeat center center / 100% 100%;
	background: #d0d0d0;
}

#tabRequetesLignes input:disabled {
	background-color: #f2f6ff; /* var(--color-accordeon-clair) !important;*/
}

#champValeurSimple {
	display: block;
	font-family: "source_sans_prosemibold", sans-serif;
	font-size: 17px;
	padding-top: 3px;
	padding-right: 30px;
	padding-bottom: 4px;
	letter-spacing: 0.5px;
	margin-top: 0px;
	width: calc(100% - 57px);
	height: 24px;
	padding-left: 27px !important;
	border: 1px solid rgb(218, 218, 218);
	margin-bottom: 7px;
	color: #8d8d8d !important;
}

input.requirednonremp,
select.requirednonremp,
textarea.requirednonremp,
.requirednonremp .blocradio,
div.requirednonremp {
	/* input.requiredonelignelie */
	background-color: #ffedec73 !important;
	border-color: #fba6a6 !important;
}

div.requirednonrempborder {
	border-color: #fba6a6 !important;
}

input.requirednonremp:disabled {
	background-color: #e4d4d373 !important;
}

select.requirednonremp option {
	background-color: #ffffff !important;
}
.fr-fullscreen .requirednonremp {
	background-color: #fff !important;
	border-color: #cccccc !important;
}
.ecranblancchargement {
	background: #ffffff !important;
}
.paddleft30 {
	padding-left: 30px !important;
}

.loadMore {
	font-size: 17px;
	font-family: var(--font-familydefault);
	font-weight: 400;
	padding: 5px 20px 5px 0px;
	line-height: 22px;
	text-align: center;
	height: 0px;
}

::-webkit-scrollbar {
	-webkit-appearance: none;
	cursor: pointer !important;
}
::-webkit-scrollbar:vertical {
	width: 7px;
	cursor: pointer !important;
}

::-webkit-scrollbar:horizontal {
	height: 7px;
	padding-top: 1px;
	cursor: pointer !important;
}
::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: #bbbbbb;
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
	cursor: pointer !important;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #aaaaaa;
	cursor: pointer !important;
}
.selectColRecherche .champselect select::-webkit-scrollbar {
	width: 7px !important;
	height: 7px !important;
}

.sfl .menucontextuel,
.ssfl .menucontextuel {
	margin-left: -11px !important;
	width: 158px;
	padding: 8px 0px 2px 10px;
	margin-top: 34px !important;
	border-radius: 4px;
	/*-webkit-box-shadow: 0px 2px 24px 0px rgb(0 0 0 / 21%);
	-moz-box-shadow: 0px 2px 24px 0px rgb(0 0 0 / 21%);
	box-shadow: 0px 2px 24px 0px rgb(0 0 0 / 21%);*/
}
.sfl .menucontextuel .element,
.ssfl .menucontextuel .element {
	margin: 0px 0px 6px 0px;
}
.sfl .menucontextuel .element .libelle,
.ssfl .menucontextuel .element .libelle {
	font-size: 15px !important;
}
.styleLabelRed {
	font-family: var(--font-familydefault);
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.5px;
	color: #eb2929;
}
.styleLabelMessage {
	font-family: var(--font-familydefault);
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.5px;
	color: #a3a3a3;
}
.styleLabelMessage.txtCommExterneActif {
	color: #eb2929;
}

.blocMessSimple {
	margin-top: -8px !important;
}

.blocMessSimple.blocchamp .champ {
	width: 311px;
}

/* ---------- Gérer les groupes d'activités ---------- */
.divGrAComp {
	padding: 16px 0px 16px 16px;
	height: 700px;
	position: absolute;
}
.ligneGrAComp {
	display: flex;
	flex-direction: row;
	height: 100%;
	margin: 0px 5px 5px 0px;
}
.colGrAComp {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0px 2px 2px 0px;
}
.blocGrAComp {
	height: calc(100% - 10px);
	background-color: #919191ba;
	display: flex;
	align-items: start;
	justify-content: center;
	margin: 0px 5px 5px 0px;
	padding: 5px;
	font-family: Verdana;
	text-align: center;
	color: white;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.2s;
	border-radius: 6px;
	box-shadow: 4px 4px 24px rgb(0 0 0 / 11%);
	-moz-box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.11);
	padding-left: 24px;
	padding-right: 24px;
	font-size: 12px;
}
.blocGrAComp:hover {
	opacity: 0.95;
}
.colGrAComp .blocGrAComp:last-child,
.colGrAComp .ligneGrAComp:last-child {
	margin-bottom: 0px;
}
.checkbox_arboGrA {
	z-index: 9999;
}
.errorbloc .errormessage .divGrAComp .container .checkmark {
	top: 0px !important;
}
.errorbloc .errormessage .divGrAComp .container {
	padding: 0px !important;
	width: 0px !important;
	height: 0px !important;
	top: 7px;
	left: 7px;
}
.ui-dialog .ui-dialog-content.gestionGrA {
	overflow: hidden !important;
}
.gestionGrA .divGrAComp {
	width: 100%;
	overflow: auto;
}
.colGrAComp .blocGrAComp {
	width: 130px;
}
.colGrAComp .colGrAComp .blocGrAComp {
	width: 300px;
}
.colGrAComp .colGrAComp .colGrAComp .blocGrAComp {
	width: 180px;
}
.colGrAComp .colGrAComp .colGrAComp .colGrAComp .blocGrAComp {
	width: 190px;
}
.colGrAComp .colGrAComp .colGrAComp .colGrAComp .colGrAComp .blocGrAComp {
	width: 220px;
}
.colGrAComp .colGrAComp .colGrAComp .colGrAComp .colGrAComp .blocGrAComp .colGrAComp .blocGrAComp {
	width: 230px;
}
.colGrAComp
	.colGrAComp
	.colGrAComp
	.colGrAComp
	.colGrAComp
	.blocGrAComp
	.colGrAComp
	.blocGrAComp
	.colGrAComp
	.blocGrAComp {
	width: 240px;
}
.blocGrAComp,
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently */
}
/* ---------- FIN Gérer les groupes d'activités ---------- */
/* ---------- Nouvelle gestion des groupes d'activités ---------- */
.graparent {
	display: grid;
	grid-template-columns: repeat(5, 230px);
	grid-template-rows: repeat(5, 150px);
	grid-column-gap: 4px;
	grid-row-gap: 4px;
	position: relative;
	padding: 8px 16px 8px 8px;
}
.graparent .atvgragroupeexplo:hover {
	cursor: pointer;
}
.champselectgraforce::after {
	right: 9px;
	top: 6px;
	width: 6px;
	height: 6px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
}
.blocselectgra {
	display: inline-flex !important;
	margin-bottom: 6px !important;
	margin-top: 0px !important;
	justify-content: space-between !important;
	width: 334px;
}
.atvgragroupeexplo {
	background-color: #d9d9d9;
}
.selectgraatv:hover {
	cursor: pointer;
}
.selectgraatv {
	width: 160px !important;
	color: #ffffff !important;
	font-size: 12px !important;
	padding: 3px 18px 3px 6px !important;
	border: 1px solid #ffffff;
}
.selectgraatv:focus {
	border: 1px solid #ffffff !important;
}
.selectgraatv:disabled {
	background-color: #464646;
}
.selectgraatv option {
	color: #7d7d7d;
	font-size: 14px;
}
.divblocgracomp {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	border-radius: 6px;
	border: 1px solid #c1c1c1;
}
.blocdivgraatv2 {
	height: calc(100% - 34px);
	width: 84%;
	border: 1px solid #6a6a6a;
	margin-top: auto;
	margin-bottom: auto;
	border-radius: 6px;
}
.blocdivgraatv1 {
	height: calc(50% - 34px);
	width: 84%;
	border: 1px solid #6a6a6a;
	margin-top: auto;
	margin-bottom: auto;
	border-radius: 6px;
}
.textgracomp {
	font-size: 12px;
	margin-block-start: 4px;
	margin-block-end: 4px;
	padding: 1px 4px 2px 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}
.grachecklabelatv {
	position: absolute;
	padding: 0 0 0 0 !important;
	width: 16px !important;
	margin-top: 4px !important;
	margin-right: 324px !important;
}
/* ---------- FIN Nouvelle gestion des groupes d'activités ---------- */
/* ---------- Vue hiérarchique FL ---------- */
.fl .hierarchyfl.nivhierar1 .td {
	color: #5192cc;
}
.fl .hierarchyfl .titrehier {
	margin-left: 24px;
	position: absolute;
}
.fl .hierarchyfl td {
	padding: 0px 15px 2px 0px;
}
.fl table.tbody tr.hierarchyfl td.tdcheckbox {
	padding: 3px 20px 1px 20px;
	height: calc(100% - 4px - 1px);
}
/* BV : mise en commentaire : ca donne pas super..
.fl .hierarchyfl:first-child td {
	padding-top: 6px;
}
.fl .hierarchyfl:first-child td:first-child {
	padding: 8px 20px 0px 20px;
}*/
.fl .tdflechehier .iconfleche.plus {
	background-image: url(../jstree/dist/themes/default/32px.png);
	background-position: -168px -59px;
}
.fl .tdflechehier .iconflechevide {
	background-image: url(../images/explovide.jpg);
	width: 24px;
	height: 16px;
	line-height: 16px;
	margin-left: 1px;
	background-repeat: no-repeat;
	margin-top: 4px;
}
.fl .hierarchyfl .id {
	width: 60px !important;
}
.fl .hierarchyfl td {
	border-bottom: 0px;
}
.fl .hierarchyfl td .container.sanslabel {
	margin-top: 1px;
}
/* TESTS */
.fl .hierarchyfl.nivhierar1 td {
	background-color: #f2fff6; /*#edfff1*/
}
.fl .hierarchyfl.nivhierar2 td {
	background-color: #f2f7ff; /*edf7ff*/
}
/* FIN TESTS */
.fl .tdflechehier .iconfleche {
	cursor: pointer;
	background-image: url(../jstree/dist/themes/default/32px.png);
	width: 24px;
	height: 24px;
	line-height: 24px;
	background-position: -200px -59px;
}
.fl .tdflechehier .iconfleche,
.fl .tdflechehier .iconflechevide {
	position: absolute;
}
.fl .tdflechehier .titrehier {
	padding-left: 2px;
}
/* ---------- FIN Vue Hiérarchique FL ---------- */
/* ---------- Englobe CheckBox ---------- */

.blocenglobcaseacocher:not(.blocenglobcaseacocher2) {
	border: 1px solid #dadada;
	border-radius: 4px;
	margin-right: 34px;
	margin-left: 185px;
	width: 308px;
}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp:last-child.mbForce0 {
	margin-bottom: 2px !important;
}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp {
	margin-left: 1px !important;
}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp:not(:last-child) {
	margin-bottom: 4px !important;
	margin-top: 4px;
}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp:last-child {
	margin-bottom: 4px !important;
}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp .libelle {
	margin-right: 0px !important;
}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp .champ .container {
	border: 0px !important;
	padding-right: 1px !important;
}
.blocengloberechercherapideQur.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp .champ .container {
	border: 0px !important;
	padding-right: 1px !important;
	width: 200px;
}

.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp .champ .container.focus {
	padding: 4px 5px 4px 35px !important;
}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp .champ .container.focus .checkmark {
	top: 7px !important;
	left: 10px !important;
}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2).disabled {
	background-color: #efefef;
}
.blocenglobcaseacocher2.disabled tr td,
.blocenglobcaseacocher2.disabled tbody {
	background-color: #efefef;
}
.sfl .blocenglobcaseacocher tbody {
	border: 1px solid #dadada;
	border-radius: 4px;
	border-collapse: separate;
	border-spacing: 1px 1px;
	display: block;
	margin-top: 1px;
	margin-bottom: 1px;
}
.sfl .blocenglobcaseacocher:not(.disabled) tbody td:hover:not(.disabled) {
	background-color: #ffffff !important;
}
.sfl .blocenglobcaseacocher.disabled tbody td:hover {
	background-color: #efefef !important;
}
.sfl .blocenglobcaseacocher tbody td.disabled:hover {
	background-color: #efefef !important;
}
.blocenglobcaseacocher .tablessfl tr .tdcheckspeclignent {
	border: none !important;
	border-radius: 0px !important;
}
.tdcheckspeclignent.disabled {
	cursor: default !important;
}
.blocenglobcaseacocher.blocengloberechercherapide {
	margin-left: 0px !important;
	width: calc(100% - 2px) !important; /*262*/
	box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 3%);
}
.blocenglobcaseacocher.blocengloberechercherapide.blocengloberechercherapideQur {
	/* margin-top:10px; */
	/* margin-bottom:10px; */
	border: none;
	box-shadow: 0px 0px 0px 0px;
}

.blocenglobcaseacocher.blocengloberechercherapide.blocengloberechercherapideQurFirst {
	margin-top: 10px;
}

.champplaceholderCibleQur {
	border: 1px solid #dadada;
	border-radius: 4px;
	/* padding-bottom: 15px;  */
	padding-bottom: 10px;
}

.placeholderSelectCibleQur {
	font-family: "source_sans_prosemibold", sans-serif;
	color: rgba(165, 165, 165, 0.7);
	font-size: 11px;
	margin: -10px 0px 0px 7px;
	background-color: white;
	padding: 0px 10px 0px 5px;
	opacity: 1;
	position: absolute;
	transition: all 0.1s ease;
	z-index: 5;
}

.blocenglobcaseacocher.blocengloberechercherapide .blocchamp .container {
	color: #7d7d7d;
	opacity: 0.7;
	font-family: "source_sans_prosemibold";
	font-size: 16px;
	letter-spacing: 0px;
	width: 218px;
}
/* ---------- FIN Englobe CheckBox ---------- */

/*border radius champs froala */
.fr-toolbar {
	border-top-right-radius: 4px !important;
	border-top-left-radius: 4px !important;
}
.fr-second-toolbar {
	border: none;
}
.fr-wrapper {
	border-bottom-color: #cccccc !important;
	border-bottom-right-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}

.fr-no-border,
.fr-no-border td,
.fr-no-border th {
	border: none !important;
}
.fr-dashed-borders {
	border-collapse: collapse;
}
.fr-dashed-borders td,
.fr-dashed-borders th {
	border-style: dashed;
	border-width: 1px;
	border-color: #ddd;
	padding: 2px;
}
.froalaRendu:not(.unlayerRenduAct) table th {
	background: #ececec;
}
.fr-alternate-rows tr:nth-child(2n) {
	background: #f9f9f9;
}
.fr-bold {
	font-weight: bold;
}
.fr-underline {
	text-decoration: underline;
}
.fr-italic {
	font-style: italic;
}

.bpmtableau,
.bpmrecherche {
	background-color: white;
	background-color: white;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
}
.bpmtableau {
	height: calc(100% - 120px - 50px);
	margin-bottom: 20px;
}
.bpmrecherche {
	height: 100px;
}
.tablebpm {
	border-collapse: collapse;
	width: 100%;
}
.tablebpm tr:hover td {
	background: #f3f9fb;
}
.tablebpm tr td,
.tablebpm tr th {
	border: 1px solid #dfdfdf;
	font-size: 13px;
	font-family: "source_sans_proregular", sans-serif;
	padding: 3px 5px;
	color: #7a7a7a;
}
.tablebpm tr td {
	transition: background-color 0.2s ease;
	vertical-align: top;
	cursor: default;
}
.tablebpm tr th {
	color: #4f4f4f;
	background-color: var(--main-bg-color);
	color: white;
}

#paramsIcones {
}
.paramIconeContainer {
	display: inline-block;
	padding: 20px;
}
.paramIconeIcone {
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	background-size: contain;
	margin: auto;
}
.paramIconeTexte {
	font-family: var(--font-familydefault);
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.5px;
	color: #a3a3a3;
}

/*Explo Demandes4 > Messages */
.dem4ExploMsg,
.dem4ExploDemandeReponse {
	padding-bottom: 10px;
	font-family: "source_sans_proregular";
	font-size: 16px;
	color: #7d7d7d;
}
.dem4MsgAuteur {
	font-weight: bold;
}
.dem4MsgDate {
	margin-left: 10px;
	font-size: 14px;
	font-weight: normal;
}
.dem4MsgContenu {
	padding-left: 20px;
}
.dem4MsgDocuments {
	padding-left: 23px;
}

.demrgpdemail .ulexplospec {
	font-family: "source_sans_proregular";
	font-size: 16px;
	color: #7d7d7d;
	margin-left: 40px !important;
}
.cursorHover:hover {
	cursor: pointer;
}
#reqExecuterPrepa {
	font-family: var(--font-familydefault);
	font-weight: 500;
	font-size: 16px;
	color: #8d8d8d;
}
#reqExecuterPrepa .reqLigBloc {
	padding: 10px;
	display: flex;
}
#reqExecuterPrepa .reqLigBloc .reqLigLeft {
	width: 5%;
	color: var(--main-bg-color);
	font-weight: bold;
}
#reqExecuterPrepa .reqLigBloc .reqLigLeft_1 {
	width: 8%;
}
#reqExecuterPrepa .reqLigBloc .reqLigLeft_2 {
	width: 11%;
}
#reqExecuterPrepa .reqLigBloc .reqLigLeft_3 {
	width: 14%;
}
#reqExecuterPrepa .reqLigBloc .reqLigLeft_4 {
	width: 17%;
}

#reqExecuterPrepa .reqLigBloc .reqLigRight {
	width: 95%;
}

#reqExecuterPrepa .reqLigBloc .libelle {
	color: var(--main-bg-color);
	font-weight: bold;
}
#reqExecuterPrepa .reqLigBloc .reqLigChamp {
	padding-top: 10px;
	display: flex;
}
#reqExecuterPrepa .reqLigBloc .reqLigChamp .blocchamp {
	margin-right: 10px;
}
#reqExecuterPrepa .reqLigBloc .reqLigChamp .libellechampcolpos,
#reqExecuterPrepa .reqLigBloc .reqLigChamp .blocchamp .libelle {
	display: none;
}
#reqExecuterPrepa .reqLigDateH {
	width: 100%;
	display: inline-flex;
}
#reqExecuterPrepa .reqLigDateH .blocchamp {
	width: 25%;
}
#reqExecuterPrepa .reqLigDateH div {
	width: 100%;
}
#reqExecuterPrepa .reqLigDateH div input {
	width: calc(100% - 50px);
}

.colonneFExAlign {
	text-align: center !important;
}
.mbForce30 {
	margin-bottom: 30px !important;
}
.mbForce0 {
	margin-bottom: 0px !important;
}
.ptForce0 {
	padding-top: 0px !important;
}

.exploDctUrl {
	display: inline-block !important;
	line-height: 20px !important;
	width: 400px;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	position: relative;
	position: relative;
	top: 4px;
}

.renduMsg3 {
	font-family: "source_sans_proregular";
	font-size: 16px;
	color: #7d7d7d;
	padding-bottom: 10px;
}
.renduMsg3_Auteur {
	font-weight: 600;
	padding-right: 10px;
}
.renduMsg3_Date {
	font-size: 14px;
}
.renduMsg3_Contenu {
	padding-left: 20px;
}

.fonctionsEnuUti .libelle {
	color: var(--color-logo);
	display: flex;
	align-items: center;
	height: 28px;
}
/*
#enuUtiAjouter .blocchamp .libelle,#enuUtiModifier .blocchamp .libelle {
	width: 110px;
}
#enuUtiAjouter .form .zg .ligne, #enuUtiModifier .form .zg .ligne {
	width: 540px;
}
*/

.imgConnPrinc {
	width: 860px;
	height: 538px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 93%;
	background-image: url("https://cdn.organica.technology/OfficeWeb/bg/laptop_omc.png");
}
#sousTitrePageConnexion {
	font-family: var(--font-familydefault);
	font-size: 24px;
	text-align: center;
	line-height: 110%;
	bottom: calc(32% - 180px);
	width: calc(100% - 600px);
	position: absolute;
}
#sousTitrePageConnexion .titrePageGrand {
	color: white;
	background-color: #ffffff00;
	font-size: 32px;
	font-family: "source_sans_prosemibold", sans-serif;
	letter-spacing: 0.4px;
}
#sousTitrePageConnexion .titrePagePetit {
	color: white;
	background-color: #ffffff00;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	letter-spacing: 0.5px;
}
.organica_logo {
	/*background-image: url(https://cdn.organica.technology/OfficeWeb/bg/OGN_Logo.png);
    background-position: center center;*/

	width: 90px;
	height: 31px;
	position: fixed;
	bottom: 23px;
	z-index: 12;
	background: url(https://cdn.organica.technology/OfficeWeb/bg/ORGANICA_NEWLOGO_horizontal.png) no-repeat center;
	background-size: contain;
}
#atvexporergra {
	cursor: pointer;
}
.blocTextePrincipal {
	position: absolute;
	bottom: calc(38% - 180px);
	width: calc(100% - 600px);
	text-align: center;
	font-weight: 900;
	font-family: var(--font-familydefault);
	color: white;
	text-shadow: 4px 5px 6px #00000029;
	font-size: min(74px, 6vw);
	line-height: min(96px, 6vw);
	display: flex;
	justify-content: center;
}
.tableauaccordeon {
	border-collapse: collapse;
	margin: 30px;
}
.tableauaccordeon td,
.tableauaccordeon th {
	border: 1px solid #dadada;
	font-family: var(--font-familydefault);
	font-size: 14px;
	color: #7d7d7d;
	text-align: left;
	padding: 3px 10px;
	letter-spacing: 0.5px;
}
.tableauaccordeon tr th {
	background-color: #f5f4ee;
	color: var(--color-logo);
	padding: 6px 10px;
}
.tableauaccordeon tr.connected td {
	background-color: #e7ffe7;
}

.tableauaccordeon tr.connected td:first-child div,
.tableauaccordeon tr.deconnected td:first-child div {
	width: 10px;
	height: 10px;
	border-radius: 10px;
}
.tableauaccordeon tr.connected td:first-child div {
	background-color: #2ebb2e;
}
.tableauaccordeon tr.deconnected td:first-child div {
	background-color: #ddd;
}
.fonctionsEnuUtiActionDroite {
	display: inline-flex;
}
.fonctionsEnuUtiActionDroite:hover {
	cursor: pointer;
}

#reqLigLigne .inputNumero:hover,
#reqLigLigne .reqLigLibelle:hover {
	cursor: pointer;
}
#requetesLignes {
	overflow-x: auto !important;
}
#requetesLignes .reqLigLigneContent,
#requetesLignes .reqLigPartieDroite {
	display: inline-flex;
}
#requetesLignes .inputNumero {
	max-height: 200px !important;
}
#requetesLignes .reqLigLibelle {
	font-family: "source_sans_prosemibold";
	font-size: 17px;
	color: #7d7d7d;
	background-color: #f2f6ff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	border: 1px solid #f2f6ff;
	padding: 4px 10px 5px 10px;
	margin: 0px;
	border-right: none;
	border-left: none;
	width: calc(100% - 50px);
}
#requetesLignes .reqLigSupprBtn {
	width: 30px;
}
#requetesLignes .reqLigSupprBtn {
	background-color: #f2f6ff;
}

#tabRequetesLignes .inputNumero {
	border: 2px solid #f2f6ff;
	border-right: none;
}
#tabRequetesLignes .ptoPartieDroite {
	border: 2px solid #f2f6ff;
	border-left: none;
}
#tabRequetesLignes tr.selected .inputNumero {
	border: 2px solid #dfe9ff;
	border-right: none;
}
#tabRequetesLignes tr.selected .ptoPartieDroite {
	border: 2px solid #dfe9ff;
	border-left: none;
}

/*Nouveau serveur maintenance*/
#NouvServeurMaintenance {
	padding: 0px;
	display: none;
	font-size: 40px;
	text-align: center;
	padding-top: 200px;
	display: inline-flex;
}

#NouvServeurMaintenance {
	font-family: Arial, Helvetica, sans-serif;
	z-index: 10000000000000000;
	position: fixed;
	padding: 0;
	margin: 0;
	text-align: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0, 0.4);
	font-size: 50px;
	text-align: center;
	vertical-align: center;
	align-items: center;
}

.blocMaintenance {
	border-radius: 16px;
	display: inline-block;
	z-index: 9999;
	background-color: #fff;
	text-align: left;
	white-space: normal;
	overflow-y: hidden;
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
	position: relative;
	vertical-align: middle;
	height: 520px;
	width: 311px;

	width: 1060px;
	height: 640px;
	margin-right: auto;
	margin-left: auto;
}
.interneBlocMaintenance {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
}

.imgMaintenanceServeur {
	background: url("https://cdn.organica.technology/OfficeWeb/bg/office_web_offline_deco.jpg");
	background-size: cover;
	height: 330px;
	width: 608px;
	margin-left: 200px;
	max-width: 100%;
}
.titreMaintenanceServeur {
	font-family: "source_sans_proregular";
	letter-spacing: -1px;
	font-size: 42px;
	color: #4f4f4f;
	margin-right: auto;
	margin-left: auto;
	line-height: 110px;
	text-align: center;
	font-weight: bold;
}
.petitMaintenanceServeur {
	font-family: var(--font-familydefault);
	font-size: 18px;
	color: #737373;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	text-align: center;
}
.petitMaintenanceServeur2 {
	padding-bottom: 22px;
}

.imgLoadingNouvServeurMaintenance {
	background: url("https://cdn.organica.technology/OfficeWeb/bg/office_web_offline_loading.png");
	background-size: cover;
	height: 56px;
	width: 56px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1200px) {
	.blocMaintenance {
		width: 90%;
	}
	.imgMaintenanceServeur {
		margin-left: auto;
		margin-right: auto;
		right: 26px;
		position: inherit;
	}
}
@media (max-width: 680px) {
	.imgMaintenanceServeur {
		background-repeat: no-repeat;
		background-size: 100% 100%;
		right: 0px;
		position: initial;
	}
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.rotating {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

.fl table tr.ColorGrDeTrMauve td{
	color:#874ac7!important;
}

.fl table tr.ColorCatRelRouge td {
	color: #ff0000 !important;
}
.fl table tr.ColorCatRelVert td {
	color: #558640 !important;
}
.fl table tr.ColorCatRelBleu td {
	color: #3a00ff !important;
}
.fl table tr.ColorCatMemOrange td {
	color: #e58e1d !important;
}

.fl table tr.ColorCatMemBleu td {
	color: #183dcb !important;
} /*183dcb*/
.fl table tr.ColorCatMemVert td {
	color: #26a130 !important;
} /*26a130 */

.fl table tr.ColorDem4Rouge td {
	--_hue: 354;
}
.fl table tr.ColorDem4Vert td {
	--_hue: 133;
}
.fl table tr.ColorDem4Bleu td {
	--_hue: 206;
}
.fl table tr.ColorDem4Jaune td {
	--_hue: 60;
}
.fl table tr.ColorDem4Orange td {
	--_hue: 32;
}

.fl table tr:is(.ColorDem4Rouge, .ColorDem4Vert, .ColorDem4Bleu, .ColorDem4Jaune, .ColorDem4Orange) td {
	--_saturation: 90%;
	--_lightness: 97%;

	background-color: hsl(var(--_hue), var(--_saturation), var(--_lightness)) !important;
}
.fl table tr.current:is(.ColorDem4Rouge, .ColorDem4Vert, .ColorDem4Bleu, .ColorDem4Jaune, .ColorDem4Orange) td {
	--_saturation: 90%;
	--_lightness: 90%;
}
.fl table tr:hover:is(.ColorDem4Rouge, .ColorDem4Vert, .ColorDem4Bleu, .ColorDem4Jaune, .ColorDem4Orange) td {
	--_saturation: 90%;
	--_lightness: 90%;
}

span span.ColorCatMemVert {
	color: #26a130 !important;
}
span span.ColorCatMemBleu {
	color: #183dcb !important;
}
/*.libmarginarea{margin-top: -12px;}*/
.blocFondPerso {
	width: 50%;
	right: 0;
	position: absolute;
	height: 100%;
	z-index: 1;
	min-width: 600px;
	background-color: #ffffff;
	top: 0;
	display: flex;
	justify-content: center;
}
.bandeauaffiche .blocFondPerso {
	height: calc(100% - 50px) !important;
	bottom: 0;
	top: 50px;
}
.withBandeauShutdown .blocFondPerso {
	height: calc(100% - var(--heightbandeaushutdown)) !important;
	bottom: 0;
	top: var(--heightbandeaushutdown);
}
.bandeauaffiche.withBandeauShutdown .blocFondPerso {
	height: calc(100% - var(--heightbandeaushutdown) - 50px) !important;
	bottom: 0;
	top: calc(var(--heightbandeaushutdown) + 50px);
}
@media (max-width: 600px) {
	.blocFondPerso {
		min-width: 0 !important;
		width: 100% !important;
		display: flex;
		left: 0px !important;
		justify-content: center;
	}
	.blocconnexion {
		justify-content: center;
	}
}

.froalaNotInit .champ {
	border: 1px solid #cccccc !important;
	border-radius: 4px !important;
	min-height: 199px !important;
}
.froalaNotInit .fr-view {
	min-height: 199px !important;
	font-family: sans-serif;
	color: #414141;
	font-size: 14px;
	line-height: 1.6;
	padding: 15px 6px;
	box-sizing: border-box;
	overflow-x: auto;
	text-align: left;
}
.froalaNotInit .fr-wrapper,
.froalaNotInit .fr-wrapper .mCustomScrollBox {
	border-bottom: none !important;
}
.fr-wrapper:not(.fr-fullscreen-wrapper .fr-wrapper),
.fr-element.fr-view {
	max-height: calc(
		100vh - 380px
	); /* 380 correspond +- à l'en-tête principale + l'en-tete du FP + le titre de l'OG + le titre de ZG + le footer + qqll marges */
}
.fr-wrapper .mCustomScrollBox {
	border-bottom: 1px solid #ccc;
}
.fr-fullscreen-wrapper .mCustomScrollBox {
	/* 02/01/2023 - 93194 */
	height: auto !important;
}
.froalaRendu.maiRenduLettre {
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	width: calc(19cm + 60px) !important;
	border: 1px solid #dcdcdc;
	margin: 10px;
	border-radius: 5px;
}
.blocfroala .fr-wrapper .mCSB_scrollTools {
	z-index: 9;
}

.sflPlusieursLignes .heightreduite {
	width: calc(100% - 22px) !important;
}
.sesEffectuee input,
.sesEffectuee textarea {
	background-color: #00ff0012 !important;
}
.facCliCotisContainer {
	max-height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.editeurEtiquette {
	background-color: #f3f3f3 !important;
	/*padding-top: 25px !important;*/
}

.maiStyleABR .fr-element {
	font-family: Verdana !important;
	font-size: 14px !important;
	color: #797979 !important;
}
.maiStyleABR .fr-element a {
	color: #f29400 !important;
	text-decoration: none !important;
}

.btnAffDialFlot {
	display: flex;
	position: absolute;
	top: 10px;
	right: 0px;
	width: 14px;
	height: 14px;
	justify-content: center;
	text-align: center;
	color: grey;
	font-size: 11px;
	cursor: pointer;
}
.dialogueFlottant.pasafficher {
	display: none;
}

.dialogueFlottant {
	width: 330px;
	position: absolute;
	z-index: 999999999;
	background-color: #ffffff;
	border: 1px solid var(--color-btnentete); /*var(--main-bg-color);*/
	top: 86px;
	right: 6px;
	box-shadow: 0px 2px 8px rgb(0 0 0 / 4%), 0px 12px 32px rgb(0 0 0 / 8%);
	border-radius: 8px;
}

.fondIconDialFlottant {
	background: transparent;
	border-radius: 8px;
	width: 16px;
	min-width: 16px;
	height: 16px;
	min-height: 16px;
	transition: 0.3s;
	display: block;
	position: relative;
	margin-right: 6px;
}

.fondIconDialFlottant .iconeClose {
	mask-image: url(../Images/iconesBoutons/close2.svg);
	-webkit-mask-image: url(../Images/iconesBoutons/close2.svg);
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: #ffffffad;
	width: 100%;
	height: 100%;
	margin: auto;
	cursor: pointer;
	transition: 0.3s;
}
.fondIconDialFlottant .iconeClose:hover {
	background-color: #ffffff;
}

.dialogueFlottant .enteteDialogueFlottant {
	background-color: var(--color-btnentete); /*var(--main-bg-color);*/
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	width: 100%;
	height: 24px;
	position: relative;
	cursor: move;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.dialogueFlottant .listeDialFlot {
	list-style-type: decimal;
	margin-block-start: 0em;
	margin-block-end: 0em;
	padding-inline-start: 14px;
	padding-top: 6px;
}
.dialogueFlottant .listeDialFlot li {
	margin-block-start: 0em;
	margin-block-end: 0.3em;
	font-size: 14px;
	font-family: "source_sans_prosemibold", sans-serif;
	color: #7d7d7d;
	line-height: 15px;
}
.dialogueFlottant .enteteDialogueFlottant:active {
	cursor: grabbing !important;
	cursor: -moz-grabbing !important;
	cursor: -webkit-grabbing !important;
}
.dialogueFlottant .titreEnteteDialFlottant {
	color: #ffffff;
	font-size: 14px;
	font-family: var(--font-familydefault);
	margin-left: 8px;
}

.dialogueFlottant .corpDialogueFlottant {
	font-size: 17px;
	font-family: var(--font-familydefault);
	font-weight: 400;
	padding: 0px 8px 0px 8px;
	line-height: 22px;
	color: #7a7a7a;
	height: 126px;
	max-height: 126px;
	overflow-x: hidden;
	overflow-y: auto;
}

#namelogo {
	padding-right: 40px;
	width: 258px;
}

/* GOOGLE MAPS - CARTE */
.flInterneCarte {
	float: right;
	height: calc(100% - 55px);
	width: calc(100% - 306px);
	max-width: calc(100% - 306px);
}
.WrapperMapAccueil {
	height: 100%;
	flex: 2;
	-webkit-flex: 2;
}
.BlocMapAccueil {
	height: 100%;
	background-color: transparent;
	position: relative;
	overflow: hidden;
}
#map {
	height: 100%;
}

#Loaderdialog {
	display: none;
	position: absolute;
	z-index: 4;
	margin-top: 210px;
	margin-left: calc(50% - 100px);
}
#Loaderdialog img {
	display: block;
	margin: auto;
}
.colonneNonID {
	display: none !important;
}

#ChargementCarte {
	z-index: 4;
	background: #ffffff;
	display: none;
	height: 100%;
	width: 100%;
}
#ChargementCarte img {
	margin: auto;
	width: 100px;
	height: 100px;
	opacity: 0.3;
}
.vueCarteFLtbodycontent {
	width: 306px;
	float: left;
	min-width: 306px;
}
.vueCarteFLtbodycontent table tr td {
	font-size: 13px !important;
	line-height: 15px !important;
}
.vueCarteFLtbodycontent table tr .NomInterneMap {
	padding-top: 4px;
}
.vueCarteFLtbodycontent table tr .cbInterneMap {
	margin-top: -2px;
}
.vueCarteFLtbodycontent table tr td b {
	font-size: 13px !important;
}
.vueCarteFLtbodycontent table tr td.tdremplissage {
	padding: 0px !important;
	width: 0px !important;
	height: 0px !important;
	max-width: 0px !important;
}
.vueCarteFLtbodycontent table tr td:not(.tdremplissage):last-child {
	padding: 0px !important;
}
.fondIconMap {
	background-color: transparent;
	width: 28px;
	min-width: 28px;
	height: 30px;
	border-radius: 13px;
	display: flex;
	align-items: center;
	transition: 0.3s;
}
.fondIconMap .iconMap {
	-webkit-mask: url(../Images/Map.svg) no-repeat center center;
	mask: url(../Images/Map.svg) no-repeat center center;
	background-color: #5e5e5e;
	width: 28px;
	height: 30px;
	margin: auto;
	-webkit-mask-size: contain !important;
	mask-size: contain !important;
}
.fondIconMap .iconMap.mapblanc {
	background-color: #ffffff;
}
.explorerDansMap,
.explorerDansMap:focus {
	color: #444444;
}
.explorerDansMap:hover {
	color: var(--color-btnentete);
}
.flInterneCarte .statCard p {
	margin-block-start: 0em;
	margin-block-end: 0em;
	font-size: 14px;
	font-family: "source_sans_prosemibold", sans-serif;
}
.flInterneCarte .statCard {
	padding-bottom: 16px;
}
.flInterneCarte .cluster div span {
	color: #ffffff;
	font-size: 15px;
}
.enteteCarteFL {
	position: absolute !important;
	left: 0px;
	width: calc(100%);
	margin-left: max(306px);
	display: flex;
	align-items: center;
	font-size: 17px;
	top: 18px;

	line-height: 19px;
	letter-spacing: 0.3px;
	max-height: 55px;
	font-size: 17px;
	font-family: "source_sans_prosemibold", sans-serif;
	font-weight: 400;
	color: white;

	padding-bottom: 18px;
	padding-top: 18px;
	margin-top: -18px;
	background-color: var(--main-bg-color);
}
.enteteCarteFL span {
	text-align: left;
	padding-left: 6px;
}
.loading .enteteCarteFL {
	opacity: 0.7;
	color: white;
	background-color: transparent;
}
.vueCarteFLtbodycontent .tbody .iconPinEnteteFL {
	display: none !important;
}
.bgsvgtest path {
	fill: var(--color-boutondroitetransparant);
}

/*Page avec message d'erreur ou de succès*/
#mainDisInv {
	height: 100%;
}
.messageAlertePage {
	height: 100%;
	background-color: #f9f9f9;
}
.messageAlertePage .enteteMessageAlerte {
	position: relative;
	background-color: #ffffff;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	top: 15%;
	height: 65%;
	box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
	-webkit-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
	padding: 12px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	justify-content: center;
}
.messageAlertePage .fondCheckOrNot {
	background-color: transparent;
	width: 128px;
	min-width: 128px;
	height: 130px;
	display: flex;
	transition: 0.3s;
}

.messageAlertePage .fondCheckOrNot .checkOk {
	-webkit-mask: url(../Images/iconesBoutons/checked2.svg) no-repeat center;
	mask: url(../Images/iconesBoutons/checked2.svg) no-repeat center;
	background-color: #62e062;
}
.messageAlertePage .fondCheckOrNot .uncheckOk {
	-webkit-mask: url(../Images/iconesBoutons/unchecked2.svg) no-repeat center;
	mask: url(../Images/iconesBoutons/unchecked2.svg) no-repeat center;
	background-color: #ff8c8c;
}

.messageAlertePage .fondCheckOrNot .checkOk,
.messageAlertePage .fondCheckOrNot .uncheckOk {
	width: 128px;
	height: 130px;
	margin: auto;
	transition: 0.3s;
}
.messageAlertePage .messageTextAlertePage {
	font-family: var(--font-familydefault);
	font-size: 18px;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 0px;
}

.jstree-default .jstree-clicked,
.jstree-default .jstree-wholerow-clicked,
.jstree-default .jstree-wholerow-hovered {
	font-family: "source_sans_prosemibold", sans-serif;
}

.disxdt_date {
	cursor: pointer;
}
.disxdtrel_date,
.disxdtrel2_date {
	cursor: pointer;
}

#btnParamsRecherche .nb {
	width: 17px;
	height: 16px;
	padding: 1px 0px 0px 0px;
	position: absolute;
	border-radius: 10px;
	background-color: #4f4f4f;
	color: white;
	text-align: center;
	margin: -23px 0px 0px 17px;
	font-family: "source_sans_prosemibold";
	font-weight: 500;
	font-size: 11px;
	z-index: 99999;
	-webkit-animation: 1s linear 0s 5 alternate move_eye;
	animation: 1s linear 0s 5 alternate move_eye;
}

#newsletterAutoParams .blocchamp .libelle {
	width: 120px;
}

#SessParams .blocchamp .libelle {
	width: 500px;
	text-align: right;
}

.page_8196 {
	background-color: #f2f2f2;
	height: auto;
}
.page_8196 .bandeautitre {
	height: 80px;
	width: 100%;
	background: linear-gradient(90deg, rgba(97, 203, 224, 1) 0%, rgba(83, 83, 237, 1) 100%);
	display: flex;
	align-items: center;
	position: fixed;
	top: 0px;
	z-index: 1000;
	padding-left: 50px;
	-webkit-box-shadow: 0px 8px 12px -8px rgb(0 0 0 / 60%);
	box-shadow: 0px 8px 12px -8px rgb(0 0 0 / 60%);
}

.page_8196 .bandeautitre .logo {
	-webkit-mask: url("../Images/ORGANON_PICTO.SVG") no-repeat center center / 100% 100%;
	mask: url("../Images/ORGANON_PICTO.SVG") no-repeat center center / 100% 100%;
	background-color: white;
	width: 44px;
	height: 44px;
}

.page_8196 .bandeautitre .titre {
	font-size: 39px;
	line-height: 32px;
	color: #ffffff;
	padding-left: 25px;
	font-family: "arboria_book";
	letter-spacing: 0.5px;
	margin-top: -8px;
}

.page_8196 img {
	border: 1px solid #acacac;
	max-width: 100%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
}

.page_8196 .texte {
	padding: 130px 0px 60px 0px;
	margin: auto;
	max-width: 800px;
}

.page_8196 .texteInfoUtil {
	padding: 130px 250px 60px 250px;
	max-width: none;
}
.page_8196 .texte .post {
	background-color: white;
	padding: 40px;
	margin-bottom: 60px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 1px #dbdbdb;

	font-family: "source_sans_proregular", sans-serif;
	color: #6f6f6f;
	letter-spacing: 0.5px;
}

.page_8196 .texteInfoUtil .postInfoUtil {
	/* background-color:white; */
	padding: 0px;
	margin-bottom: 30px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 1px #dbdbdb;

	font-family: "source_sans_proregular", sans-serif;
	color: #6f6f6f;
	letter-spacing: 0.5px;
}
.page_8196 .TexteInfoUtil {
	margin-top: 25px;
}

.page_8196 .texte .post:last-child {
	margin-bottom: 0px;
}
.page_8196 .texte .post .version {
	float: right;
}

.page_8196 .texte .postInfoUtil .versionInfoUtilLeft {
	display: inline-block;
	text-align: left;
	width: 75%;
	vertical-align: top;
}
.page_8196 .texte .postInfoUtil .versionInfoUtilRight {
	display: inline-block;
	text-align: left;
	width: 25%;
	vertical-align: top;
}
.page_8196 .texte .postInfoUtil .versionInfoUtilHeader,
.page_8196 .texte .postInfoUtil .TexteInfoUtil {
	background-color: #f5f5f5;
	padding: 10px;
	border-radius: 10px;
}

.page_8196 .texte .TitreInfoUtil {
	/* margin-top: 5px; */
	/* padding-top: 150px; */
	word-wrap: break-word;
	overflow: hidden;
	max-width: 1300px;
	height: auto;
	white-space: normal;
	padding-top: 5px;
}

.page_8196 .form .accordeoncontentInfoUtil {
	padding: 20px;
}

.page_8196 .texte .post .TexteInfoUtil,
.page_8196 .texte .post .versionInfoUtilLeft,
.page_8196 .texte .post .versionInfoUtilRight {
	padding-left: 25px;
	padding-right: 25px;
}

.page_8196 .texte .post p {
	margin: 0px 0px 30px 0px;
}
.page_8196 .texte .post p:last-child,
.page_8196 .texte .post ul:last-child {
	margin-bottom: 0px;
}
.page_8196 .texte .post h1 {
	margin: 0px 0px 30px 0px;
}
.page_8196 .texte .post h2 {
	margin: 0px 0px 30px 0px;
}
.page_8196 .texte .post h3 {
	margin: 0px 0px 30px 0px;
}

.page_8196 .texte .post ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 30px 0px;
}
.page_8196 .texte .post ul li {
	position: relative;
	padding-left: 25px;
	padding-bottom: 10px;
}
.page_8196 .texte .post ul li:last-child {
	padding-bottom: 0px;
}
.page_8196 .texte .post ul li::before {
	content: "";
	width: 8px;
	height: 8px;
	background-color: #5670ea;
	position: absolute;
	margin: 8px 0px 0px 0px;
	left: 0px;
}
.page_8196 .texte .post a {
	text-decoration: none;
	color: #5670ea;
}
.page_8196 .texte .post a:hover {
	text-decoration: underline;
}
.page_7975 {
	background-color: #b4c6d9;
}

.sfl-EtaSes-Ses {
	max-height: calc(100vh - 208px);
}

.previewUnlayer {
	min-height: 50px;
	border: solid 1px #ddd;
	border-radius: 5px;
}
.dial-annee {
	width: 50px !important;
}

.Div_AffProc22_Contenant,
.Div_AffProc22_Contenant_membre {
	display: flex;
}
.Div_AffProc22_Contenant_membre {
	margin-left: 11px; /*margin-top:10px;margin-bottom: 15px;*/
}
.LienAvecPointer {
	cursor: pointer;
}
.ligneDivicon {
	display: flex;
	flex-direction: row;
}
.surUneLigneDiv {
	display: flex;
	flex-direction: row;
}
.flechehautbas {
	height: 16px;
	width: 16px;
}
.surUneLigneDiv .contentRightCol {
	display: flex;
	flex-direction: row;
	align-items: center;
	position: absolute;
	background-color: var(--colorprincipale08); /*BV : cette couleur n'est pas définie pour tous les clients...*/
	padding-right: 10px;
	animation: fadeInGen 0.8s linear 1;
}
.iconDansFLSpec {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	border-radius: 16px;
	cursor: pointer;
	background-color: white;
}
.iconDansFLSpec .newicon {
	background-color: var(--colorprincipale05); /*BV : cette couleur n'est pas définie pour tous les clients...*/
}

.mCustomScrollbar table tr th .textrecherchefl {
	display: none;
}
.textrecherchefl {
	font-family: 'source_sans_prosemibold',sans-serif;
}

.nouvFoncSFLMax .sfl tr:first-child {
	position: sticky;
	top: 0;
	z-index: 999;
}
.nouvFoncSFLMax .sfl tr td:first-child,
.nouvFoncSFLMax .sfl tr th:first-child {
	position: sticky;
	left: 0;
}
.nouvFoncSFLMax .sfl tr th:first-child {
	z-index: 9999;
}
.opeancienneVal {
	color: #d38845 !important;
}
.openouvelleVal {
	color: #4175b9 !important;
}
.correctTrftd td:first-child {
	padding: 5px 20px 5px 20px !important;
}
.badgeOffice {
	background-color: #eff6fa;
	color: #727272;
	font: 500 14px/20px "Inter";
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 6px 12px 6px 12px;
	border-radius: 8px;
	width: auto;
	min-height: 20px;
	height: calc(100% - 12px);
}
.secondgenligne td {
	background-color: #bbcfed69 !important;
}
.openouvelleVal,
.opeancienneVal {
	height: 20px;
}
.badgeOffice.badgeRouge {
	background-color: #e9b7b763; /*faebeb*/
	color: #727272;
}
.badgeOffice.badgeVert {
	background-color: #befbe58a; /*E1F7F0*/
	color: #727272;
}
tr.avecbadgeoffice td {
	vertical-align: middle !important;
}
.cpointeur {
	cursor: pointer !important;
}
.liconfcotisrfb {
	cursor: pointer !important;
	padding-top: 4px;
	padding-bottom: 4px;
}
.rechercherapide-1252 .enteteform .libelle{
	margin-left: 80px;
    margin-right: auto;
}
.rechercherapide-1252 .enteteform {
	padding-left: 0;
    padding-right: 0;
}
.menucontextcotimodif.contextMenu {padding: 10px !important;}

.accordeoncontent.avecBoutonsDroitesPresents {
	display: flex;
}
.accordeoncontent.avecBoutonsDroitesPresents .sfletboutons {
	width: calc(100% - 80px);
}
.accordeoncontent.avecBoutonsDroites:not(.avecBoutonsDroitesPresents) .fonctionsdroitecontainer {
	display: none;
}
.accordeoncontent.avecBoutonsDroitesPresents .fonctionsdroitecontainer {
	padding-top: 38px;
}
.accordeoncontent.avecBoutonsDroitesPresents .fonctionsdroitecontainer .element {
	margin-bottom: 15px;
}
.accordeoncontent.avecBoutonsDroitesPresents .fonctionsdroitecontainer .element:hover {
	cursor: pointer;
}
.accordeoncontent.vuehorizontal {
	display: flex;
}
.accordeoncontent.vuehorizontal .blocchamp.blocfroala {
	display: flex;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px !important;
}
.accordeoncontent.vuehorizontal .zg {
	margin-left: 10px;
	margin-right: 10px;
}
.accordeoncontent.vuehorizontal .blocchamp.blocfroala .champ {
	width: 100%;
	min-height: 100% !important;
}
.accordeoncontent.vuehorizontal .blocchamp.blocfroala.froalaNotInit .champ .fr-box {
	padding-left: 0px;
}
.accordeoncontent.vuehorizontal .blocchamp.blocfroala .champ .fr-box .fr-second-toolbar:empty {
	min-height: 0px;
}
/*.zonefenetre .accordeoncontent.vuehorizontal .blocchamp.blocfroala.froalaNotInit .champ .fr-box > .fr-wrapper > .fr-element,.zonefenetre .accordeoncontent.vuehorizontal .blocchamp.blocfroala .champ .fr-box{
	min-height: calc(100vh - 588px) !important;
}
.zonefenetre .accordeoncontent.vuehorizontal .blocchamp.blocfroala > .champ > .fr-box > .fr-wrapper > .fr-element {
	min-height: calc(100vh - 733px) !important;
}*/

.contentsansaccordeon {
	position: relative;
	top: -10px;
}

.pointFocalImgContainer {
	padding-top: 25px;
	padding-right: 25px;
	width: calc(100% - 25px);
	text-align: center;
	height: calc(100% - 100px);
}
.pointFocalImgContainer2 {
	height: 100%;
}
.pointFocalImgContainer img {
	max-height: 100%;
	max-width: 100%;
}

.fauxLien:hover {
	cursor: pointer;
}

span.tag-custom {
	color: #f88379 !important;
}

.sflsanslibelle .blocchamp .libelle {
	display: none !important;
}

.exploEnsVot_Votations {
	max-width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 200px));
	grid-gap: 25px;
	padding: 0px 40px;
}
.exploEnsVot_Votation {
	max-width: 200px;
}
.exploEnsVot_Votation .zgcontent {
	max-width: 100% !important;
}
.exploEnsVot_Votation .blocMessSimple .champ {
	margin-left: 0px !important;
}

.formOpCoFi > .zgcontent {
	height: calc(100% - 25px);
}
.fixTableHead {
	overflow-y: auto;
	height: 100%;
}
.fixTableHead thead th {
	position: sticky;
	top: 0;
}
.fixTableHead table {
	border-collapse: collapse;
	width: 100%;
}
.fixTableHead th,
.fixTableHead td {
}
.fixTableHead th {
	background: #abdd93;
}

.opacity05 {
	opacity: 0.5;
}

#qurCiblesCib .ssaccordeoncontent,
#qurCiblesGT .ssaccordeoncontent,
#qurCiblesOG {
	margin-bottom: 0px !important;
}
#qurCiblesParams .ssaccordeoncontent {
	margin-bottom: 30px !important;
}
.btnExploHidden {
	display: none !important;
}
.imgQRScanPay {
	width: 130px;
	height: 130px;
	display: flex;
	background-size: cover;
	background-position: center center;
	margin-right: 0;
	margin-left: auto;
}
.petitchampdial {
	width: 96px !important;
	padding: 3px 10px 5px 10px !important;
}
.nouvCurseur {
	cursor: url("../Images/iconesBoutons/rechCursor3.svg") 6 6, auto !important; /*Demande 92533*/
}
.marginGenealogie {
	margin-top: 14px;
}

#msgDescDoublon {
	display: inline-block;
}
#msgDescDoublon .styleLabelMessage {
	color: #eb2929;
}
#msgDescDoublon .champ {
	margin-top: 15px;
}
#msgDescDoublon_TableContainer {
	margin-left: 185px;
	width: calc(100% - 215px);
	font-family: var(--font-familydefault);
	color: #7c7c7c;
	max-height: 200px;
	overflow-y: scroll;
}
#msgDescDoublon_Table {
	width: 100%;
}
#msgDescDoublon_Table tr:hover {
	cursor: pointer;
}

.errormessage .fondNewIconFleche {
	display: none;
}
.suivreFichesTaches .element .fondNewIcon {
	background-color: #ededed;
}
.suivreFichesTaches .actionAjoutReaSuiv {
	margin-left: 18px;
}
.suivreFichesTaches .element .fondNewIcon .ajouter {
	margin-left: 5px;
}

.fondIconFL {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
}
.fondIconForList {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 18px;
	height: 18px;
	min-width: 18px;
	min-height: 18px;
}
.fondIconForList .dctFromListOrdre {
	-webkit-mask-size: 100% 100% !important;
	mask-size: 100% 100% !important;
	width: 100% !important;
	height: 100% !important;
}

.errormessage .blocchamp .LibelleLong {
	width: 110px;
}
.errormessage .blocchamp .LibelleLong input[type="text"] {
	width: 190px;
}

#genererAttestTexte {
	color: #7a7a7a;
	font-size: 19px;
	font-family: var(--font-familydefault);
	font-weight: 400;
	padding-left: 30px;
	line-height: 24px;
	padding-bottom: 5px;
}

.autocompletedivpres .rechPropositions {
	list-style: none;
	position: fixed;
	z-index: 3;
	font-size: 14px;
	margin: 0px;
	padding: 4px 4px 4px 4px;
	background: #ffffff;
	border: 1px solid #d0d7de;
	border-radius: 4px;
	box-shadow: 0 3px 6px rgba(140, 149, 159, 0.15);
	width: 300px;
	margin-top: 4px;
}

.autocompletedivpres .rechPropositions li {
	display: block;
	width: calc(100% - 12px);
	font-weight: 500;
	padding: 6px 6px;
	color: #535353; /*#7A7A7A*/
	text-decoration: none;
	cursor: pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 4px;
	border: 0;
	font-family: var(--font-familydefault);
	background-color: #ffffff;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
.labelEllipsis a{
	display: inline-block;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	max-width: 203px;             /* À adapter selon ta maquette */
}
.recherchelarge .labelEllipsis a {
	max-width: 503px;
}

.autocompletedivpres .rechPropositions li:hover {
	background-color: var(--colorprincipale10); /*BV : cette couleur n'est pas définie pour tous les clients...*/
}

.ligneicontextfp {
	display: flex;
	align-items: center;
	vertical-align: middle;
}
.ligneicontextfp p {
	margin: 0px 0px 2px 5px !important;
	line-height: 16px;
}

.enteteWithUlElem {
	position: relative;
	z-index: 4;
}

.tablePublipostage {
	width: 100%;
}
.tablePublipostage tr:not(:first-child):not(:nth-child(2)) {
	height: 24px;
}
.tablePublipostage tr:not(:first-child):not(:nth-child(2)) td:not(:nth-child(3)) {
	width: 20%;
}
.tablePublipostage tr:nth-child(even) td {
	background-color: #f5f5f5;
}
.tablePublipostage .ligneHor {
	background-color: #2d2d2d !important;
}

.suivreFichesTaches {
	padding: 0px 17px 0px 25px !important;
}
.histoClicActionDroitinterne {
	padding-right: 8px;
}

.actionHistoClic {
	display: flex;
	justify-content: space-between;
	height: 100%;
}
.actionHistoClic .divActionHistoClic {
	width: 60%;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.actionHistoClic .divActionHistoClic .actionRea {
	max-height: calc(100% - 230px);
	overflow-y: auto;
	padding-right: 8px;
}
.actionHistoClic .divActionHistoClicDroite {
	width: 40% !important;
	gap: 0px !important;
	min-width: 560px !important;
}
.containerDocActionTache .ligneDocActionTache {
	width: 378px;
	/*height: 28px;*/
	background-color: #f9f9f9;
	border: 1px solid #dadada;
	border-radius: 4px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	margin-bottom: 15px;
}
.containerDocActionTache .ligneDocActionTache .libelleDocActionTache {
	font-family: var(--font-familydefault);
	font-weight: 600;
	font-size: 16px;
	color: #7d7d7d;
	padding: 3px 10px 5px 10px;
}
.loadingDivOpac {
	opacity: 0.7;
}
.containerDocActionTache {
	margin-left: 165px;
}
.actionHistoClic .divActionHistoClicDroite .histoClicActionDroit {
	height: 100%;
	overflow-y: auto;
	padding-right: 8px;
}
.labelActionHistoClic {
	font-size: 17px;
	font-family: "source_sans_proregular";
	color: #7d7d7d;
	/*padding-bottom: 12px;*/
	margin-left: 1px;
}
#actionSuivanteListe {
	padding-right: 15px;
}
#actionSuivanteListe .actionUWE div .flex {
	cursor: pointer;
}
.actionUWE {
	background-color: #f9f9f9;
	border: 1px solid #dadada;
	border-radius: 4px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
	position: relative;
}
.actionHistoClic .actionUWE {
	font-size: 16px;
	font-family: "source_sans_proregular";
	color: #7d7d7d;
}

.actionHistoClic .labelActionHistoClic {
	margin-top: 12px;
}
.actionHistoClic .actionUWE .flex {
	display: flex;
	justify-content: space-between;
}
.actionHistoClic .actionUWE .date {
	font-weight: bold;
}
.actionUWE.ouvert .detail .desc {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	overflow-wrap: break-word;
}
.divActionHistoClic.form {
	margin: 0px !important;
}
.actionUWE .acteursuivant {
	font-style: italic;
	color: var(--main-bg-color);
}
.actionUWE .acteursrealise {
	font-style: italic;
	color: var(--main-bg-color);
}
.actionHistoClic .zg {
	margin-left: 0px !important;
	margin-right: 15px !important;
}
.actionHistoClic .blocchamp .libelle {
	width: 120px !important;
}
.actionHistoClic .blocchamp {
	margin-left: 30px;
}
.actionHistoClic .element {
	display: flex;
	flex-direction: row;
	cursor: pointer;
	align-items: center;
	justify-content: left;
}
.actionHistoClic .foncBasElement {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: left;
	margin-left: 166px;
}
.actionHistoClic .foncBasElementApres {
	margin-top: 8px;
}
.actionHistoClic .element .libelle {
	display: block;
	font-size: 16px;
	font-family: var(--font-familydefault);
	font-weight: 600;
	letter-spacing: 0.8px;
	text-align: left;
	width: auto;
	min-width: auto;
	color: var(--color-logo) !important;
	padding: 0px 0px 0px 8px;
}

.actionUWE .detail {
	border-top: 1px solid black;
	margin-top: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
	display: none;
}
.actionUWE .detail .enteteemail {
	display: flex;
}
.actionUWE .detail .enteteemail a {
	text-decoration: none;
}
.actionUWE .detail .enteteemail a:hover {
	text-decoration: underline;
}
.actionUWE .detail .enteteemail span:first-child {
	min-width: 80px;
}
.actionUWE.ouvert .detail {
	display: block;
}
.actionUWE.ouvert .cachesiagrandi {
	display: none;
}
.actionUWE .contenuemail iframe {
	width: 100%;
	border: 0px;
}
.actionUWE .voirplus {
	cursor: pointer;
	height: 20px;
}
.actionUWE .voirplus::after {
	left: calc(50% - 6px);
	bottom: 8px;
	width: 9px;
	height: 9px;
	border: solid #7d7d7d;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
}
.actionUWE.ouvert .voirplus::after {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}
.animActionTache {
	animation: fadeInGen 1.6s linear 1;
}
.fadeInCatCache {
  	animation: fadeInGen 0.5s ease-in-out 1;
}
.suivreFichesTaches .blocchamp.avecbouton .champ input[type="text"] {
	width: 338px;
}
.suivreFichesTaches .blocchamp .champ textarea {
	width: 358px;
}
.actionHistoClic .noactionsuiv {
	max-height: calc(100% - 64px) !important;
}
.lignePlusGrand {
	min-height: 50px;
}
.ligneEncorePlusGrand{
	min-height: 150px;
}

.actionHistoClic .actionUWE .type, .suivreFichesTaches .actionUWE .type, .actionSuiviFP .actionUWE .type {
	cursor: pointer;
}
.actionUWE .type {
	font-weight: bold;
	color: white;
	background-color: grey;
	border-radius: 4px;
	padding: 2px 10px;
	font-size: 14px;
	position: relative;
	max-height: 18px;
}
/*Remplacer par MajDonnées_5259 => Couleur personnalisées*/
/*.actionUWE .type.emailin {
	background-color: #46a446;
}
.actionUWE .type.emailout {
	background-color: #52c152;
}
.actionUWE .type.phonein {
	background-color: #9292e6;
}
.actionUWE .type.phoneout {
	background-color: #6464c1;
}
.actionUWE .type.meeting {
	background-color: #f7a258;
}
.actionUWE .type.todo {
	background-color: #ff5050;
}
.actionUWE .type.recherchepartenaire {
	background-color: #2bc0c8;
}
.actionUWE .type.adddocumentation {
	background-color: #2bc0c8;
}*/

.EnqueteQuestionDiv {
	display: flex;
	flex-wrap: wrap;
	column-gap: 1rem;
}

.QuestionTabDiv {
	margin-top: 1rem;
	width: 100%;
	max-width: 550px;
	display: flex;
	align-items: start;
	column-gap: 25px;
}

.ChartTableau {
	font-family: "source_sans_proregular";
	color: #7d7d7d;
	font-size: 15px;
	width: 100%;
	border: solid #7d7d7d 1px;
	border-collapse: collapse;
	height: fit-content;
	thead {
		font-weight: 700;
	}
	td {
		padding: 5px 10px;
		/* border-left: solid #7d7d7d 1px;
		border-right: solid #7d7d7d 1px; */
	}
    thead tr{
		background-color: #ececec;
    }
	tbody tr:nth-of-type(even) {
		background-color: #f7f7f7;
	}
}

html.fpferme .bloccorpsfp .enteteform, html.rechercheferme .colonneRecherche .enteteform{
	justify-content: end;
}
html.fpferme .PrintElement{
	display: none;
}


@media print{ /*print l'explorateur*/
	#colonnegauche,.ChartTabSelector,#colonnedroite .entete,.navigationinfo,#flyoutMenu,.bloccorpsrecherche,.bloccorpsfl,#fonctionsdroite,.mCSB_scrollTools,.fonctionsbascontainer,.accordeon.ferme,.ssaccordeon.ferme  {
		display:none !important;
	}
	html {
		background-color:white !important;
	}
	html,body,#site,#corps,#blocsetfontions,#colonnedroite,#blocs,.bloccorpsfp,.formcontent.explorateur,.form,.formWrapper,.mCustomScrollBox  {
		padding:0px;
		height:auto;
		max-height:none;
		max-width:none;
		overflow:visible;
		position:relative;
		width:100% !important;
		margin:0px;
		box-shadow:none;
		-webkit-box-shadow:none;
	}
	.formcontent {
		display:block !important;
	}
	
	.mCSB_inside > .mCSB_container {
		margin-right:0px !important;
		top:0px !important;
		overflow:visible;
	}
	/*div {
		display:inline;
	}
	.mCSB_container div {
		display:block;
	}*/
	.explorateur ul li.liQuestion {
		page-break-inside: avoid;
		break-inside:avoid;
	}
	.ulwrapper {
		/*page-break-after: always;*/
	}
	
}
.ChartTabSelector {
	float:right;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
	margin:0px 30px 0px 0px;
}
.fondChartTabIcon {
	cursor:pointer;
	width:22px;
	height:24px;
	background-color: white;
    border-radius: 13px;
	margin-top: -1px;
	&:has(.active) {
		background-color: var(--color-boutonbas);
	}
	.newicon {
        height: 100%;
        width: 76%;
        margin: auto;
		&.active {
			background-color: #f7f7f7;
		}
	}
}
.montantInvalide {
	font-family: 'source_sans_prosemibold', sans-serif;
    font-size: 17px;
	color: #fd6767; /*#7d7d7d*/
	width: 100%;
    height: 18px;
    position: absolute;
    margin: 5px 0px 0px 225px;
}

.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;
}
.menu1container .afficherMoreMenu:hover {
	background: rgba(255, 255, 255, 0.3);
}

.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;
}
.menu1container .afficherMoreMenu .iconePlus:hover {
	background: rgba(255, 255, 255, 0.8);
}

.draganddroparea {
	padding: 5px 20px 30px 20px;
}

.blocdraganddrop {
	border: 2px dashed var(--colorprincipale08);
	background-color: var(--colorprincipale10);
	border-radius: 8px;
	width: calc(100%);
	height: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: background 0.3s ease;
	flex-direction: column;
	cursor: pointer;
}
.blocdraganddrop.dragover {
	background-color: var(--colorprincipale09);
}

.blocdraganddrop .phraseDrag{
	font-family: 'source_sans_prosemibold', sans-serif;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.6px;
	color: var(--colorprincipale06);
}

.blocdraganddrop .zoneImageDrag {
	width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
}
.blocdraganddrop .imageDrag {
	-webkit-mask: url(../Images/DragAndDropIcon.svg) no-repeat center / 100% 100%;
    mask: url(../Images/DragAndDropIcon.svg) no-repeat center / 100% 100%;
	background-color: var(--colorprincipale08);
	width: 100%;
    height: 100%;
	margin: auto;
	transition: background 0.3s ease;
}
.blocdraganddrop.dragover .imageDrag {
	background-color: var(--colorprincipale07);
}

#actionsRealiseesListe {
    scroll-behavior: auto; /* Assure un défilement instantané */
}

.focusaction {
	border: 1px solid var(--main-bg-color) !important;
}

.divActionReaModif .zg {
	margin-left: 0px;
	margin-right: 28px;
}
.divActionReaModif textarea {
	width: 370px !important;
}
.divActionReaModif .blocchamp .libelle {
	width: 100px !important;
}
.actionSuiviFP {
	margin-top: 24px;
	margin-left: 30px;
	margin-right: 30px;
}

.specialActionExplo .actionUWE {
	margin-left: -29px;
}

.specialActionExplo li span {
	padding-bottom: 16px;
}
.specialActionExplo .actionUWE:last-child {
	margin-bottom: 23px; /* +7*/
}

.badge-flash {
	background: rgb(255,226,226);
  	color: rgb(255,129,129) !important;
  	width: fit-content;
  	padding: .2rem 1.2rem;
  	font-weight: bold;
  	border-radius: 10rem;
  	font-size: .85rem !important;
}

.fakeDisabled {
	pointer-events: none !important;
    background-color: #efefef !important;
}
.forceWDon {
	width: 60px !important;
}

td.visibleexclut{
	background-color: #f5f5f5 !important;
	opacity: 0.3;
	cursor: not-allowed;
	pointer-events: none;
}

.btncenter{
	margin-left: auto !important;
	margin-right: auto !important;
}
.btnspecopefindial {
	margin-top: 0px !important;
    padding: 7.5px 10px 7.5px 10px !important;
	width: 100%;
}

.trConFin.noSelectable {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.3;
}
.trConFin.noSelectable td{
	cursor: not-allowed;
	pointer-events: none;
}
@font-face {
	font-family: 'Poppins Light';
	src: url('./fonts/Poppins-Light.ttf') format('opentype');
}

/* -------------------- Modifier l'ordre de tri des catégories -------------------- */

.dialeditordretricat {
	overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% + 25px);
	width: 100%;
	padding-left: 14px;
}
.dialeditordretricat table {
	border-spacing: 0px 0px;
    width: 100%;
}
.dialeditordretricat .catligne {
	height: 30px; /*height: 23px*/
}
.dialeditordretricat tr {
	position: relative;
	transition: transform 100ms ease-in-out;
	cursor: grab;
}
.dialeditordretricat tr:active {
	cursor: grabbing;
}
/*.dialeditordretricat tr:hover {
  	background: var(--colorsecondaireconnexion10);
}*/
.peupascontaindoc {
	color: #cf9090 !important;
}
.hovertitreligcat{
	font-weight: bold !important;
}
.dialeditordretricat tr.dragging {
	opacity: 0.6;
	z-index: 10;
}
.dialeditordretricat .titrehier {
	position: absolute;
	margin-left: 24px;
	/*top: 2px;*/
	top: 42%;
    transform: translateY(-42%);
}
.dialeditordretricat .tdflechehier .iconfleche,
.dialeditordretricat .tdflechehier .iconflechevide {
	position: absolute;
	top: 0;
	top: 50%;
    transform: translateY(-50%);
}
.dialeditordretricat .tdflechehier .iconfleche {
	cursor: pointer;
	/*background-image: url(../jstree/dist/themes/default/32px.png);*/
	width: 16px; /*24*/
	height: 16px; /*24*/
	line-height: 16px; /*24*/
	background-color: var(--colorprincipale10);
	/*background-position: -200px -59px;*/
	margin-top: -1px;
	position: absolute;
    justify-content: center;
    align-items: center;
    display: flex;
}
.dialeditordretricat .tdflechehier .iconfleche::before {
	width: 8px;
    height: 2px;
	background-color: var(--colorprincipale05);
	content: "";
    position: absolute;
}
.dialeditordretricat .tdflechehier .iconfleche.plus {
	/*background-image: url(../jstree/dist/themes/default/32px.png);
	background-position: -168px -59px;*/
	background-color: var(--colorprincipale10);
	width: 16px;
}
.dialeditordretricat .tdflechehier .iconfleche.plus::before{
	width: 8px;
    height: 2px;
	background-color: var(--colorprincipale05);
	content: "";
    position: absolute;
}
.dialeditordretricat .tdflechehier .iconfleche.plus::after{
	width: 2px;
    height: 8px;
	background-color: var(--colorprincipale05);
	content: "";
    position: absolute;
}

.dialeditordretricat .tdflechehier .iconflechevide {
	/*background-image: url(../images/explovide.jpg);*/
	background-color: var(--colorprincipale10); /*cfr dans l'explorateur*/
	width: 16px; /*24px*/
	height: 16px;
	line-height: 16px;
	margin-left: 1px;
	background-repeat: no-repeat;
	/*margin-top: 4px;*/ /*Pour régler le problème de centrage*/
	/*opacity: 0.35;*/
}
.drag-cursor * {
	cursor: grabbing !important;
}

.drop-indicator {
	height: 0;
	pointer-events: none;
}
.drop-indicator .ligne-indicator {
	position: relative;
	padding: 0;
	margin: 0;
	border-top: 1px solid var(--main-bg-color);
    height: 0;
	pointer-events: none;
}
/* Flèche à gauche */
.drop-indicator .ligne-indicator::before {
	content: '';
	position: absolute;
	top: -5px;
	left: -14px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
  	border-bottom: 5px solid transparent;
  	border-left: 8px solid var(--main-bg-color); /* flèche vers la droite */
	pointer-events: none;
}
.drop-indicator:hover{
	pointer-events: none;
	cursor: none;
}
#tableOrdreTriCat {
	padding: 4px 4px 4px 4px;
}
#tableOrdreTriCat thead {
	visibility: hidden;
}

/*.dialeditordretricat tr {
	line-height: 24px;
}*/

/* -------------------- FIN Modifier l'ordre de tri des catégories -------------------- */

.bg-white {	background-color: white !important; }
.colorerrordial{color: #fd6767 !important;}

/*.spanDetailRe2Explo {color: var(--colorprincipale05) !important;}*/

.detlicompl-rouge{display: contents !important; color: var(--rougeorganon) !important;}
.detlicompl-vert{display: contents !important; color: var(--vertorganon) !important;}

.viewFroalaDisabled {
	background-color: #efefef !important;
    color: #535252;
    cursor:default;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    transition: border 0.3s;
	word-wrap: break-word;
}

.ExplorerSFLRexRel{
  max-height: 18px;
  display: inline;
  top: 1px;
  margin: 0px 0px -4px 15px;
  cursor:pointer;
  float:right;
}