:root{
	--largeur-colonnegauche:230px;
	--largeur-colonnerechouFLreduit:310px;
	/*--largeur-colonnerechlarge:500px;*/
	/*--largeur-FPreduit:610px;*//*demande75145*/
	--largeur-FPreduit:550px;
	--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-boutonbas: #508fbf; /*Couleur des icones en bas*/
	--color-boutonbasfond: #ffffff; /*Couleur de fond des icones en bas*/
	--color-boutonbashover: #ffffff; /*Couleur des icones en bas [HOVER]*/
	--color-boutonbasfondhover: #0777b3; /*Couleur de fond des icones en bas [HOVER]*/
	--color-btnentete: #508fbf; /*Couleur des icones d'entete*/
	--color-fondbtnentete: #fffaf8; /*Couleur de fond des boutons d'en tete*/
	--color-boutonradius: #0777b3; /*Couleur de fond des boutons radius*/
	--color-boutoniconradius: #ffffff; /*Couleur des icones + fond des radius non actif*/
	--color-boutondroite: #508fbf; /*Couleur des boutons à droite*/
	--color-boutondroitefond: #ffffff; /* Couleur de fond des boutons à droite*/
	--color-boutondroitehover: #ffffff; /*Couleur des boutons à droite [HOVER]*/
	--color-boutondroitefondhover: #0777b3; /* Couleur de fond des boutons à droite [HOVER]*/
	--color-fondbtnfp: #f4f4f4; /* Couleur de font pour les boutons dans le FP (exemple SFL SSFL)*/
	--color-fondbtnutils: #a8cae0; /*Couleur des icones flèches en bas à droit et i*/
	--color-fondbtnutilshover: #83b2d2; /*Couleur hover des icones flèches en bas à droit et i*/
	--color-iconconnexion: #508fbf; /* Couleur des icones sur la page de connexion*/
}

#blocs {
	height:100%;
	/*width:4000px;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;*/
}
/*.fl thead, .fl tbody {
    display: block;
}

.fl tbody {
    overflow: hidden;
	height: 300px;
}*/

.telecomsPerimes td{
	color: rgb(200, 200, 200) !important;
}
.facCliNonValide td{
	background-color: rgb(255, 241, 241) !important;
}
.heightPdf {
	height: 120px;
}
.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{
	background-color:#efefef;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.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 {
	padding:15px 20px 15px 20px;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
}
.errorbloc .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);z-index: 2000000000 !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:-28px;
	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:25px 25px 25px 25px;
}
.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;
}
/*.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;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
}
#site {
	height: 100%;

}
#colonnegauche {
	position:fixed;
	width:var(--largeur-colonnegauche);
	z-index:300;
}
#colonnegauche.ferme {
	width:66px;
	overflow:hidden;
}
#colonnegauche #fomenu {
	margin-top: 100px;
}
#colonnegauche #menu {
	height: calc(100% - 48px);
	/*margin-top:100px;*/
}

.bandeauaffiche #colonnegauche #menu {
	height: calc(100% - 50px - 48px);
	/*margin-top:100px;*/
}

#site #colonnegauche #menuenglobant {
	height: calc(100vh - 100px - 50px);
}

.bandeauaffiche #colonnegauche #menuenglobant {
	height: calc(100vh - 100px - 50px - 50px);
}
#colonnegauche #logo {
	display:block;
	position:fixed;
	height:100px;
	width:var(--largeur-colonnegauche);
	background-repeat:no-repeat;
	cursor:pointer;
}
.case-checked{ /* Case non cochée */
	position: absolute;
	top: -3px;
    left: 0px;
	height: 20px;
    width: 20px;
	background: url('../Images/notchecked.png');
}
.case-checked.check{ /* Case cochée */
	background: url('../Images/checked.png');
}

#colonnegauche #byorganica {
	display:block;
	bottom:0px;
	position:fixed;
	height:50px;
	width:var(--largeur-colonnegauche);
	background-repeat:no-repeat;
	background-image:url('../images/byorganica.png');
	background-position:center left 20px;
}
#colonnegauche.ferme #byorganica {
	width:66px;
	background-image:url('../images/byorganica2.png');
}
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;
}
#menuenglobant .menu1 {padding:13px 30px 13px 60px;}
#colonnegauche.ferme #menuenglobant .menu1 {padding-left:66px;height:22px;}
#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;
}
#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;
}*/
#colonnegauche.ferme #menuenglobant .menu1container .flechedroite {
	display:none;
}
#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.10);
}
#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);
}
.menugaucheferme #containermenu2 {
	margin-left:66px;
}
#colonnedroite {
	margin-left:var(--largeur-colonnegauche);
	position:relative;
	height:100%;
}
#colonnedroite.menugaucheferme {
	margin-left:66px;
}
.entete {
	background-position:bottom left;
	background-size:cover;
	height:var(--height-entete);
	position:fixed;
	width:calc(100% - var(--largeur-colonnegauche));
	z-index:50;
}
#chercherChampLie .entete {width:100%;position:relative;}
#colonnedroite.menugaucheferme .entete {
	width:calc(100% - 66px);
}
.entete .logo {
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-position:center left;
	background-size:cover;
	margin-right:15px;
}
.entete .versiontest {
	padding-left:20px;
	margin-left:20px;
	border-left:1px solid white;
}
.entete .titretable.separateur {
	padding-right:20px;
	margin-right:20px;
}
.entete .nomprenom,.entete .clientsdev {
	color:white;
	border-right:1px solid white;
	padding-right:20px;
	margin-right:20px;
	text-align:right;
}
.entete .nomprenom 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 {font-size:12px;}
.entete .nomprenom a{color:white;}
.entete .nomprenom 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 .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 {
	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;
}
.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: -42px;
	width: 30px;
	height: 27px;
}
.iconMenuPass:hover {
	/*background-color: rgba(214, 214, 214, 0.5);
	border-radius: 50%;
	width: 30px;
	height: 27px;*/
	cursor: pointer;
}
.iconMenuPass:active {
	/*background-color: rgba(168, 168, 168, 0.5);
	border-radius: 50%;
	width: 30px;
	height: 27px;*/
	cursor: pointer;
}
.radius {
	border-radius:13px;
	height:30px;
	padding:1px;
	margin-left:10px;
	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:calc(var(--height-entete) + 25px) 62px 0px 25px;
	position:relative;
	height:calc(100% - var(--height-entete) - 25px);
	
	-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 */
}
#DragNDrop,#ServeurMaintenance {
	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: white;
    opacity: 0.8;
	color: black;
	font-size: 50px;
	text-align: center;
	vertical-align: center;
	padding-top:20%;
}
#ServeurMaintenance {
	padding:0px;
	display:none;
	font-size: 40px;
	text-align:center;
	padding-top:200px;
}
#ServeurMaintenance img{
	width:100px;
	height:100px;
}
#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;
}
.bandeauaffiche #corps {
	height:calc(100% - var(--height-entete) - 25px - 50px);
}
#corps.menudroiteouvert {padding-right:230px;}
.withBandeauShutdown #corps {
	height: calc(100% - 200px);
}
.bandeauaffiche.withBandeauShutdown #corps  {
	height: calc(100% - 200px - 50px);
}

.blocconnexion .contentform {
	padding:25px 25px 25px 25px;
}
.blocconnexion .logUser,.blocconnexion .logPassword {
	display:block;
	font-weight: 500;
	font-style: normal;
	color:#7D7D7D;
	border-radius:3px;
	margin-bottom:13px;
	border:1px solid #c1c1c1;
	background-repeat:no-repeat;
	width:calc(100% - 38px);
	background-size:auto 16px;
	image-rendering: -webkit-optimize-contrast;
	
	background-color:#f4f4f4;
	
	-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);

}
.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);}
.bandeauaffiche .blocconnexion {
	top:calc(34% - var(--height-blocconnexion-logo) + 50px);
}
.blocconnexion .logUser:focus,.blocconnexion .logPassword:focus {
	background-color:#f3f9fb !important;
}
.blocconnexion .logUser {background-position:center left 7px;}
.blocconnexion .logPassword {background-position:center left 8px;}
.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 {
	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);
}
.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 {
	display:flex;
	flex-direction:row;
}
.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;
	position:fixed;
	right:0px;
	width:32px;
	height: calc(100vh - var(--height-entete) - 25px - 50px - 10px);
	overflow:hidden;
	padding:10px 15px 0px 15px;
	
	-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 */
}
/* Fonctions Droite SFL */
.newpaddingSfl {
	padding: 10px 0px 10px 10px !important;
}
.fonctionsdroite_sfl {
	padding-left: 10px;
}
.cpointeur {
	cursor: pointer;
}
.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;
}

#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;
}
#flyoutcontent .element{
	display:flex;
	flex-direction:row;
	cursor:pointer;
	align-items:center;
	justify-content:flex-start;
	
}
#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 {margin:0px 20px 0px 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,.bloccorpssfp .fonctionsbascontainer .left .element,.bloccorpsssfp .fonctionsbascontainer .left .element {margin:0px 8px 0px 0px;}
.bloccorpsfp .fonctionsbascontainer .right .element,.bloccorpssfp .fonctionsbascontainer .right .element,.bloccorpsssfp .fonctionsbascontainer .right .element {margin:0px 0px 0px 20px;}
#fonctionsdroite .element.navigation {margin-bottom:10px;}
#fonctionsdroite .element.navigation:last-child {margin-bottom:0px;}
#fonctionsdroite .element .libelle,.fonctionsbascontainer .element .libelle,.menucontextuel .element .libelle,.errorbloc .errorboutons .element .libelle{
	text-align:right;
	color:#A6A6A6;
	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;
}
#fonctionsdroite .element .libelle {display:none;}

#fonctionsdroite.ouvert .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;
}
.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 {
	color:var(--color-logo);
	width:auto;
	min-width:auto;
}
.errorbloc .left .element .libelle {
	padding:0px 0px 0px 10px;
}
.errorbloc .errorboutons .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,.bbcode .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,.bbcode .icone,.deplContrIcon {
	background-color:#f4f4f4;
}
.fonctionPtoRe .element .icone,.bbcode .icone { /*reunion > point ordre jour*/
	background-color:transparent !important;
}
.bbcode .left .icone {margin-right:8px;cursor:pointer;margin-bottom:8px;}
.bbcode .right .icone {margin-left:8px;cursor:pointer;}
.menucolonneflcontent{display:none;}
.menucontextuel .element .icone {
	width:20px;
	min-width:20px;
	height:22px;
}
.fonctionsbascontainer .element .icone,.errorbloc .errorboutons .element .icone,.bbcode .icone,.enteteform .icone,.elementsfl .icone,.deplContrIcon {
	width:26px;
	min-width:26px;
	height:28px;
}

#chercherChampLie {display:none;}

#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;}
.palette {background-image:url('../images/palette.png');}

.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;
}

.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;
}
.sfl.enliste table,.ssfl.enliste table,.sflspec.enliste table {
	border:0px;
	border-radius:0px;
	box-shadow: 0 0 0 0 #dadada;
	
}
.fl,.colonneRecherche {
	background-color:white;
	/*overflow:auto;*/
	overflow:hidden;
	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);
}
.fl .innerfl {
	/*overflow:auto;
	height: calc(100%);
	margin:0px -20px 0px 0px;*/
	
	/*padding-bottom:10px;*/
}
.fl table thead {
	/*opacity:0;*/
}
.fl {
	height:calc(100% - 50px);
	position:relative; /*rajouté à cause de elementsfl le 20/11/2019*/
}
.tbodycontent {
	height:calc(100% - 55px);
	overflow:hidden;
}
.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;
}
.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);
}
.form:not(.formEnvoyerEmail) {
	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);
}
.form:not(.formTxtFullScreen,.formEnvoyerEmail) {
	height:calc(100% - 50px);
	max-height:calc(100% - 50px);
}
.form.formEnvoyerEmail {
	height: 100%;
	max-height: 100%;
}
.formcontent {
	background-color:white;
	overflow:auto;
	height:calc(100% - 55px);
	max-height:calc(100% - 55px);
	position:relative;
}
.bandeblanche {
	height:10px;
	background-color:white;
	position:fixed;
	margin-top:-10px;
	z-index:200;
}

.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;
}
.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;
}

.sfl.enliste table tr th,.ssfl.enliste table tr th {
	padding:5px 10px 5px 10px;
	border-radius:4px;
	border: 1px solid #dadada;
}

.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:pointer;
}
.sfl table tr th .avecrecherche {
	cursor: pointer;
}
.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;
}

.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;
}
.fl table tr.trclassement td {cursor:pointer;}
.fl table tr.trclassement td:first-child {
	background-image:url('../images/flechebas.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:16px;
}
.fl table tr.trclassement.closed td:first-child {
	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;
}
.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:rgb(43, 42, 42);}

.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;
}
.marginTop10 {margin-top: 10px;}
.marginTop15 {margin-top: 15px;}
.marginBottom30 {margin-bottom: 24px;}
.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;}
.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.tricroissant {background-image:url('../images/tricroissant.png');}
.menucontextuel .element .icone.tridecroissant {background-image:url('../images/tridecroissant.png');}
.menucontextuel .element .icone.masquer {background-image:url('../images/masquercol.png');}

.bloccorps {
	height:100%;
	float:left;
}
.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 */
}

/*largeur de la colonne de recherche*/
.bloccorps.bloccorpsrecherche{width:100%;}
.pageaffiche .bloccorps.bloccorpsrecherche,.listeaffiche .bloccorps.bloccorpsrecherche{width:var(--largeur-colonnerechouFLreduit);}
/*.bloccorps.bloccorpsrecherche.large{width:var(--largeur-colonnerechlarge);}*/



/*elements du FL*/
.pageaffiche .bloccorps.bloccorpsfl .fonctionsbas .left .element {margin:0px 8px 0px 0px;}
.pageaffiche .bloccorps.bloccorpsfl .fonctionsbas .right .element {margin:0px 0px 0px 8px;}
.pageaffiche .bloccorps.bloccorpsfl .fonctionsbas .element .libelle {display:none;}
#chercherChampLie .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;}
#chercherChampLie .bloccorps.bloccorpsfl .fl th,#chercherChampLie .bloccorps.bloccorpsfl .fl td {
	/*display:table-cell;
	vertical-align: middle;*/ /*BV : 07/10/2020 : je mets ceci en commentaire, je ne sais pas d'où ça sort, et ca provoque un affichage différent du FL quand il est en surimposition.*/
}

/*largeur du FL (calculée par programmation en JS) et margin*/
.bloccorps.bloccorpsfl {width:100%;min-width:var(--largeur-colonnerechouFLreduit);}
.rechercheaffiche .bloccorps.bloccorpsfl {margin-left:25px;}
#chercherChampLie .bloccorps.bloccorpsfl {width:100%;margin-left:0px;height: calc(100% - 44px);}
#chercherChampLie .divenglobant {padding:25px 25px 0px 25px;height:calc(100% - 100px - 25px);}
/*largeur du FP (calculée par programmation en JS) et margin*/
.bloccorps.bloccorpsfp {width:100%;min-width:var(--largeur-FPreduit);}
.rechercheaffiche .bloccorps.bloccorpsfp,.listeaffiche .bloccorps.bloccorpsfp {margin-left:25px;}

/*largeur du SFP et margin*/
.bloccorps.bloccorpssfp {width:100%;min-width:var(--largeur-FPreduit);}
.rechercheaffiche .bloccorps.bloccorpssfp,.listeaffiche .bloccorps.bloccorpssfp,.pageaffiche .bloccorps.bloccorpssfp {margin-left:25px;}

.pageaffiche .bloccorps.bloccorpssfp {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*/
.listeaffiche .bloccorps.bloccorpssfp,.rechercheaffiche .bloccorps.bloccorpssfp {width:calc(100% - var(--largeur-colonnerechouFLreduit) - 25px - var(--largeur-FPreduit) - 25px);}
.listeaffiche.pageaffiche .bloccorps.bloccorpssfp,.rechercheaffiche.pageaffiche .bloccorps.bloccorpssfp {width:calc(100% - var(--largeur-colonnerechouFLreduit) - 25px - var(--largeur-FPreduit) - 25px);}
.rechercheaffiche.listeaffiche.pageaffiche .bloccorps.bloccorpssfp {width:calc(100% - var(--largeur-colonnerechouFLreduit) - 25px - var(--largeur-colonnerechouFLreduit) - 25px - var(--largeur-FPreduit) - 25px);}
.rechercheaffiche.ssspageaffiche .bloccorps.bloccorpssfp,.listeaffiche.ssspageaffiche .bloccorps.bloccorpssfp,.pageaffiche.ssspageaffiche .bloccorps.bloccorpssfp,.rechercheaffiche.listeaffiche.pageaffiche.ssspageaffiche .bloccorps.bloccorpssfp {width:var(--largeur-FPreduit);}

/*largeur du SSFP et margin*/
.bloccorps.bloccorpsssfp {width:100%;min-width:var(--largeur-FPreduit);}
.rechercheaffiche .bloccorps.bloccorpsssfp,.listeaffiche .bloccorps.bloccorpsssfp,.pageaffiche .bloccorps.bloccorpsssfp,.sspageaffiche .bloccorps.bloccorpsssfp {margin-left:25px;width:var(--largeur-FPreduit);}

.pageaffichemodifajout .bloccorpsrecherche .voile,.pageaffichemodifajout .bloccorpsfl .voile,.pageaffichemodifajout #fonctionsdroite .fonctionsdroitetable .voile,.sspageaffiche .bloccorpsfp .voile,.ssspageaffiche .bloccorpssfp .voile,.fonctionsdroitsfl .bottom-fonctiondroite-sfl .fonctionutil .voile {display:block;}

.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;
}
#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-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 11px right 9px;
}
.colonneRecherchecontent .categories.open {
	background-image:url('../images/flechehautgris.png');
}
.colonneRecherchecontent .categories .titrecategories {
	color: #7D7D7D;
	font-family: 'source_sans_prosemibold';
	font-size: 17px;
	cursor:pointer;
	opacity: 0.69;
	padding-right: 20px;
	
	-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 {
	margin-bottom:15px;
}
.colonneRecherchecontent .champplaceholder .close {
	background-image:url('../images/close.png');
	cursor:pointer;
	width:10px;
	height:10px;
	position:absolute;
	right:0px;
	margin:-21px 30px 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;
}
.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;
}
.fonctionFeOnCh .depGaucheGen {
	background-image: url(../Images/explovertsup.png);
	transform: rotate(270deg);
	background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
	width: 18px;
	height: 18px;
	min-width: 18px;
}
.fonctionFeOnCh .depDroitGen {
	background-image: url(../Images/explovertsup.png);
	transform: rotate(90deg);
	background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
	width: 18px;
	height: 18px;
	min-width: 18px;
}
.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:-40px 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:250px;}
.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;
}
.enteteform .libelle{
	line-height:23px;
	max-height:46px;
	overflow:hidden;
	max-width: 240px;
}
.enteteform {
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	/*position:fixed;
	width:calc(100% - 210px - 310px - 25px - 25px - 62px - 40px);
	z-index:100;*/
}
.enteteform .right,.enteteform .left{
	display:flex;
	flex-direction:row;
	align-items: center;
}
.enteteform .creation {text-align:right;font-size:12px;line-height:20px;width:200px;display:none;}
.enteteform .noenreg {margin-right:25px;}
/*.enteteform .id,.enteteform .libelle {font-size:16px;}*/
.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;
}
.image-palette {
	background-image: url('../images/color-palette.png');
	margin-left: 20px;
	background-size: cover;
	width: 23px;
	height: 23px;
}

.divImagePalette {
	/*../images/color-palette.png*/
	width: 23px;
	height: 23px;
}
.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;
}
.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;} /* à 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:530px;*//*demande75145*/
	width:470px;
	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;
}
.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;
}
.form .sfl.enliste .blocchamp,.form .ssfl.enliste .blocchamp,.form .sflspec.enliste .blocchamp {
	margin:0px;
}
.form .blocchamp.blocbbcode {
	display:block;
}
.form .zgcontent .blocchamp:last-child {margin-bottom:0px;}
.form .accordeoncontent .zgcontent:not(.zgspec):last-child .blocchamp:last-child {margin-bottom:30px !important}
.blocfroala:last-child{
	margin-bottom:30px !important
}
#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;
	margin-right:15px;
	/*margin-top:6px;*/
	word-wrap:break-word;
}
.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 .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{
	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{ /*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 .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{
	height:55px;
	resize:none;
	max-height: 1000px;
}
.form .blocchamp .champ textarea.heightreduite{
	height:44px;
}
.form .blocchamp .champ textarea.huitLignes{
	height:203px !important;
}
.form .blocchamp .champ textarea.deuxLignes{
	 resize : none;
	 height: 71px;
	 overflow-y:none;
}
.form .blocchamp.blocbbcode .champ textarea {
	width:calc(100% - 20px - 2px); /* moins padding moins border */
	display:block;
	height:300px;
}
.form .blocchamp.fullwidth .champ textarea,.form .blocchamp.fullwidth div.looktextarea {
	width:calc(100% - 20px - 2px); /* moins padding moins border */
}
.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;}

.form .blocchamp .champ input[type=text]:focus,.form .blocchamp .champ input[type=password]:focus,.form .blocchamp .champ textarea:focus,.tabHierarchique input:focus{border:2px solid #B3CDDD;}
.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.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;}

.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 red
}
.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 {
	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 {
	width:16px;height:16px;
	
	width:14px;height:14px;
	
	background-color:transparent;
	margin:6px 0px 0px -29px;
	cursor:pointer;
	position:absolute;
}
.explorateur ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.explorateur ul li{
	background-image:none;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-size: 14px 14px;
	background-position:0px 7px;
	position:relative; /*BV : ajouté le 15/11/2021 DEV 7911 84920*/
}
.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/explovide.jpg');}
.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: 9999;}
.explorateur ul.contextMenu li{padding:0px;}
.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:25px;
	display:block;
	background-image:none;
	background-repeat:no-repeat;
	background-size: 14px 14px;
	background-position:0px 7px;
}

.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;
}

.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;
}

select:focus{
	border:2px solid #B3CDDD;
	background-position:right 9px top 11px;
}

.chrome .explorateur ul li span{background-position:0px 5px;}
.explorateur ul li span.avecmenu{/*color:var(--color-logo);*/cursor:pointer;}

.explorateur ul li.deploye{padding-left:29px;background-image: url('../images/explomoins.jpg');}
.explorateur ul li.contracte{padding-left:29px;background-image: url('../images/exploplus.jpg');}
.explorateur ul li span.vertsup{padding-left:29px;background-image: url('../images/explovertsup2.png');}
.explorateur ul li span.horiz{padding-left:29px;background-image: url('../images/explohoriz2.png');}
.explorateur ul li span.horiz2{padding-left:29px;background-image: url('../images/explohorizbis2.png');}
.explorateur ul li span.vertinf{padding-left:29px;background-image: url('../images/explovertinf2.png');}
.explorateur ul li span.courant{padding-left:29px;background-image: url('../images/explocourant2.png');}



.explorateur ul li span.boulerouge,.explorateur ul li span.bouleverte{padding-left:29px;}
.explorateur ul li span.boulerouge::before,.explorateur ul li span.bouleverte::before {
	content:"";
	width:12px;
	height:12px;
	border-radius:12px;
	position:absolute;
	top:8px;
	left:29px;
}
.explorateur ul li span.boulerouge::before{background-color:#e15858;}
.explorateur ul li span.bouleverte::before{background-color:#4fc14f;}

.explorateur ul li ul li span,.explorateur p{
	font-family: 'source_sans_proregular';
	font-size:16px;
	color:#7D7D7D;
}
.explorateur 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:15px;
	margin-bottom:25px;
}
.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);
	height: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;*/
}
#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:22px;
	height:22px;
	border-radius:20px;
	background-color:#fd6767; /* rouge pour tous clients */
	background-image:url('../images/invalide.png');
	background-size:cover;
	position:absolute;
	margin:5px 0px 0px 320px;
}
.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);
}

form .invalidebloquant.ok, form .ok{
	background-color:green; /* vert pour tous clients */
	background-image:url('../images/ok.png');
}
.petitinvalide {
	width:22px;
	height:22px;
	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 {
	margin:3px 0px 0px 3px;
	width:12px;
	height:12px;
}
form .sfl.enliste .tdcheckbox .invalide,form .ssfl.enliste .tdcheckbox .invalide,form .sflspec.enliste .tdcheckbox .invalide {
	margin:-14px 0px 0px -23px;
}
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 {
	display: flex;
	font-size: 15px;
}

.rechercheAvancee .optionSpecifique, .rechercheAvancee .paramSpecifique, .rechercheAvancee .operateurSpecifique {
	/*margin-bottom: 15px;*/
}


.rechercheAvancee .optionSpecifique label, .rechercheAvancee .paramSpecifique label, .rechercheAvancee .ensembleOperateurs label {
	/*margin-left: 15px;
	cursor: pointer;*/
}

.rechercheAvancee label, .rechercheAvancee div {
	color: #8d8d8d !important;
}

#rechercheAvanceeCol1, #rechercheAvanceeCol2, #rechercheAvanceeCol3, #rechercheAvanceeCol4 {
	padding-right:25px;
}
#rechercheAvanceeCol1 {
	/*width:260px;*/ /* + 25px de padding + 1px de border (On ne le fais plus suite à la demande 82861)*/
}
#rechercheAvanceeCol2{
	width: calc(calc(100% - 260px - 51px  - 210px - 51px - 51px) / 2);
}
#rechercheAvanceeCol3 {
	/*width:210px; *//* + 25px de padding + 1px de border (On ne le fais plus suite à la demande 82861)*/
}
#rechercheAvanceeCol4{
	width: calc(calc(100% - 260px - 51px  - 210px - 51px - 51px) / 2);
	padding-right: 0px;
}


.rechercheAvancee .paramSpecifique label, .rechercheAvancee .champValeur label {
	/*display: block;
	position: relative;
	left: 15px;*/
	
}

#rechercheAvanceeCol1, #rechercheAvanceeCol2, #rechercheAvanceeCol3 {
	border-right: 1px solid #dadada;
	margin-right: 25px;
}


.rechercheAvancee h3 {
	color: var(--main-bg-color);
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 20px;
}
.rechercheAvancee h3 span{cursor:pointer;}

.criterescontent, .donManqContent, .reqContent  {
	height: calc(100% - 141px);
	overflow: 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;
}
.donManqContent, .reqContent  {display:none;}
.optionsSelection {
	margin-bottom: 30px;
}

.rechercheAvancee input[type=text] {
	margin-top: 0;
	width: calc(100% - 57px);
	height: 24px;
	padding-left: 27px !important;
	border: 1px solid #dadada;
	margin-bottom: 7px;
	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);
}


#boutonTousLesCrit {
	display: flex;
	flex-direction: column;
	height: 50px;
	justify-content: space-between;
}


.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;
}

.bandeauaffiche #bandeauVersion, #bandeauShutdown, #bandeauShutdownTest { /*Bandeau spécifant la version dans laquelle on travaille.*/
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}
.bandeauaffiche #bandeauVersion {
	height: 50px;
	background-color:#ff5b5b;
}
#bandeauShutdown, #bandeauShutdownTest{
	height: 75px;
	background-color: yellow;
}

.bandeauaffiche #texteBandeauVersion, #texteBandeauShutdown {
	font-family: Verdana;
	color: white;
	font-weight: bold;
	font-size: 17px;
}
#texteBandeauShutdown {
	font-family: Verdana;
	color: black;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
}
.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;
}

.about {
	background-color:#a8cae0;
	position:absolute;
	bottom:12px;
	right:19px;
	z-index:2;
	cursor:pointer;
	background-image:url('../images/about.png');
	background-size:auto 18px;
	width:24px;
	min-width:24px;
	height:26px;
	
	display:block;
	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 */
}
.about:hover {background-color:#83b2d2;}

.about_Libelle{		
	position:absolute;
	bottom:10px;
	right:65px;
	z-index:2;
	cursor:pointer;
	height:26px;	
	-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 */	
	font-size: 16px;
	font-family: 'source_sans_proregular';
	font-weight: 600;
	text-align: right;
	color: #A6A6A6;
	width: 150px;
}

.messageabout {
	margin:0px !important;
}
.logoOrganica {
	background-image:url('../images/logoOrganica.png');
	width:100%;
	height:75px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
.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 - 13px);
	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: 90%;
	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;
}
.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;
}

#deplContr  {
	border: none;
	display: flex;
	margin-top: 15px;
	cursor: pointer;
}

#deplContr .libelle {
	color: var(--color-logo);
	display: flex;
	align-items: center;
}

#dialogueChoisirArbreCatPresentationContenant, #dialogueChoisirCatAAffecterContenant {
	margin-top: 10px;
	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;}
img.editIcon {width:20px;height:20px;display:block;margin-top:2px;}
/*.pageaffiche .bloccorps.bloccorpsfl .fl td.iconeDocument{width:20px;}
.pageaffiche .bloccorps.bloccorpsfl .fl td.iconeDocument img{width:20px;height:20px;}*/
.pageaffiche .bloccorps.bloccorpsfl .fl td img.editIcon {width:18px;height:18px;}
.pdf embed,.pdf iframe{
	width:100%;
	height:600px;
}
.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;}

#zoneBoutonsPtOrdreDuJour>div:hover {background-color: #59c1df;}

.accordeoncontent {
	/*overflow-x: scroll;*/
}

#byorganica2 {
	position: absolute;
	right: 0;
	margin-top: 3px;
	color: #F5F5F5;
	letter-spacing: 1px;
	font-size: 13px;
	font-family: var(--font-familydefault);
}
.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 */
}
.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;
}

.tabHierarchique {
	overflow-x: scroll;
	width:100%;
}
.pousseurFP {
	height:500px;
}

.infobulle{display:none;}
	
#descriptionflottante {
    display: none;
    position: absolute;
	color:#7A7A7A;
	background-color:#f7f4ac;
	-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;
	
    padding: 5px 10px 5px 10px;
    z-index: 2000000100;
    max-width: 600px;

	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;
	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 {
	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:focus {
	width:calc(100% - 60px)
}
.tabHierarchique.consulterSel input.inputLibelle {
	width:calc(100% - 30px);
	border: 1px solid #DADADA;
	border-left: none;
	border-right: none;
}
.textseul {
	border-radius: 4px;
	border: 1px solid #DADADA;
	letter-spacing: 0.30px;
	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;
}
.tabHierarchique .buttons .fonctionPtoRe {
	background-color:  #f2f6ff; /* var(--color-accordeon-clair); */
	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 .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 {
	background-color: #efefef;
}
#tableauPtOrdreDuJour .ptoContainer:hover,
#tabRequetesLignes .reqLigContainer: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;
}
.container.noborder {
	border:0px;
	display:flex;
	align-items: center;
	width: unset;
}
.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  {
	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:10px;}
.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*/
}


.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;
}
.containercouleur {
	width:100px;
	border:0px;
	padding:4px 5px 4px 34px;
}
.errorbloc .errormessage .containerradio,.errorbloc .errormessage .container {
	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;
}
.errorbloc .errormessage .checkmark{left:0px;}

.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;}
.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;}

.bobold{
	font-weight: bold;
}

 
#flyoutMenu {
	padding:25px 0px 0px 175px;
    position: absolute;
    top:var(--height-entete);
    right:-525px;
	width:350px;
	height: calc(100% - 65px - 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 */
}
.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% - 10px);
	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: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;
}
.perime{
	display:none;
}
.noClick{
	pointer-events: none;
}
.ssaccordeon.disabled.noClick{
	background-color: #efefef;
}

.majtabreduit {
	max-width: 96%;
}
.sflgrandtableau,.sflgrandtableau2 {
	padding:0px;
	border:0px;
	border-radius:0px;
	box-shadow: 0 0 0 0 #dadada;
	overflow:auto;
}
.sflgrandtableau table tr th,.sflgrandtableau2 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 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;
}
.sflgrandtableau2 table tr td {
	height: 20px !important;
}
.colorLigneVideAbo {background-color: red !important;color: white !important;}
.bg-gris {
	background-color: #dadada66;
}
.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:#dadada66;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 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;}
	:root{
		--largeur-colonnerechouFLreduit:275px;
	}
	.colonneRecherchecontent .categories {
		background-position:top 12px right 7px;
		background-size:11px 6px;
	}
}
@media screen and (max-height: 850px), screen and (max-device-height: 850px) {
	#ServeurMaintenance {padding-top:175px;font-size: 39px;}
}
@media screen and (max-height: 800px), screen and (max-device-height: 800px) {
	#ServeurMaintenance {padding-top:150px;font-size: 38px;}
}
@media screen and (max-height: 750px), screen and (max-device-height: 750px) {
	#ServeurMaintenance {padding-top:125px;font-size: 37px;}
}
@media screen and (max-height: 700px), screen and (max-device-height: 700px) {
	#ServeurMaintenance {padding-top:100px;font-size: 36px;}
	.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.prblMembresCotisation, .dialogueCustomHtmlContent.envoyerEmailFac {
	padding: 0px;
}
.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  {
	font-weight: bold;
}
.dialogueCustomHtmlContent.envoyerEmail .blocfroala, .dialogueCustomHtmlContent.envoyerEmailFac .blocfroala  {
	margin-left: 30px;
	margin-right: 30px;
}
.dialogueInfosCustom .dialogueCustomHtmlContent:not(#txtFullScreen) {
	overflow-y: scroll;
}
.dialogueInfosCustom .dialogueCustomHtmlContent .form:not(.formTxtFullScreen,.formEnvoyerEmail) {
	margin: 25px 25px 25px 0px !important;
	box-shadow: unset !important;
}
.dialogueInfosCustom .dialogueCustomHtmlContent .form.formExclureAff {
	margin: 26px 5px 25px 0px !important;
}
.dialogueInfosCustom .dialogueCustomHtmlContent .form.formEnvoyerEmail {
	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:10px;}
.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 label.container {
	border: 1px solid #DADADA !important;
	border-radius: 4px !important;
}
.dialogueCustomHtmlContent .tdcheckbox label.container,.dialogueCustomHtmlContent .tdsflcheckbox label.container {
	border: 0px !important;
}
.dialogueCustomHtmlContent .container {
	border: 1px solid #DADADA;
	border-radius: 4px !important;
}
.dialogueCustomHtmlContent .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);
}


/* 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: 876px !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;
}
.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: 15px;
}

.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;
}

.specMargBottom0 {
	margin-bottom: 0px !important;
}
.messErreurDialogue {
	margin-left: -100px;
	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 {
	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;
}


.textareaFullScreenContaienr {
	padding-left: 30px;	
	background-color: #fff;
	float: right;
	position: relative;
	left: -33px;
	z-index: 25;
	top: -30px;
}
.textareaFullScreen {
	background-image: url('../images/fullscreen.png');
	background-size: cover;
	height: 15px;
	width: 15px;
	opacity: 0.8;
}
.textareaFullScreen:hover{
	cursor: pointer;
}
.blocchamp.fullwidth {
	width: calc(100% - 60px);
}
#txtFullScreen .blocchamp.fullwidth {
	width: 100%;
}

#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;*/
}

.froalaNotInit .fr-box {
    position: relative;
    color: red;
    font-family: sans-serif;
    color: #414141;
    line-height: 1.6;
    text-align: left;
    padding-left: 14px;
    padding-right: 14px;
}
.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;
}
#envoyerEmail .ligne, #envoyerEmailFac .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) !important;
}


#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 {
	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;
}


.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;
}
::-webkit-scrollbar:vertical {
    width: 7px;
}

::-webkit-scrollbar:horizontal {
    height: 7px;
	padding-top: 1px;
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #bbbbbb;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.4);
	cursor: pointer !important;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #aaaaaa;
  cursor: pointer !important;
}



/* Froala alerte */
.fr-modal-wrapper {
	width:500px !important;
	border-radius: 0px !important;
}
.fr-modal-head {
	color: white !important;
	background-color: var(--main-bg-color) !important;
	padding: 18px 30px 18px 30px !important;
	height: 20px !important;
	min-height: 20px !important;
}
.fr-modal-head h4 {
	font-family: var(--font-familydefault) !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	padding: 0px !important;
}
.fr-modal-head .fr-btn {
	right: 60px !important;
}
.fr-modal-body {
	/*En pricipe, c'est le footer*/
	padding-bottom: 12px !important;
}
.fr-modal-body .message {
	margin-top: 28px;
	margin-bottom: 28px;
	font-family: var(--font-familydefault);
	font-weight: 500;
	font-size: 15px;
	color: #4E92C1;
	text-align: left;
	margin-left: 80px;
}
.fr-modal-body .icone {
	position: absolute;
	background-color: #f4f4f4;
	border-radius: 27px;
	background-repeat: no-repeat;
	width: 58px;
	height: 63px;
	background-position: center top 12px;
}
.fr-modal-body .fr-command {
	font-size: 16px !important;
	font-family: var(--font-familydefault) !important;
	font-weight: 600 !important;
	letter-spacing: 0.8px !important;
	color: var(--color-logo) !important;
	background: #ebebeb !important;
}
.fr-modal-body .fr-command:hover {
	color: var(--color-logo) !important;
}

.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;
}