: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;
}
.hoverCursorPointer:hover {
	cursor: pointer;
}

.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);
}

.telecomsPerimes td {
	color: rgb(200, 200, 200) !important;
}

.NonValide td {
	background-color: rgb(255, 241, 241) !important;
}
.PresentSurCarte td {
	background-color: rgb(233, 233, 233) !important;
}
.visibilitedifz td {
	/*background-color:#e8baf77a !important; le rose ne risque pas de convenir chez tous les clients... discussion BV OY 30/09/2022 mieux vaut utiliser un gris*/
	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;
}
.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;
	margin: 0px 0px 0px 22px;
	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 */
}
#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 .messageDMS {
	margin-top: 53px;
}
.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;
}
.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: 12px;
}
.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 .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;
}
.sfletboutons .fonctionsbas .left {
	flex-wrap: wrap;
	gap: 20px;
}
.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;
}
.fonctionsbas.paddingleft {
	/*padding-left:14px;*/
}
.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 .left .element,
.leftModifierVotants .element {
	margin: 0px 20px 0px 0px;
}
.sfletboutons .fonctionsbascontainer .left .element {
	margin: 0px;
}
.fonctionsbascontainer .right .element {
	margin: 0px 0px 0px 10px;
	flex-direction: row-reverse;
}
.enteteform .right .element,
.elementsfl .element {
	margin: 0px 0px 0px 10px;
}
.bloccorpsfp .fonctionsbascontainer .left .element,
.newsfp .fonctionsbascontainer .left .element,
.newssfp .fonctionsbascontainer .left .element {
	margin: 0px 8px 0px 0px;
}
.bloccorpsfp .fonctionsbascontainer .right .element,
.newsfp .fonctionsbascontainer .right .element,
.newssfp .fonctionsbascontainer .right .element {
	margin: 0px 0px 0px 20px;
}
#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 .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 {
	margin-right: 40px;
}
.form:not(
		.formParamsRecherche,
		.formEnvoyerEmail,
		.formAjoutCodePostal,
		.formGenererMai,
		.formEnvoiDisponibiliteReu,
		.formAjoutFicheRemplacement,
		.formAjoutSignataire,
		.formAjoutLieu,
		.docLieForm,
		.qurQurSelectCellulesForm,
		.QurQueElemEdit
	) {
	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;
}
.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;
}
.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);
}
.ui-widget-content a {
	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 8px 0px 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;
}

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 .colonneRecherchecontent {
	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;
}
.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;
}
.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):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;
}
.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;
}

.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*/
}
/* 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: 1px solid #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;
}
.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.double input[type="text"] {
	width: 500px;
}
.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;
}

.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;
}

.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,
.explorateur ul.contextMenu li {
	margin-top: 0px;
}
.explorateur ul.contextMenu li {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
/*.chrome .explorateur ul li{background-position:0px 5px;}*/
.explorateur ul li.noicon2 {
	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;
}

.explorateur ul.contextMenu li {
	padding: 0px;
}
.contextMenu li:hover > a,
.contextMenu li.hover > a {
	background-color: 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 {
	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.boulerouge,
.explorateur ul li span.bouleverte,
.explorateur ul li span.boulebleue,
.explorateur ul li span.bouleorange,
.explorateur ul li span.boulenoir,
.explorateur ul li span.boulerose,
.explorateur ul li span.boulejaune {
	padding-left: 29px;
}
.explorateur ul li span.boulerouge::before,
.explorateur ul li span.bouleverte::before,
.explorateur ul li span.boulebleue::before,
.explorateur ul li span.boulenoir::before,
.explorateur ul li span.bouleorange::before,
.explorateur ul li span.boulerose::before,
.explorateur ul li span.boulejaune::before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 12px;
	position: absolute;
	top: 4px;
	left: 29px;
}

.versionInfoUtilRight span.boulerouge::before,
.versionInfoUtilRight span.bouleverte::before {
	padding-left: 22px;
}
.versionInfoUtilRight span.boulerouge::before,
.versionInfoUtilRight span.bouleverte::before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 12px;
	/* position:absolute; */
	top: 4px;
	left: 29px;
}

.explorateur ul li.noiconboule span.boulerouge::before,
.explorateur ul li.noiconboule span.bouleverte::before,
.explorateur ul li.noiconboule span.boulebleue::before,
.explorateur ul li.noiconboule span.boulenoir::before,
.explorateur ul li.noiconboule span.bouleorange::before,
.explorateur ul li.noiconboule span.boulerose::before,
.explorateur ul li.noiconboule span.boulejaune::before {
	left: 0 !important;
}
.explorateur ul li span.boulerouge::before {
	background-color: #e15858;
}
.explorateur ul li span.bouleverte::before {
	background-color: #4fc14f;
}
.explorateur ul li span.boulebleue::before {
	background-color: #2e81b9;
}
.explorateur ul li span.boulenoir::before {
	background-color: #7d7d7d;
}
.explorateur ul li span.bouleorange::before {
	background-color: #ff7f00;
}
.explorateur ul li span.boulerose::before {
	background-color: #c458e1;
}
.explorateur ul li span.boulejaune::before {
	background-color: #efef06;
}

.versionInfoUtilRight span.boulerouge::before {
	background-color: #e15858;
	padding-left: 0px;
	width: 10px;
	height: 10px;
	margin-right: 13px;
	display: inline-block;
}
.versionInfoUtilRight span.bouleverte::before {
	background-color: #4fc14f;
	padding-left: 0px;
	width: 10px;
	height: 10px;
	margin-right: 13px;
	display: inline-block;
}

.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: #4fc14f;
}
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: #ff7f00; /*#e15858*/
}
.libelleAvecIconLarge span.boulerouge::before,
.libelleAvecIconLarge span.bouleverte::before,
.libelleAvecIconLarge span.boulebleue::before,
.libelleAvecIconLarge span.boulenoir::before,
.libelleAvecIconLarge span.bouleorange::before,
.libelleAvecIconLarge span.boulerose::before,
.libelleAvecIconLarge span.boulejaune::before {
	top: 4px !important;
	left: 58px !important;
}

.libelleAvecIconLarge {
	padding-left: 58px;
}

.explorateur ul li ul li span,
.explorateur p,
.explorateur .froalaRendu td,
.explorateur .froalaRendu li,
.explorateur ul li span.nongras {
	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;
}
.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 :-)*/
	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 190px;
}
.invalide.invalideMoyen{
	margin: 7px 0px 0px 190px;
}
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 .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-family: Verdana;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
}
#bandeauVersion {
	height: 50px;
	min-height: 50px;
	background-color: #ff5b5b;
	color: white;
}
#bandeauShutdown {
	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
	); /*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*/
	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(520px * 2);
	column-gap: 0px;
}
.newfenetre.troiscol .accordeoncontent,
.newfenetre.troiscol .ssaccordeoncontent {
	column-count: 3;
	width: calc(520px * 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);
	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_proregular";
	font-size: 15px;
	font-weight: 600;
}

.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 {
	background-color: #aaa0a0;
}
.BouleDocument.Rouge {
	background-color: #f33b3b;
}
.BouleDocument.Vert {
	background-color: #84e359;
}
.BouleDocument.Jaune {
	background-color: rgb(255, 231, 143);
}
.BouleDocument.Orange {
	background-color: #ff7f00;
}
.BouleDocument.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 {
	width: 128px;
	height: 130px;
	margin: auto;
	transition: 0.3s;
}
.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;
}
.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_proregular";
	font-weight: 600;
	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%;
	font-family: "source_sans_probold";
	font-size: 16px;
	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 {
	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 {
	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 {
	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;
}
.ajoutCodePostal .blocchamp,
.enuUtiAjouter .blocchamp,
.enuUtiModifier .blocchamp,
.formSaveMailing .blocchamp,
.formGenererMailing .blocchamp,
.formTesterMailing .blocchamp,
.diaSignerDocument .blocchamp,
.ajouterFicheLieu .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,
		.formGenererMai,
		.formEnvoiDisponibiliteReu,
		.formAjoutFicheRemplacement,
		.formAjoutLieu,
		.formAjoutSignataire,
		.docLieInfosDescriptions,
		.docLieForm,
		.qurQurSelectCellulesForm,
		.editeurEnqueteFroala .form,
		.editeurEnqueteFroala2 .form,
		.newRapprochementFinCon .form,
		.derapprocherConFin .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.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;
}
.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;
}

.dialogueInfosCustom .formOpCoFi .trCOM td,
.bgCOM input {
	background-color: #ffeaea !important;
}
.dialogueInfosCustom .formOpCoFi .trFIN.selected td {
	background-color: #66b266 !important;
	color: #fff;
}
.dialogueInfosCustom .formOpCoFi .trCOM.selected td {
	background-color: #ff6666 !important;
	color: #fff;
	font-weight: bold;
}

.dialogueInfosCustom .formOpCoFi td.totalSelected {
	font-weight: bold;
}
.dialogueInfosCustom .formOpCoFi label.sanslabel {
	top: 3px !important;
}
.dialogueInfosCustom .formOpCoFi .trclassement td {
	background-color: #fff !important;
	color: #7a7a7a !important;
	font-weight: bold;
	letter-spacing: 1.5px;
	/*border-top: 1px solid #7A7A7A;*/
}

#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 {
	min-width: 21px;
	width: 21px;
	height: 21px;
	border-radius: 21px;
	position: relative;
}
.boolok {
	background: #c0f4e4;
}
.boolpasok {
	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;
}
.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,
#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;
}
.iconDansFormListe {
	padding: 5px 15px 5px 0px !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;
}

.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: 36px;
	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.ColorCatRelRouge td {
	color: #ff0000 !important;
}
.fl table tr.ColorCatRelVert td {
	color: #558640 !important;
}
.fl table tr.ColorCatRelBleu td {
	color: #3a00ff !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;
}

.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);
	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);
}

.mCustomScrollbar table tr th .textrecherchefl {
	display: none;
}

.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;
}

.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;
}
.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;
}

.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;
}

.autocompletedivpres .rechPropositions li:hover {
	background-color: var(--colorprincipale10);
}

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

.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;
	gap: 18px;
	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;
	gap: 10px;
}
.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;
}
.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;
}

.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;
	}
}
@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: 12px;
	margin:0px 30px 0px 0px;
}
.fondChartTabIcon {
	cursor:pointer;
	width:22px;
	height:24px;
	background-color: white;
    border-radius: 13px;
	&: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 219px;
}