:root{
	--largeurnewcolcontenu:224px;
	--largeur-colonnegauche:230px;
	--largeur-colonnegaucheferme:60px;
	--largeur-FLreduit:100px;
	--largeur-colonnerech:300px;
	--largeur-colonnerechlarge:600px;
	--largeur-FPreduit:100px;
	--couleurIcone:"bleu";
	--ptoIdentation:45px;
	--regLigIdentation:25px;
	--main-bg-color:#8e9abd;
	--color-logo:#d07349;
	--height-blocconnexion-logo:130px;
	--color-accordeon: #ffffff;
	--color-accordeon-clair: #e5f0fc;
	--height-entete:100px;
	--color-theme-menu: #ffffff; /* Couleur des icones des thèmes du menu de gauche */
	--color-theme-entete: #ffffff; /* Couleur des icones de thème dans l'entete*/
	--largeurcolreduiteRech:45px;
	--largeurcolreduiteFL:45px;
	--largeurcolreduiteFP:45px;	
	--colorprincipale05:#588AB9; /*bg menu + checkbox FL + titres accordeons et blocs + divers*/
}
.hoverCursorPointer:hover {
	cursor: pointer;
}

.indicationdev {
	position:fixed;top:2px;right:130px;font-size:12px;color:black;z-index:50;background-color:white;padding:3px 5px;border-radius:5px;
}
.alertedansfp {
	background-color:#fd6767;
	padding:15px 30px;
	margin-bottom:20px;
	font-family: var(--font-familydefault);
	color:white;
	border-radius:10px;
}
#blocs {
	height:100%;
	width:calc(100% - 62px - 25px);
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	
	-moz-transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}
#blocs.sansfonctionsdroite {
	width:calc(100% - 25px);
}
.fonctionouvert #blocs {width:calc(100% - 230px - 25px);}

.telecomsPerimes td{
	color: rgb(200, 200, 200) !important;
}

.NonValide td{
	background-color: rgb(255, 241, 241) !important;
}
.PresentSurCarte td{
	background-color: rgb(233, 233, 233) !important;
}
.visibilitedifz td{
	/*background-color:#e8baf77a !important; le rose ne risque pas de convenir chez tous les clients... discussion BV OY 30/09/2022 mieux vaut utiliser un gris*/
	background-color:#ebebeb !important;
}
.visibilitedifz2 td{
	background-color:#F5F5F5   !important;
	opacity: 0.6;
}
.secShtcut td, .secShtcutl {
	color: rgb(255, 130, 130) !important;
}
.heightPdf {
	height: 120px;
}
.fl table.thead tr th.thcheckbox {
	position:absolute;
	z-index:1;
	left:0px;
	height:55px;
	display:flex;
	align-items:center;
}
.exceptionCheckboxPosAbs .fl table.thead tr th.thcheckbox {position:relative;height:auto;display:table-cell;}
.fl table.tbody tr {
	position:relative;
}
.fl table.tbody tr td.tdcheckbox {
	position:absolute;
	z-index:1;
	left:0px;
	height:calc(100% - 11px - 1px);
}
.exceptionCheckboxPosAbs .fl table.tbody tr td.tdcheckbox {position:relative;height:auto;}
.IBAN{text-transform:uppercase;}

.ui-widget-overlay {
    position: fixed;
    background: #91B8CF;
    opacity: 0.5;
    z-index: 1000;
}
.ui-dialog {
    z-index: 10000;
	box-shadow: 0px 0px 5px black;
	padding:0px;
	background-color:white;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin:0px;
	border:0px;
	background-color:var(--main-bg-color);
	color:white;
	font-family: var(--font-familydefault);
	border-radius:0px;
	padding:10px 20px 10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;/* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
.ui-dialog .ui-dialog-buttonpane button:hover {
	background-color:#428bbc;
}
.errorbloc .errorfooter, .fr-word-paste-modal-footer{
	background-color:#efefef;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.champLieRechEtFL {
	display:flex;
	height:calc(100% - 44px);
}
.errorbloc .errorfooter .left{
	font-family: var(--font-familydefault);
	font-weight:500;
	font-size:15px;
	padding:0px 20px 0px 20px;
	color:#4E92C1;
	display:flex;
	align-items:center;
}
.errorbloc .errorboutons, .fr-word-paste-modal .errorboutons {
	padding:15px 20px 15px 20px;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
}
.fr-word-paste-modal-body .choix{
	padding-top: 12px;
}
.errorbloc .errorboutons .element, .errorbloc .dialogueTitreRight .element, .fr-word-paste-modal .errorboutons .element {
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
	margin:0px 0px 0px 22px;
	justify-content:flex-end;
	cursor:pointer;
}
.errorbloc .left .element{
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
	margin:0px 22px 0px 0px;
	justify-content:flex-end;
	cursor:pointer;
}
.errorbloc .left .errorboutons .element {flex-direction:row;margin:0px 22px 0px 0px;}
.ui-widget.ui-widget-content{
	border:0px;border-radius:0px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	
}
.ui-widget.ui-widget-content:not(.zindexdial2,.zindexdial3,.zindexdial4){
	z-index: 2147480000 !important;
}
.zindexdial4{z-index: 2147480005 !important;}
.zindexfond4{z-index: 2147480004 !important;}
.zindexdial3{z-index: 2147480003 !important;}
.zindexfond3{z-index: 2147480002 !important;}
.zindexdial2{z-index: 2147480001 !important;}
.zindexfond2{z-index: 2147480000 !important;}
.ui-widget.ui-widget-content.zindex999{z-index: 999 !important;}
.zindex998{z-index: 998 !important;}

.ui-widget-content {border:0px;background-color:white;}
.ui-dialog-titlebar,.errorbloc {display:none;}
.ui-dialog .ui-dialog-content {padding:0px;}
.ui-dialog .ui-dialog-buttonpane {margin:0px;padding:15px 20px 15px 20px;background-color:#efefef;}
.errorbloc .errortitre {
	font-family: var(--font-familydefault);
	font-weight:500;
	font-size:16px;
	color:white;
	background-color:var(--main-bg-color);
	padding:18px 30px 18px 30px;
}
#thermoBarConteneur, .thermoBarConteneur {border:1px solid #efefef;}
#thermoBar, .thermoBar {
	width: 1%;
	height: 30px;
	background-color: #a9e0ab;
	-moz-transition: width 0.2s ease;
	-webkit-transition: width 0.2s ease;/* WebKit */
	-o-transition: width 0.2s ease; /* Opera */
	transition: width 0.2s ease; /* Standard */
}
#thermoProgression,#thermoPourcentage {
	color:#4E92C1;
	font-weight:500;
	font-size:15px;
	text-align:center;
	width:450px;
}
#thermoProgression {padding-top:15px;}
#thermoPourcentage {position:absolute;top:90px;}


.thermoExplPourcentage { /* Thermo explorer */
	position:relative;
	top:-27px;
	width:100%;
	font-weight:500;
	text-align:center;
	font-family: 'source_sans_proregular';
	font-size: 16px;
	color: #7D7D7D;
}

.errorbloc .errormessage {
	padding:20px 20px 20px 100px;
	min-height:175px;
}
.errorbloc .errormessage.rechercheAvancee, .errorbloc .errormessage.dialogueChoixCat  {
	padding:25px 25px 25px 25px;
	min-height:425px;
}
.errorbloc .errormessage.dialogueChoixCat.nominheight  {min-height:auto;}
.errorbloc .errormessage.rechercheAvancee,.errorbloc .errormessage.dialogueChoixCat {
	height:calc(100% - 50px - 56px - 58px); /* moins padding moins hauteur de l'entête moins hauteur du footer */
}
.errorbloc .errormessage.connexionGestionDoc,.errorbloc .errormessage.instructionsConnexion {
	padding:20px 25px 20px 25px;
}
.errorbloc .errormessage.connexionGestionDoc .messageDMS {
	margin-top: 53px;
}
.errorbloc .errormessage.thermometre {
	min-height:auto;
	padding:25px 25px 15px 25px;
}
.errorbloc .errormessage .message{
	margin-top:28px;
	margin-bottom:28px;
	font-family: var(--font-familydefault);
	font-weight:500;
	font-size:15px;
	color:#4E92C1;
}
.errorbloc .errormessage.connexionGestionDoc .message{
	text-align:center;
}
.errorbloc .errormessage .icone{
	position:absolute;
	background-color:#f4f4f4;
	border-radius:27px;
	background-repeat:no-repeat;
	width:58px;
	height:63px;
	margin-left:-79px;
	background-position:center top 12px;
}
.errorbloc .errormessage .choix {
	margin-top:15px;
	max-height: 70vh;
	overflow-y: scroll;
}
/*.errorbloc .errormessage table.choix {
	border-collapse:collapse;
	margin-top:15px;
}
.errorbloc .errormessage table.choix tr td {padding:2px 15px 2px 0px;vertical-align:top;}
.errorbloc .errormessage table.choix tr td span {margin-top:2px;}
.errorbloc .errormessage table.choix tr td label {
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}*/
html {
	height: 100%;
	margin:0px;
	overflow:hidden;
}
html.pagevide {
	overflow:auto;
	background-color:white;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
#site {
	height: 100%;
	display:flex;
	flex-direction:row;
	width:100%;
}
.bandeauaffiche #site {height:calc(100% - 50px);}
.withBandeauShutdown #site {height:calc(100% - 75px);}
.withBandeauShutdown.bandeauaffiche #site {height:calc(100% - 75px - 50px);}

#colonnegauche {
	width:var(--largeur-colonnegauche);
	z-index:300;
	
	-moz-transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}
html.menuferme #colonnegauche {
	width:var(--largeur-colonnegaucheferme);
	min-width:var(--largeur-colonnegaucheferme);
	overflow:hidden;
}
#colonnegauche #menu {
	height: calc(100% - 48px);
	/*margin-top:100px;*/
	display:none;
}
#colonnegauche #menuenglobant {height: calc(100vh - 100px - 50px);} /*100px = hauteur du logo*/
.bandeauaffiche #colonnegauche #menuenglobant {height: calc(100vh - 100px - 50px - 50px);} /*100px = hauteur du logo*/
.withBandeauShutdown #colonnegauche #menuenglobant {height: calc(100vh - 100px - 50px - 75px);} /*100px = hauteur du logo*/
.bandeauaffiche.withBandeauShutdown #colonnegauche #menuenglobant {height: calc(100vh - 100px - 50px - 50px - 75px);} /*100px = hauteur du logo*/
#colonnegauche #logo {
	display:block;
	height:100px;
	width:100%;
	background-repeat:no-repeat;
	cursor:pointer;
}
html.menuferme #colonnegauche #logo {
	background-position:center center;
}


.case-checked,.case-checked-reverse{
	position: absolute;
	top:0px;
    left:0px;
	height:16px;
    width:16px;
	background-size:100%;
}
.case-checked.check,.case-checked-reverse{background-image: url('../Images/checked.png');}
.case-checked,.case-checked-reverse.check{background-image: url('../Images/notchecked2.png');}

#colonnegauche #byorganica {
	display:block;
	height:50px;
	width:100%;
	background-repeat:no-repeat;
	background-image:url('../images/byorganica.png');
	background-position:center left 17px;
}
html.menuferme #colonnegauche #byorganica {
	background-image:url('../images/byorganica2.png');
	background-position: center center;
}
a {text-decoration:none;}
*:focus {outline: none;}
#menuenglobant .menu1,#containermenu2 .menu2 {
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center left 19px;
	background-size:30px auto;
	position:relative;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;/* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
	display:block;
	color:white;
	font-style: normal;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
	
	line-height:22px;
}
html.menuferme #menuenglobant .menu1 {
	background-position:center left 25px;
	background-size:auto auto;
}
#menuenglobant .menu1 {padding:13px 30px 13px 60px;}
#containermenu2 .menu2 {padding:0px 0px 13px 0px;}
#containermenu2 .menu2:last-child {padding:0px 0px 0px 0px;}
#menuenglobant .menu1.fermermenu {
	background-position:center left 25px;
	background-size:auto auto;
}
#menuenglobant .menu1container {
	position:relative;
	min-width:var(--largeur-colonnegauche);
}
#menuenglobant .menu1container .flechedroite {
	position:absolute;
	right:15px;
	/*top:17px;*/
	top:calc(50% - 8px);
	width:9px;
	height:16px;
	background-image:url('../images/flechedroite.png');
	background-size:auto auto;
	background-repeat:no-repeat;
}
/*#menu .menu1container.lignedouble .flechedroite {
	top:27px;
}*/

#menuenglobant .menu1container.actif .menu1{
	background-color:rgba(255,255,255,0.15);
	border-left:3px solid white;
	padding-left:57px;
	background-position:center left 16px;
}
#menuenglobant .menu1container.actif .flechedroite {
	background-image:url('../images/flechedroite2.png');
}
#menuenglobant .menu1.hover{background-color:rgba(255,255,255,0.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);
}
html.menuferme #colonnegauche #menuenglobant .menu1container .flechedroite {display:none;}
html.menuferme #containermenu2 {margin-left:var(--largeur-colonnegaucheferme);}
#colonnedroite {
	position:relative;
	height:100%;
	width:auto;
	flex-grow: 2;
}

.entete {
	background-position:bottom left;
	background-size:cover;
	height:var(--height-entete);
	width:calc(100%);
	z-index:50;
}
#chercherChampLie .entete {width:100%;position:relative;}
html.menuferme #colonnedroite .entete {
	width:100%;
}

#chercherChampLie .entete {width:100%;position:relative;}
#chercherChampLie2 .entete {width:100%;position:relative;}
.entete .logo {
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-position:center left;
	background-size:cover;
	margin-right:15px;
}
.entete .titretable.separateur {
	padding-right:20px;
	margin-right:20px;
	border-right:1px solid var(--color-theme-entete);
}
.entete .titretable.newSeparateur {
    padding-right: 30px;
}
.entete .newNbEnregsTab {
	z-index: 1;
	background-color: var(--color-fondbtnentete); /*var(--main-bg-color)*/
    opacity: 1;
    padding: 3px 10px 5px 10px;
    border-radius: 8px;
    color: var(--color-btnentete) !important; /*#ffffff*/
    display: flex;
	cursor: pointer;
	transition: all 0.6s;
	margin-right: 10px;
	margin-top: 5.5px;
}
.entete .newNbEnregsTab .nbenrengs {
	margin-top: 0px !important;
	color: var(--color-btnentete) !important; /*#ffffff*/
	font-size: 16px !important;
	min-width: 28px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.entete .newNbEnregsTab:hover{
	opacity: 1;
}
/*.affDiaFloCESW, .diaFloCESW {
	color: #636465;
}
.affDiaFloECCA, .diaFloECCA {
	color: #6d6f71;
}*/

.entete .nouveautes,.entete .langues {
	border-right:1px solid var(--color-theme-entete);
	text-align:right;
	padding-right:20px;
	margin-right:20px;
	height:30px;
}
.entete .autrequeprojettache,.entete .affichagecolonnes {
	border-left:1px solid var(--color-theme-entete);
	text-align:right;
	padding-left:20px;
	margin-left:20px;
	height:30px;
}
.entete .langues {
	display:flex;
	align-items:center;
}
.entete .nouveautes .newFondIconeEntete {
	margin-right:0px;
}	
.entete .nomprenom a.langmenu,.entete .langues a.langmenu {
	font-family: 'source_sans_proregular',sans-serif;
	opacity:0.6;
}
.entete .clientsdev {display:none;}
.entete .clientsdev select{
	font-size: 15px;
	width:auto;
	color:white;
}
.entete .nomprenom a.logout,.entete .langues a.logout {font-size:12px;}
.entete .nomprenom a,.entete .langues a{color:var(--color-btnentete);}
.entete .nomprenom a:hover,.entete .langues a:hover{text-decoration:underline;}
.entete .left {
	display:flex;
	flex-direction:row;
	align-items: center;
	padding:0px 0px 0px 25px;
	height:100%;
}
.entete .right {
	float:right;
	display:flex;
	flex-direction:row;
	align-items: center;
	padding:0px 25px 0px 0px;
	height:100%;
}
.entete .right .droitenomprenom,.entete .right .autrequeprojettache,.entete .right .affichagecolonnes {
	display:flex;
	flex-direction:row;
}
.entete .right .affichagecolonnes,.entete .right .autrequeprojettache {
	gap:12px;
}
.entete .boutonrond,.enteteform .boutonrond,.elementsfl .boutonrond {
	display:block;
	background-repeat:no-repeat;
	background-color:white;
	background-position:center center;
	width:28px;
	height:30px;
	border-radius:13px;
	cursor:pointer;
}
/*.entete .alert,.entete .cloche,.entete .interfaces,.entete .importer,.entete .mesDocuments {margin-right:12px;}*/
/*.entete .alert {background-position:top 6px center;}*/

.entete .boutonrond .nb,.actionUWE .type .nb {
	width: 17px;
	height: 16px;
	padding:1px 0px 0px 0px;
	position: absolute;
	border-radius: 10px;
	background-color: #4f4f4f;
	color: white;
	text-align: center;	
	margin: -8px 0px 0px 17px;
	font-family: 'source_sans_prosemibold';
	font-weight: 500;
	font-size: 11px;
	
	-webkit-animation: 1s linear 0s 5 alternate move_eye;
    animation: 1s linear 0s 5 alternate move_eye;
}
.actionUWE .type .nb {
	right:-6px;
	-webkit-animation:none;
	animation:none;
}
@-webkit-keyframes move_eye { from { background-color:red;width: 17px;height: 16px; } to { background-color: #4f4f4f;width: 17px;height: 16px; }  }
@keyframes move_eye { from { background-color:red;width: 17px;height: 16px; } to { background-color: #4f4f4f;width: 17px;height: 16px; }  }
.entete .boutonrond.mesDocuments .nb {background-color:#FF7F00;}

.radius.actif .loupe {background-image:url('../images/loupe.png');}
.radius.actif .doc {background-image:url('../images/doc.png');}
.radius.actif .liste {background-image:url('../images/liste.png');}
.radius.actif .large {background-image:url('../images/iconesBoutons/blanc/fullscreen.png');}
.eye_hiddeno {
	content: url('../Images/oeil1.png');
	width: 18px;
}
.eye_visibleo {
	content: url('../Images/oeil2.png');
	width: 18px;
}
.iconeye{
	margin-top: 5.5px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}

.iconMenuPass {
	position: absolute;
	text-align: center;
	right: 27px;
	margin-top: -45px;
	width: 30px;
	height: 27px;
}
.iconMenuPass:hover,.iconMenuPass:active {cursor: pointer;}
.radius {
	border-radius:13px;
	height:30px;
	padding:1px;
	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:25px 0px 0px 0px;
	position:relative;
	height:calc(100% - var(--height-entete) - 25px);
	position:relative;
	
	overflow:hidden;
	width:100%;
	
	-moz-transition: padding-right 0.8s ease;
	-webkit-transition: padding-right 0.8s ease;/* WebKit */
	-o-transition: padding-right 0.8s ease; /* Opera */
	transition: padding-right 0.8s ease; /* Standard */
}
#blocsetfontions {
	position:absolute;
	display:flex;
	flex-direction:row-reverse;
	width:calc(100%);
	right:0;
	height:calc(100% - 25px);
}
#DragNDrop {
	font-family: var(--font-familydefault);
    z-index: 10000000000000000;
    position:fixed;
    padding:0;
    margin:0;
	text-align:center;
	color:black;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
   	background: #caeeff;
    opacity: 0.8;
	color: black;
	font-size: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#dragDropPourcent {
	font-size: 40px;
}
#DragNDrop.hidden {
	display:none;
}
.specMargBottom0 {
	margin-bottom: 0px !important;
}

#docLieVoileDragDrop.hidden {
	display: none;
}
#closeDragNDrop {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 999;
}
.universel_element .element .icone{
	display: block;
    background-color: rgba(255,255,255,0);
    width: 32px;
    min-width: 32px;
    height: 35px;
    /* cursor: pointer; */
    background-position: center center;
    background-repeat: no-repeat;
    /* background-size: 50% auto; */
    -moz-transition: background-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}
#closeDragNDrop .element .icone {
	margin: 10px 10px 0px 0px;
	float: right;
	cursor: pointer;
	position: relative;
}

.blocconnexion .contentform {
	padding:25px 25px 25px 25px;
}
.blocconnexion .logUser,.blocconnexion .logPassword {
	display:block;
	font-weight: 500;
	font-style: normal;
	color:#727272;
	border-radius:6px;
	margin-bottom:13px;
	border:1px solid rgba(112, 112, 112, 0.18);
	background-repeat:no-repeat;
	width:calc(100% - 38px);
	background-size:auto 16px;
	image-rendering: -webkit-optimize-contrast;
	
	background-color:white;
	
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;/* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */

	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
}

.connexion .div-user::before,.connexion .div-password::before {
	content:" ";
	display:block;
	width:28px;
	height:28px;
	margin-top:4px;
	background-color: var(--color-iconconnexion);
	position:absolute;
}
.connexion .div-user::before {
	-webkit-mask: url('../Images/iconesBoutons/login.svg') no-repeat 3px center /90% 70%;
	mask: url('../Images/iconesBoutons/login.svg') no-repeat 3px center /90% 70%;
}
.connexion .div-password::before {
	-webkit-mask: url('../Images/iconesBoutons/cloturer.svg') no-repeat 3px center /90% 70%;
	mask: url('../Images/iconesBoutons/cloturer.svg') no-repeat 3px center /90% 70%;
}

.blocconnexion .logPassword.avecoeil {
	width:calc(100% - 38px - 25px); /*à cause de l'oeil*/
}
input {filter: none;}
.blocconnexion,.blocdoodle {
	position:absolute;
	background-color:white;
	width:320px;
	margin:auto;
	z-index:10;
	left:calc(50% - 160px);
	top:calc(34% - var(--height-blocconnexion-logo));
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
}
.blocdoodle {
	text-align:center;
	width:700px;left:calc(50% - 350px);
	height:calc(100% - calc(34% - var(--height-blocconnexion-logo)) - 100px);
}
.blocconnexion.larger{width:420px;left:calc(50% - 210px);}
.blocconnexion .logUser:focus,.blocconnexion .logPassword:focus {background-color:#f3f9fb !important;}

.blocconnexion input[type=submit] {
	display:block;
	color:white;
	width:100%;
	border:0px;
	height:40px;
	margin:0px;
	cursor:pointer;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;/* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}

.maclasse{
	height: 300px !important;
	
}
.blocconnexion input[type=submit]:focus {outline: none;}
.blocconnexion input[type=submit]::-moz-focus-inner {border: 0;}

/*.blocconnexion .rememberme {
	margin-bottom:13px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content: center;
}
.blocconnexion label {
	cursor:pointer;
	padding-left:12px;
}*/
/*
.blocconnexion table {
	margin-top:5px;
	border-collapse:collapse;
	margin-bottom:25px;
	width:100%;
}

.blocconnexion table .tdcheckbox{padding-left:6px;padding-top:1px;}
.blocconnexion table .tdforgotpassword{text-align:right;}

.blocconnexion table .tdforgotpassword a:hover {
	text-decoration:underline;
}*/
.blocconnexion .errormessage,.blocconnexion .message {
	color:red;
	font-size:14px;
	font-family: var(--font-familydefault);
	font-weight: 500;
	padding-top:25px;
	text-align:center;
	letter-spacing:0.5px;
}
.blocconnexion .message {
	color:#7D7D7D;
	padding-top:0px;
}
.blocconnexion .errormessage a{
	display:block;
	padding:5px;
	background-color:red;
	color:white;
	text-align:center;
	margin-top:10px;
}
.blocconnexion .message a{color:#7D7D7D;}
.blocconnexion .message a:hover{text-decoration:underline;}
.fonctionsbascontainer {
	/*overflow:auto;*/ /*BV : 23/02/21 : mise en commentaire dans le cadre des listes de diffusion*/
	/*display:flex;*/ /*BV : 23/02/21 : mise en commentaire dans le cadre des listes de diffusion*/
}
.sfletboutons .fonctionsbascontainer {
	/*margin: 11px 0px 11px 0px;*/ /*BV : 23/02/21 : mise en commentaire dans le cadre des listes de diffusion : ce margin top et bottom ne me semblent plus si nécessaires...*/
}
.fonctionsbas, .fonctionsbas2 {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding:0px 10px 0px 10px;
	height:50px;
	max-height:50px;
	min-width: min-content;
	width: calc(100% - 20px);
}
.sfletboutons .fonctionsbas {
	height:auto;
	max-height:none;
	margin-top:10px;
	margin-bottom:10px;
}
.sfletboutons .fonctionsbas .left{
	flex-wrap:wrap;
	gap:20px;
}
.fonctionsbas.nopadding {
	padding:0px;
}
.sfletboutons.enliste .fonctionsbas,.ssfletboutons.enliste .fonctionsbas {
	padding:0px 10px 0px 10px;
	/*height:auto;*/ /*BV : mis en commentaire le 08/01/2020*/
	width:calc(100% - 20px);
}
.sfletboutons.enliste .ptodocslies .fonctionsbas {
	padding:0px;
	width:100%;
	margin-top:10px;
	height:auto;
}
.ptodocslies .fonctionsbas .element .libelle {
	font-size:14px;
	padding:0px;
}
.ptodocslies .fonctionsbas .element .icone {
	width:20px;
	min-width:20px;
	height:20px;
}
.fonctionsbas .left,.fonctionsbas .right, .leftModifierVotants {
	display:flex;
	flex-direction:row;
	align-items: center;
}
.fonctionsbas.paddingleft {
	/*padding-left:14px;*/
}
.mCustomScrollBox {width:100%;}
.mCSB_container_wrapper > .mCSB_container {padding-right:0px;}
.mCSB_container_wrapper {margin-right:16px;margin-bottom:20px;}
.mCSB_inside > .mCSB_container {margin-right:16px;}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ /*background-position: -96px -72px;*/background-position: -96px -74px; }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ /*background-position: -96px -92px;*/background-position: -96px -90px; }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ /*background-position: -100px -112px;*/background-position: -102px -112px; }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ /*background-position: -100px -128px;*/background-position: -98px -128px; }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#E6E6E6;}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#b0b0b0;}
.mCSB_scrollTools .mCSB_draggerRail {border-radius:5px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {/*bottom:2px;*//*bottom:1px;*/bottom:0px;}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{display:none !important;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {bottom: 0px;}
#fonctionsdroite {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:32px;
	height: calc(100vh - var(--height-entete) - 25px - 50px - 10px);
	overflow:hidden;
	padding:10px 15px 0px 15px;
	
	-moz-transition: width 0.5s ease;
	-webkit-transition: width 0.5s ease;/* WebKit */
	-o-transition: width 0.5s ease; /* Opera */
	transition: width 0.5s ease; /* Standard */
}
/* Fonctions Droite SFL */
.newpaddingSfl {
	padding: 10px 0px 10px 10px !important;
}
.fonctionsdroite_sfl {
	padding-left: 10px;
}
.fonctionsdroite_sfl .element {
	cursor:pointer;
	margin: 0px 0px 5px 0px;
}
.fonctionsdroite_sfl {
	display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}
.fonctionsdroitesfl .top, .fonctionsdroitesfl .bottom {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
}
.fonctionsdroite_sfl .element .icone:hover {
	background-color: var(--color-logo) !important;
}
.fonctionsdroite_sfl .element .icone {
	display:block;
	background-color:white;
	width:32px;
	min-width:32px;
	height:35px;
	border-radius:13px;
	
	/*cursor:pointer;*/
	
	background-position:center center;
	background-repeat:no-repeat;
	/*background-size:50% auto;*/
	
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;/* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
.fonctionsdroite_sfl .element .icone.bleu {
	background-color:#a8cae0 !important;
	width:24px !important;
	min-width:24px !important;
	height:26px !important;
}
.fonctionsdroite_sfl .element:hover .icone.bleu {background-color:#83b2d2 !important;}
.fonctionsdroitsfl .element .icone.flechehaut {background-image:url('../images/haut.png');}

.fonctionsdroitsfl .element .icone.flechebas {background-image:url('../images/bas.png');}
.form .fonctionsdroite_sfl .element .icone {background-color:#f4f4f4;}
.fonctionsdroite_sfl .element .icone {
	width:26px;
	min-width:26px;
	height:28px;
}
/* FIN FONCTION DROITE SFL */

.pageaffichemodifajout #fonctionsdroite .fonctionsdroitetable,
.pageaffichemodifajout #fonctionsdroite .libelleFermerMenu {
	opacity:0.6;
}
.bandeauaffiche #fonctionsdroite{height: calc(100vh - var(--height-entete) - 25px - 50px - 10px - 50px);}
#fonctionsdroite .top,#fonctionsdroite .bottom{
	display:flex;
	flex-direction:column;
}
html.fonctionouvert #fonctionsdroite{
	width:200px;
}
#fonctionsdroite.ouvert{
	width:200px;
}
#fonctionsdroite .element,
.fonctionsbascontainer .element,
.menucontextuel .element,.enteteform .element,.elementsfl .element {
	display:flex;
	flex-direction:row;
	cursor:pointer;
	align-items:center;
	justify-content:flex-end;
}
html.rechercheouvert .entete .affichagecolonnes .loupe {
	background-color:var(--color-boutonbasfondhover);
}
#flyoutcontent .element{
	display:flex;
	flex-direction:row;
	cursor:pointer;
	align-items:center;
	justify-content:flex-start;
}
#fonctionsdroite .element {
	background-color: rgba(255,255,255);
	border-radius: 15px / 17px;
  	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
}
#fonctionsdroite .element, #flyoutcontent .element{margin:0px 0px 10px 0px;}
.menucontextuel .element {justify-content:left;margin:0px 0px 12px 0px;}
.menucontextuel .element:last-child {margin:0px 0px 0px 0px;}
.fonctionsbascontainer .left .element, .leftModifierVotants .element {margin:0px 20px 0px 0px;}
.sfletboutons .fonctionsbascontainer .left .element {margin:0px;}
.fonctionsbascontainer .right .element {margin:0px 0px 0px 10px;flex-direction:row-reverse;}
.enteteform .right .element,.elementsfl .element {margin:0px 0px 0px 10px;}
.bloccorpsfp .fonctionsbascontainer .left .element,.newsfp .fonctionsbascontainer .left .element,.newssfp .fonctionsbascontainer .left .element {margin:0px 8px 0px 0px;}
.bloccorpsfp .fonctionsbascontainer .right .element,.newsfp .fonctionsbascontainer .right .element,.newssfp .fonctionsbascontainer .right .element {margin:0px 0px 0px 20px;}
#fonctionsdroite .element.navigation {margin-bottom:10px;}
#fonctionsdroite .element.navigation:last-child {margin-bottom:0px;}
.element.navigationinfo {margin-bottom:10px;position: absolute;bottom: 3px;right: 15px;z-index: 2;cursor: pointer;}
.element.navigationinfo:last-child {margin-bottom:0px;}
#fonctionsdroite .element .libelle,.fonctionsbascontainer .element .libelle,.menucontextuel .element .libelle,.errorbloc .errorboutons .element .libelle{
	text-align:right;
	color:#808080;
	width:150px;
	min-width:150px;
	padding-right:18px;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
.fonctionsbascontainer .right .element .libelle {
	text-align: right;
}
#fonctionsdroite .element .libelle{display:none;}

#fonctionsdroite.ouvert .element .libelle {display:block;}
html.fonctionouvert #fonctionsdroite .element .libelle {display:block;}
#flyoutMenu .element .libelle{
	color:#A6A6A6;
	padding-right:18px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
#flyoutMenu .element:hover .icone {color:white;}
.elementsfl {
	position:absolute;
	z-index:20;
	right:0;
	padding:0px 10px 0px 0px;
	height:55px;
	background-color:var(--main-bg-color);
	display:flex;
	align-items:center;
}

.errorbloc .errorboutons .element .libelle, .errorbloc .left .element .libelle, .fr-word-paste-modal-footer .errorboutons .element .libelle {
	color:var(--color-logo);
	width:auto;
	min-width:auto;
}
.errorbloc .left .element .libelle {
	padding:0px 0px 0px 10px;
}
.errorbloc .left .element .libelle.SauvegardeFichier {
	padding:0px 10px 0px 10px;
}
.errorbloc .errorboutons .element .libelle, .errorbloc .dialogueTitreRight .element .libelle{
	padding:0px 10px 0px 0px;
}
.errorbloc .left .errorboutons .element .libelle {padding:0px 0px 0px 10px;}
.menucontextuel .element .libelle {
	text-align:left;
	color:var(--color-logo);
	padding-left:8px;
	padding-right:0px;
	font-size:12px;
	width:auto;
	min-width:auto;
}
.fonctionsbascontainer .element .libelle {
	text-align:left;
	width:auto;
	min-width:auto;
	color:var(--color-logo) !important;
	padding:0px 0px 0px 8px;
}

.fonctionsbascontainer .element .libelle.selection {width:65px;text-align:center;cursor:default;}
.fonctionsbascontainer .element .libelle.nopaddingleft {padding:0px 0px 0px 0px;}
.fonctionsbascontainer .right .element .libelle {padding:0px 8px 0px 0px;}
#fonctionsdroite .element .libelle:hover,.fonctionsbascontainer .element .libelle:hover {
	/*text-decoration:underline;*/
}
#fonctionsdroite .element .iconecontainer {
	width:32px;
	min-width:32px;
}
#fonctionsdroite .element .iconecontainer .icone{
	margin:auto;
}
#fonctionsdroite .element .icone,.fonctionsbascontainer .element .icone,.menucontextuel .element .icone,.errorbloc .errorboutons .element .icone,.enteteform .icone,.elementsfl .icone,.deplContrIcon,#flyoutcontent .element .icone {
	display:block;
	background-color:white;
	width:32px;
	min-width:32px;
	height:35px;
	border-radius:13px;
	
	/*cursor:pointer;*/
	
	background-position:center center;
	background-repeat:no-repeat;
	/*background-size:50% auto;*/
	
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;/* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
.deplContrIcon {margin-right: 5px;}
.form .fonctionsbascontainer .element .icone,.deplContrIcon {
	background-color:#f4f4f4;
}
.fonctionPtoRe .element .icone { /*reunion > point ordre jour*/
	background-color:transparent !important;
}
.rechboolfl {
	margin-left:65px !important;
}
.menucolonneflcontent{display:none;}
.menucontextuel .element .icone {
	width:20px;
	min-width:20px;
	height:22px;
}
.fonctionsbascontainer .element .icone,.errorbloc .errorboutons .element .icone,.enteteform .icone,.elementsfl .icone,.deplContrIcon {
	width:26px;
	min-width:26px;
	height:28px;
}

#chercherChampLie {display:none;}
#chercherChampLie2 {display:none;}
.newFondIconConnexion {margin-top: 3px;}
#fonctionsdroite .element .icone.bleu {
	background-color:#a8cae0;
	width:24px;
	min-width:24px;
	height:26px;
}
#fonctionsdroite .element:hover .icone.bleu {background-color:#83b2d2;}
.about_Libelle:hover ~ .about {background-color:#83b2d2;}
#fonctionsdroite .element .icone.transparent {background-color:transparent;}

#fonctionsdroite .element .icone.haut {background-image:url('../images/haut.png');}
#fonctionsdroite .element .icone.bas {background-image:url('../images/bas.png');}
#fonctionsdroite .element .icone.prev {background-image:url('../images/prev.png');}
#fonctionsdroite .element .icone.next {background-image:url('../images/next.png');}

/*.bbcode .icone.gras {background-image:url('../images/bbcode/gras.png');}
.bbcode .icone.italique {background-image:url('../images/bbcode/italique.png');}
.bbcode .icone.souligne {background-image:url('../images/bbcode/souligne.png');}
.bbcode .icone.indice {background-image:url('../images/bbcode/indice.png');}
.bbcode .icone.exposant {background-image:url('../images/bbcode/exposant.png');}
.bbcode .icone.lien {background-image:url('../images/bbcode/lien.png');}
.bbcode .icone.taille {background-image:url('../images/bbcode/taille.png');}
.bbcode .icone.couleur {background-image:url('../images/bbcode/couleur.png');}
.bbcode .icone.listepuce {background-image:url('../images/bbcode/listepuce.png');}
.bbcode .icone.listenumero {background-image:url('../images/bbcode/listenumero.png');}
.bbcode .icone.h1 {background-image:url('../images/bbcode/h1.png');}
.bbcode .icone.h2 {background-image:url('../images/bbcode/h2.png');}
.bbcode .icone.h3 {background-image:url('../images/bbcode/h3.png');}
.bbcode .icone.picture {background-image:url('../images/bbcode/picture.png');}
.bbcode .icone.document {background-image:url('../images/bbcode/document.png');}
.bbcode .icone.justificationColonne {background-image:url('../images/bbcode/justificationColonne.png');}
.bbcode .icone.justificationDroite {background-image:url('../images/bbcode/justificationDroite.png');}
.bbcode .icone.justificationGauche {background-image:url('../images/bbcode/justificationGauche.png');}
.bbcode .icone.justificationCentre {background-image:url('../images/bbcode/justificationCentre.png');}
.bbcode .icone.swap {text-align:right;background-image:url('../images/bbcode/swapIcon.png');background-size: 13px 14px;}*/

.sfl .checkspecentite{
	padding: 0px 5px 4px 35px !important;
	margin: 0px !important;
}
.sfl .checkspecentite .checkmark{
	top: 4px !important;
}

.sfl .tdcheckspeclignent {
	padding: 2px 20px 4px 10px !important;
}

.corps {
	display:flex;
	flex-direction:row;
}
.sflPtOrdre {
	overflow: auto;
}
.sfl table,.ssfl table,.sflPtOrdre,.sflspec table {
	border:1px solid #dadada;
	/*box-shadow: 0 0 0 1px #dadada;*/
	border-radius:5px;
}
/*.sfl-DesLis-LisEnv {
	box-shadow: 0 0 0 0 #ffffff00 !important;
	border-radius:5px !important;
}*/
.sfl-DesLis-LisEnv table {
	border:0px;
	border-radius:0px;
}
.sfl table tr:first-child th:first-child,.ssfl table tr:first-child th:first-child {
	border-top-left-radius:5px;
	/*border-left: 1px solid #dadada;*/
}
.sfl table tr:first-child th:last-child,.ssfl table tr:first-child th:last-child,.sflspec table tr:first-child th:last-child {
	border-top-right-radius:5px;
	}
.sfl table tr:last-child td:first-child,.ssfl table tr:last-child td:first-child,.sflspec table tr:last-child td:first-child {
	border-bottom-left-radius:5px;
}
.sfl table tr:last-child td:last-child,.ssfl table tr:last-child td:last-child,.sflspec table tr:last-child td:last-child {
	border-bottom-right-radius:5px;
}
.sfl table tr:first-child th:last-child {
	/*border-right: 1px solid #dadada;*/
}

.sfl,.ssfl {
	overflow:auto;
	display:flex;
	padding: 0.5px;
	padding: 0px 1px 1px 1px;
	flex-direction:row;
	max-height: 70vh;
}

.sflspec {
	overflow:auto;
	display:flex;
	padding: 0.5px;
	padding: 0px 1px 1px 1px;
	flex-direction:row;
}


.sfl table .sflspacing {
	border-spacing: 10px !important;
}

.newSflGlobal {
	padding: 10px;
}
.sfl .pousseurdroite,.ssfl .pousseurdroite,.sflspec .pousseurdroite{
	min-width:10px;
	height:10px;
}
.sfl.enliste,.ssfl.enliste,.sflPtOrdre,.sflspec.enliste {
	padding:0px;
	border:0px;
	border-radius:0px;
	box-shadow: 0 0 0 0 #dadada;
	overflow:auto;
}
.sflPtOrdre {
	overflow: hidden;
}

.sfl.enliste table,.ssfl.enliste table,.sflspec.enliste table {
	border:0px;
	border-radius:0px;
	box-shadow: 0 0 0 0 #dadada;
	
}
.colonneRechercheWrapper,.flWrapper,.formWrapper {
	height:calc(100% - 50px);
	max-height:calc(100% - 50px);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.09);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.09);
	overflow:hidden;
	width:100%;
}

.colonneRecherche,.fl {
	background-color:white;
	overflow:hidden;
	height:100%;
	max-height:100%;
}
.fl {
	position:relative; /*rajouté à cause de elementsfl le 20/11/2019*/
}
.tbodycontent {
	height:calc(100% - 55px);
	overflow:hidden;
}
.flWrapper {
	position:relative;
}
.flWaiter {
	position:absolute;
	width:100%;
	height:calc(100% - 55px);
	z-index:30;
	background-color:white;
	
	border-top:55px solid var(--main-bg-color);
	
	background-image:url('../images/loading.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100px 100px;
}
.flWaiter > div {
	width:100%;
	height:100%;
	opacity:0.7;
	background-color:white;
}
.trentete {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top: 0.5px solid #dadada !important;
}
.tbodycontent .trentete th{
	background-color:white;
	padding-top:0px;
	padding-bottom:0px;
	height:auto;
	box-shadow:unset !important;
}
.tbodycontent .trentete th span{color:white !important;cursor:default !important;}
.tbodycontent .trentete th .container{display:none;}

/*#chercherChampLie .fl {height:500px;}*/
.sfp {
	background-color:white;
	height:calc(100% - 50px);
	max-height:calc(100% - 50px);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.09);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.09);
}
.formAjoutCodePostal.form .zg, .formAjoutLieu.form .zg, .formGenererMai.form .zg, .formEnvoiDisponibiliteReu.form .zg, .formAjoutFicheRemplacement.form .zg{
	margin-right: 40px;
}
.form:not(.formParamsRecherche, .formEnvoyerEmail,.formAjoutCodePostal,.formGenererMai,.formEnvoiDisponibiliteReu,.formAjoutFicheRemplacement,.formAjoutSignataire,.formAjoutLieu,.docLieForm, .qurQurSelectCellulesForm, .QurQueElemEdit ) {
	background-color:white;
}
.form:not(.formTxtFullScreen) {height:100%;max-height:100%;}
.blocseul .form {height:calc(100% - 50px);max-height:calc(100% - 50px);}
.newcolcontenu .form {height:calc(100% - 50px - 55px);max-height:calc(100% - 50px - 55px);}
.formcontent {
	background-color:white;
	overflow:auto;
	height:calc(100%);
	max-height:calc(100%);
	position:relative;
}
.blocseul .form {box-shadow:0px 0px 9px 0px rgba(0,0,0,0.09);}
.blocseul .formcontent {
	height:calc(100% - 55px);
	max-height:calc(100% - 55px);
}
.newcolcontenu .form .formcontent form {
	padding:25px;
}
.bloccorpsrecherche .bandeblanche {
	height:10px;
	background-color:white;
	position:fixed;
	margin-top:-10px;
	z-index:200;
	width:calc(var(--largeur-colonnerech) - 16px); /*16 px pour l'ascenseur*/
	
	-moz-transition: width 0.5s ease,min-width 0.5s ease;
	-webkit-transition: width 0.5s ease,min-width 0.5s ease;/* WebKit */
	-o-transition: width 0.5s ease,min-width 0.5s ease; /* Opera */
	transition: width 0.5s ease,min-width 0.5s ease; /* Standard */
}
html.recherchelarge #blocs .bloccorpsrecherche .bandeblanche {width:calc(var(--largeur-colonnerechlarge) - 16px);} /*16 px pour l'ascenseur*/
html.rechercheferme #blocs .bloccorpsrecherche .bandeblanche {width:0px;background-color: #fbfbfb;} 

.formcontent.padding {
	padding:25px 30px 15px 30px;
	height:calc(100% - 55px - 40px);
	max-height:calc(100% - 55px - 40px);
}
.formcontent.explorateur {
	padding:0px 0px 0px 0px;
	height:calc(100% - 55px);
	max-height:calc(100% - 55px);
}
.formcontent.explorateur .ulwrapper{
	padding:25px 30px 25px 30px !important;
}
.fl.loading,.bloccorpsfp.loading {
	background-image:url('../images/loading.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100px 100px;
}
.fl.loading table,.bloccorpsfp.loading .form {
	opacity:0.7;
}
.fl.loading .elementsfl {
	opacity:0.7;
	background-color:transparent;
}
.fl table {
	width:100%;
	/*border-collapse:collapse;*/ /*BV : 10/02/2021 : mis en commentaire car sur Firefox ca ajoute une ligne au-dessus du FL */
}
.sfl table,.ssfl table,.sflspec table {
	/*border-collapse:collapse;*/ /*MSM - bug dans chrome*/ 
	max-height: 98vh;
}
.sfl.enliste table,.ssfl.enliste table,.sflspec.enliste table {
	border-collapse:separate;
	border-spacing: 10px;
	margin-left: -10px;
	margin-top:-10px;
}
.dialogueCustomHtmlContent .sfl.enliste table { /*en surimposition*/
	margin-left: -10px;
	margin-top: -10px;
}
.fl table tr:nth-child(1) th,.sfl table tr:nth-child(1) th,.ssfl table tr:nth-child(1) th,.sflspec table tr:nth-child(1) th{
	/*position : sticky;
    top: 0;
	z-index: 10;*/
}
.fl table tr th,.sfl table tr th,.ssfl table tr th {
	background-color:var(--main-bg-color);
	text-align:left;
	color:white;
	height:55px;
	padding:0px 20px 0px 0px;
	margin:0px;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}

.trentete th { /* demande 75968*/
	position: relative;
}
.sflspec table tr th {
	background-color:#f5f4ee;
	text-align:center;
	color:white;
	height:25px;
	padding:0px 20px 0px 0px;
	margin:0px;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}

.sflspec table tr th:first-child {
	background-color:transparent;
	color:white;
	height:25px;
	padding:0px 20px 0px 0px;
	margin:0px;

	width:calc(100% - 22px);
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
.formOpCoFi .sflspec table tr th:first-child { /*Pour le dialogue custom Rapprochement financier*/
	background-color: #f5f4ee !important;
}
#conFinCheckAll:hover {
	cursor: pointer;
}

.sflspec table tr th .tier {
	background-color:transparent;
	color:white;
	height:25px;
	padding:0px 20px 0px 0px;
	margin:0px;

	width: 96px !important;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}

.fl table tr th span,.sfl table tr th span,.ssfl table tr th span,.sflspec table tr th span{
	line-height:19px;
	display:block;
	letter-spacing:0.3px;
	max-height:55px;
}
.fl table tr th.alignright.tricroissant::before,.fl table tr th.alignright.tridecroissant::before {
	content: "";
	background-size:cover;
	width:12px;
	height:12px;
	position:absolute;
	top:22px;
	left:0px;
}
.fl table tr th.tricroissant::before,.fl table tr th.tridecroissant::before {
	content:"";
	background-size:cover;
	width:12px;
	height:12px;
	position:absolute;
	top:22px;
	left:-13px;
}
.fl table tr th.tricroissant::before {background-image:url('../images/FlecheTriCroissant.png');}
.fl table tr th.tridecroissant::before {background-image:url('../images/FlecheTriDecroissant.png');}

.sfl table tr th,.form .ssaccordeon,.sfl.enliste table tr td.tdremplissage,.ssfl table tr th,.ssfl.enliste table tr td.tdremplissage,.sflspec table tr th,.sflspec.enliste table tr td.tdremplissage {
	/*background-color:#f5f4ee;*/
	background-color:#f7f7f7; /*BV : demande 95939*/
}

.sfl.enliste table tr th,.ssfl.enliste table tr th {
	padding:5px 10px 5px 10px;
	border-radius:4px;
	border: 1px solid #dadada;	
}

.sfl.enliste table tr th.champOpeFinTH_date{width:77px !important;}

.sflspec.enliste table tr th {
	padding:5px 10px 5px 10px;
	border-radius:4px;
	border: 1px solid #dadada;
}

.sflspec.enliste table tr th:first-child {
	border: 1px solid #ffffff;
}
.sfl table tr th,.ssfl table tr th,.sflspec table tr th {
	color:var(--color-logo);
}
.sflSurimposition.sfl table tr th span {
	color:var(--color-logo) !important;
}
.fl table tr th .avecmenu{
	cursor: url('../Images/iconesBoutons/rechCursor3.svg') 6 6, auto !important; /*cursor:pointer;*//*Demande 92533*/ 
}
.sfl table tr th .avecrecherche, .ssfl table tr th .avecrecherche {
	cursor: url('../Images/iconesBoutons/rechCursor3.svg') 6 6, auto !important; /*cursor:pointer;*//*Demande 92533*/ 
}
.tbodycontent .trentete th span.avecmenu {
	cursor: default !important;
}
.fl table tr th:first-child,.sfl table tr th:first-child,.ssfl table tr th:first-child,.sflspec table tr th:first-child {
	padding:0px 20px 0px 20px;
}
.fl table tr td,.sfl table tr td,.ssfl table tr td {
	background-color:white;
	text-align:left;
	color:#7A7A7A;
	/*border-bottom:1px solid #dbdbdb;*/ /*MSM : Correction d'un bug d'affichage sous chrome*/
	border-bottom:thin solid #dbdbdb;
	
	vertical-align:top;
	
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;/* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
	
	word-break: break-word;
	max-width:400px; /* pour les cellules très longues genre Le paramètre 3069*/
}
.fl table tr td div.ellipsis,.sfl table tr td div.ellipsis,.ssfl table tr td div.ellipsis {
	/*display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*display: inline-block;*/ /*un width fixe est venu s'ajouter sur ces div pour un meilleur affichage du contenu sur la ligne*/
}
.fl table tr td div.ellipsis2,.sfl table tr td div.ellipsis2,.ssfl table tr td div.ellipsis2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fl table tr td div.ellipsissanslargeur,.sfl table tr td div.ellipsissanslargeur,.ssfl table tr td div.ellipsissanslargeur {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fl.nohover table tr:hover td,.sfl.nohover table tr:hover td,.ssfl.nohover table tr:hover td {background-color:white;}
.fl.nohover table tr:hover td.disabled,.sfl.nohover table tr:hover td.disabled,.ssfl.nohover table tr:hover td.disabled {background-color:#efefef !important;}
.sflspec table tr td {
	background-color:white;
	text-align:left;
	color:#7A7A7A;
	border-bottom:1px solid #dbdbdb;
	vertical-align:top;
	
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;/* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
	
	word-break: break-word;
}

.fl table tr td.tdcheckbox,.sfl table tr td.tdcheckbox,.ssfl table tr td.tdcheckbox,.sflspec table tr td.tdcheckbox {
	cursor:pointer;
	width:16px;
}
.sfl table tr td.tdcheckbox.disabled, .sfl table tr td.tdcheckbox.disabled .container{
	cursor:default;
}
.fl table tr.trclassement td,.fl table tr.trafficherplus:not(.trafficherplusinverse) td,.fl table tr.trafficherplusinverse td {cursor:pointer;}
.fl table tr.trclassement:not(.sansfleche) td:first-child,.fl table tr.trafficherplus:not(.sansfleche,.trafficherplusinverse) td:first-child,tr:not(.sansfleche) .flechehautbas, .assignerCatFeuilleFlecheTR.flechehautbas {
	background-image:url('../images/flechebas.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:16px;
}
.assignerCatFeuilleFlecheTR {
	display: inline-block;
	margin-right: 15px;
	position: relative;
	top: 2px;
}
.fl table tr.trclassement.sansfleche td,.fl table tr.trafficherplus.sansfleche:not(.trafficherplusinverse) td,.fl table tr.trafficherplusinverse.sansfleche td{
	cursor: default;
}
.fl table tr.trclassement.closed td:first-child,.fl table tr.trafficherplus.closed:not(.trafficherplusinverse) td:first-child,tr.closed .flechehautbas {
	background-image:url('../images/flechehaut.png');
}
.sfl.enliste table tr td,.ssfl.enliste table tr td,.sflspec.enliste table tr td{
	padding:0px;
	border-bottom:0px;
}
.sfl.enliste table tr td:first-child,
.sfl.enliste td.tdsflcheckbox,
.ssfl.enliste table tr td:first-child, .ssfl.enliste td.tdsflcheckbox {
	vertical-align:middle;
	border:1px solid #dadada;
	border-radius:4px;
}
.sfl.enliste table tr.trgroupement td {
	border:0px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:40px;
}
.sflspec.enliste table tr td:first-child,.sflspec.enliste td.tdsflcheckbox {
	vertical-align:middle;
	text-align: right;
	border-radius:4px;
	padding-right: 6px;
	color: #A3A3A3;
}
.sfl.enliste table tr td.tdremplissage,.ssfl.enliste table tr td.tdremplissage,.sflspec.enliste table tr td.tdremplissage {
	border:1px solid #dadada;
	border-radius:4px;
}
.sfl.enliste table tr td .checkbox,.ssfl.enliste table tr td .checkbox,.sflspec.enliste table tr td .checkbox {
	float:none;
	margin:auto;
}
.sfl.enliste .blocradio,.ssfl.enliste .blocradio,.sflspec.enliste .blocradio {
	border:1px solid #dadada;
	border-radius:4px;
	height:30px;
}
.fl table tr.current td,.sfl table tr.current td,.ssfl table tr.current td,.sflspec table tr.current td {color:#2b2a2a;}

.sfl table tr td.image img,.ssfl table tr td.image img,.sflspec table tr td.image img {
	display:block;
	max-height:22px;
}
div .displaynone{
	display: none;
}
.sfl table tr:last-child td ,.ssfl table tr:last-child td,.sflspec table tr:last-child td {border-bottom:0px;}
.fl .alignright,.sfl .alignright,.ssfl .alignright,.sflspec .alignright {text-align:right;}
.fl .aligncenter,.sfl .aligncenter,.ssfl .aligncenter,.sflspec .aligncenter {text-align:center;}
.fl .alignright input,.sfl .alignright input,.ssfl .alignright input,.sflspec .alignright input {text-align:right;}
input.alignright  {
	text-align:right;
}
/*Demande 85211 : .sfl table tr:last-child td {
	border-bottom: thin solid #dbdbdb;
}*/

.sflspec .aligncenter input {text-align: center;}
.aligncenter {text-align: center;}

.sfl.enliste table tr td:last-child,.ssfl.enliste table tr td:last-child,.sflspec.enliste table tr td:last-child {padding:0px;}
.unselectable {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
/*.form .accordeoncontent .zgcontent:not(.zgspec):last-child .blocchamp:last-child {margin-bottom:30px !important;}*/

.form .accordeoncontent .zgcontent:not(.zgspec):last-child .newSflEntite .blocchamp:last-child{
	margin-bottom: 4px !important;
}
.marginTop10 {margin-top: 10px;}
.marginTop15 {margin-top: 15px;}
.marginBottom30 {margin-bottom: 24px;}
.marginBottomr30 {margin-bottom: 30px !important;}
.marginBottom0 {margin-bottom: 0px !important;}
.paddingBottom25 {padding-bottom: 25px !important;}
.paddingBottom30 {padding-bottom: 30px !important;}
.marginBottom15 {margin-bottom: 15px !important;}
.paddingBottom15 {padding-bottom: 15px !important;}
.thplusgrandh {height: 76px !important;}
.thplusgrandh span {max-height: 76px !important;}
.width20 {width: 20px !important;}

.menucontextuel {
	display:none;
	position:absolute;

	background-color:#f5f5f5;
	padding:12px;
	
	flex-direction:column;
	width:200px;
	z-index:1000;
}
polygon {
	stroke-width: 1;
	stroke: darkgrey;
	fill: white;

	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;/* WebKit */
	-o-transition: all 0.2s ease; /* Opera */
	transition: all 0.2s ease; /* Standard */
}
polygon:hover {
	fill: lightgrey;
	cursor:pointer;
}
polygon.marked {
	fill:lightgreen;
}	

.VotPosVotEff {
	font-family: 'source_sans_prosemibold',sans-serif;
	font-size: 17px;
	padding: 3px 10px 5px 10px;
	letter-spacing: 0.5px;
	background-color: #efefef;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	border: 1px solid #DADADA;
	border-radius: 4px;
}

.menucontextuel .element .icone.rechercher {background-image:url('../images/rechercher.png');}
.menucontextuel .element .icone.masquer {background-image:url('../images/masquercol.png');}

.bloccorps.smooth, .voile.smoothW {
	-moz-transition: width 0.8s ease;
	-webkit-transition: width 0.8s ease;/* WebKit */
	-o-transition: width 0.8s ease; /* Opera */
	transition: width 0.8s ease; /* Standard */
}
#blocs.smooth, .voile.smoothML {
	-moz-transition: margin-left 0.8s ease;
	-webkit-transition: margin-left 0.8s ease;/* WebKit */
	-o-transition: margin-left 0.8s ease; /* Opera */
	transition: margin-left 0.8s ease; /* Standard */
}
.bloccorpsfl,.bloccorpsfp {
	height:100%;
	margin-left:25px;
}
.bloccorpsfl {width:100%;min-width:var(--largeur-FLreduit);}
.bloccorpsfp {width:100%;min-width:var(--largeur-FPreduit);max-width:550px;} /*le max-width sert à dire que c'est le FL qui doit occuper le + la largeur Ce max-width saute quand on est en fullscreen fp*/
.bloccorpsrecherche {width:var(--largeur-colonnerech);min-width:var(--largeur-colonnerech);}
html.recherchelarge #blocs .bloccorpsrecherche {width:var(--largeur-colonnerechlarge);min-width:var(--largeur-colonnerechlarge);}
html.flferme.fpferme.rechercheouvert #blocs .bloccorpsrecherche{width:100%;}
html.flferme #blocs .bloccorpsfp{max-width:100%;}

html.rechercheferme #blocs .bloccorpsrecherche {
	width:var(--largeurcolreduiteRech);
	min-width:var(--largeurcolreduiteRech);
}
html.rechercheferme #blocs .bloccorpsrecherche .colonneRecherchecontentWrapper,html.fpferme #blocs .bloccorpsfp .form,html.flferme #blocs .bloccorpsfl .fl{background-color:#fbfbfb;}
html.fpferme #blocs .bloccorpsfp .formcontent,html.flferme #blocs .bloccorpsfl .tbodycontent {display:none;}
html.flferme #blocs .bloccorpsfl {width:var(--largeurcolreduiteFL);min-width:var(--largeurcolreduiteFL);}

/*html.flferme #blocs .bloccorpsfl th.colID,html.flferme #blocs .bloccorpsfl td.id{display:none;}*//*BV : 30/06/2023 : ne sert à rien je crois*/
.thremplissage {min-width:60px;}
html.recherchelarge.rechercheouvert .thremplissage {min-width:calc(60px + 55px);}
html.recherchelarge.rechercheouvert #blocs .bloccorpsfl th.colID,html.recherchelarge.rechercheouvert #blocs .bloccorpsfl td.id{display:none;}
html.recherchelarge.rechercheouvert #blocs .bloccorpsfl table.thead {width:calc(100% + 55px) !important;}

html.fpferme #blocs .bloccorpsfp {width:var(--largeurcolreduiteFP);min-width:var(--largeurcolreduiteFP);}
html.rechercheferme #blocs .bloccorpsrecherche .enteteform,html.flferme #blocs .bloccorpsfl .enteteform,html.fpferme #blocs .bloccorpsfp .enteteform {padding-left:0px;}
.colonneRecherche {min-width:var(--largeur-colonnerech);}
.ui-widget-content a {color: var(--color-logo);}
#prbAffExplo {color: #333;}
#prbAffExplo:hover {color: #FFF;}
/*html.recherchelarge.rechercheouvert #blocs .bloccorps.bloccorpsfl .fonctionsbas .element .libelle {display:none;}
html.recherchelarge.rechercheouvert #blocs .bloccorps.bloccorpsfl .fonctionsbas .left .element {margin:0px 8px 0px 0px;}*/
#blocs .bloccorps.bloccorpsfl .fonctionsbas .element .libelle {display:none;} /*BV : dev 9213 : on va masquer tout le temps les libellés des boutons sous le FL*/
#blocs .bloccorps.bloccorpsfl .fonctionsbas .left .element {margin:0px 8px 0px 0px;} /*BV : dev 9213 : on va masquer tout le temps les libellés des boutons sous le FL*/

/*elements du FL*/
#chercherChampLie .bloccorps.bloccorpsfl .fonctionsbas .element .libelle {display:block;}
#chercherChampLie2 .bloccorps.bloccorpsfl .fonctionsbas .element .libelle {display:block;}
/*.pageaffiche .bloccorps.bloccorpsfl .fl th.cachereduit,.pageaffiche .bloccorps.bloccorpsfl .fl td.cachereduit {display:none;}*/
/*.pageaffiche .bloccorps.bloccorpsfl .fl th.reduit.thcheckbox,.pageaffiche .bloccorps.bloccorpsfl .fl td.reduit.thcheckbox {width:16px !important;}*/

/*largeur du FL (calculée par programmation en JS) et margin*/
#chercherChampLie .bloccorps.bloccorpsfl {width:100%;margin-left:0px;}
#chercherChampLie .divenglobant {padding:25px 25px 0px 25px;height:calc(100% - var(--height-entete) - 25px);}
#chercherChampLie2 .bloccorps.bloccorpsfl {width:100%;margin-left:0px;}
#chercherChampLie2 .divenglobant {padding:25px 25px 0px 25px;height:calc(100% - var(--height-entete) - 25px);}

/*largeur du SFP et margin*/
.bloccorps.newsfp {width:100%;min-width:var(--largeur-FPreduit);}

html.fpouvert .bloccorps.newsfp {width:calc(100% - var(--largeur-FPreduit) - 25px - 50%);} /* Rajout du - 50px / Demande 83184/ le SFP s'ouvre en mode mi-plein écran, mi-réduit. Il devrait s'ouvrir normalement, sans être agrandi*/

/*largeur du SSFP et margin*/
.bloccorps.newssfp {width:100%;min-width:var(--largeur-FPreduit);}

.newfenetre {
	position:fixed;
	
	z-index:1000;
	width:100%;
	height:100%;
	display:none;
	background-color:transparent;
	
	-moz-transition: background-color 0.6s ease;
	-webkit-transition: background-color 0.6s ease;/* WebKit */
	-o-transition: background-color 0.6s ease; /* Opera */
	transition: background-color 0.6s ease; /* Standard */
}
.bandeauaffiche .newfenetre {height:calc(100% - 50px);margin-top:50px;}
.withBandeauShutdown .newfenetre {height:calc(100% - 75px);margin-top:75px;}
.withBandeauShutdown.bandeauaffiche .newfenetre {height:calc(100% - 125px);margin-top:125px;}

.newfenetre .flch1 {
	border:1px solid white;
	background-color:#858585;
	width:28px;
	height:28px;
	border-radius:14px;
	position:absolute;
	margin-left:-45px;
	top:calc(calc(100% - 28px) / 2);
	cursor:pointer;
}
.newfenetre .flch2 {
	left: 11px;
	top: 9px;
	width: 7px;
	height: 7px;
	border: solid white;
	border-width: 0px 2px 2px 0px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
}
.newfenetre .zonefenetre.fullscreen .flch2 {
	border-width: 2px 0px 0px 2px;
	left: 8px;
}
.newfenetre .zonefenetre {
	position:absolute;
	height:100%;
	background-color:white;
	/*width:808px;*/
	width:890px !important;
	right:-3000px;
	-moz-transition: width 0.6s ease;
	-webkit-transition: width 0.6s ease;/* WebKit */
	-o-transition: width 0.6s ease; /* Opera */
	transition: width 0.6s ease; /* Standard */
}
.newfenetre .zonefenetre.fullscreen {
	width:calc(100% - 60px) !important;
}
.newfenetre .newcolcontenu > .fonctionsbascontainer {
	border-top:1px solid #e3e3e3;
	background-color:#f5f5f5;
}
.sfletboutons .fonctionsbascontainer {
	border-top:0px;
	background-color:white;
}
.newfenetre .dragable {
	position:absolute;
	height:100%;
	width:10px;
	cursor:pointer;
	background-color:red;
	z-index:2;
	cursor:col-resize;
}
.newfenetre .contentfenetre {
	height:calc(100%);
	/*padding:25px 25px 0px 25px;*/
	position:relative;
}
.newfenetre .contentfenetre .newfpglobal{
	position:absolute;
	height:calc(100%);
	width:calc(100%);
	display:flex;
	flex-direction:row;
	background-color:#F1F5F9;
}
.newfenetre .contentfenetre .newsfp,.newfenetre .contentfenetre .newssfp{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	right:-10000px; /*très loin, peu importe. Au moment de l'afficher on le placera au bord et on le fera glisser*/
}
.newfenetre .contentfenetre .newsfp{
	width:calc(100% - 15px);
	margin-left:15px;
	z-index:2;
}
.newfenetre .contentfenetre .newssfp{
	width:calc(100% - 30px);
	margin-left:30px;
	z-index:3;
}
.colnavigfpglobal {
	background-color:#F1F5F9;
	height:calc(100% - 25px);
	width:calc(var(--largeurnewcolcontenu) - 30px);
	min-width:calc(var(--largeurnewcolcontenu) - 30px);
	padding:10px 15px 15px 15px;
	
	display:flex;
	flex-direction:column;
	gap:20px;
	
	z-index:1;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}
.colnavigfpglobal .rondicone {
	width:64px;
	height:64px;
	border:1px solid #AECFE8;
	border-radius:32px;
	margin:auto;
	cursor:pointer;
}
.colnavigfpglobal .fondNewThemeEntete {
	background-color:#3581B8;
	border-radius:26px;
	width:52px;
	height:52px;
	margin:auto;
	margin-top:6px;
}
.colnavigfpglobal .newiconthemeEntete  {
	background-color:white;
	width:32px;
	height:32px;
	margin:auto;
}
.colnavigfpglobal .enteteform {
	display:block;
	padding:0px;
	background:none;
	height:auto;
}
.colnavigfpglobal .outer {
	width: 100%;
    height:100%;
}
.colnavigfpglobal .navigation {
	height:100%;
	min-width:var(--largeurnewcolcontenu);
}
.colnavigfpglobal .outer {
	position: relative;
	overflow: hidden;
}
.colnavigfpglobal .inner {
	position: absolute;
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	-ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
	max-height:100%;
}
.colnavigfpglobal .inner::-webkit-scrollbar {
	display: none;
}

.colnavigfpglobal .navigation .contentnavigation {
	margin:0px 0px 0px 18px;
	padding:0px;
	list-style-type: none;
	width:175px;
}
.colnavigfpglobal .navigation .contentnavigation li {
	color:#64748B;
	font-size: 16px;
	/*line-height: 24px;*//*97514*/
	line-height: 18px;/*97514*/
	letter-spacing:0.3px;
	font-family: 'source_sans_prosemibold',sans-serif;
	
	margin-bottom:6px;/*97514*/
	/*overflow: hidden;*/ /*97514*/
	/*white-space: nowrap;*/ /*97514*/
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
	cursor:pointer;
}

.colnavigfpglobal .navigation .contentnavigation li.actif {
	color:black;
}
.colnavigfpglobal .navigation .contentnavigation li::before {
	content:"";
	width:5px;
	height:5px;
	border-radius:12px;
	border:1px solid #64748B;
	position:absolute;
	margin:6px 0px 0px -17px;
}
.colnavigfpglobal .navigation .contentnavigation li.actif::before {
	background-color:#64748B;
}
.colnavigfpglobal .enteteform .libelle{
	font-style: normal;
	font-weight: 500;
	font-size: 19px;
	line-height: 24px;
	max-height:72px;
	letter-spacing:0.5px;
	/* identical to box height, or 150% */
	text-align: center;
	
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow:ellipsis;
	/* Gray/700 */
	color: #334155;
	margin-top:15px;
}
.colnavigfpglobal .enteteform .informations{
	color: #334155;
	line-height:normal;
	display:flex;
	font-size:11px;
	width:100%;
	justify-content:space-between;
}

	
.newcolcontenu {
	height:100%;
	width:100%;
}
.newfenetre .newcolcontenu {
	width:calc(100% - var(--largeurnewcolcontenu));
}
.newfenetre .contentfenetre .loading::after {
	content: "";
	position: absolute;
	width:100%;
	height:100%;
	background-image:url('../images/loading.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100px auto;
	z-index:99999;
}
.newfenetre.visible {
	background-color:rgba(0,0,0,0.5);
}

.bloccorpsfl,.bloccorpsfp,.bloccorpsrecherche {
	-moz-transition: width 0.5s ease,min-width 0.5s ease;
	-webkit-transition: width 0.5s ease,min-width 0.5s ease;/* WebKit */
	-o-transition: width 0.5s ease,min-width 0.5s ease; /* Opera */
	transition: width 0.5s ease,min-width 0.5s ease; /* Standard */
}

.voile {
	position:absolute;
	z-index:80;
	background-color:white;
	opacity:0.6;
	display:none;
}
#fonctionsdroite .voile {
	background-color:transparent;
}
.colonneRecherchecontent .categories .hierarchiescroll {
	overflow:auto;
	margin-top:5px;
	display:none;
}
.colonneRecherchecontent .categories.open .hierarchiescroll {
	display:block;
}
.colonneRecherchecontent .hierarchie {
	color:#7D7D7D;
	padding-left:-15px;
}
.jstree-node.masquee {
	color:#f09898;
}
.jstree-node.nonmasquee {
	color:#7D7D7D;
}
.jstree-node.highlight .jstree-wholerow {
	background-color:#cdffc9;
}
.jstree-node.highlightGen .jstree-wholerow {
	background-color:#fff1d8;
}
#arbreZone li {
	margin-left: 0 !important;
}
/*.jstree-node {max-width:200px;}
.jstree-wholerow-ul .jstree-wholerow{max-width:200px;}
.jstree-anchor { height:auto !important; white-space:normal !important; line-height:20px !important;}*/
.jstree-anchor {
	font-family: var(--font-familydefault);
}
.jstree-ocl,.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
	background-position:-168px -59px;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
	background-position:-200px -59px;
}
.jstree-default .jstree-themeicon {
	display:none;
}
.jstree-default .jstree-node {
	min-height:28px;
	line-height:28px;
}

.colonneRecherchecontentWrapper {
	position:relative;
	height:calc(100% - 55px);
	max-height: calc(100% - 55px);
	overflow:hidden;
}
.colonneRecherchecontent {
	position:relative;
	padding:15px 15px 25px 15px;
}
.colonneRecherchecontent .categories {
	padding:3px 10px 4px 10px;
	border-radius: 4px;
	border: 1px solid #DADADA;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	position:relative;
	
	background-image:url('../images/flechebasgris.png');
	background-repeat:no-repeat;
	background-position:top 10px right 9px;
}
.colonneRecherchecontent .categories.open {
	background-image:url('../images/flechehautgris.png');
}
.colonneRecherchecontent .categories .titrecategories {
	color: #7D7D7D;
	font-family: 'source_sans_prosemibold';
	font-size: 16px;
	cursor:pointer;
	opacity: 0.69;
	padding-right: 17px;
	
	-khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.colonneRecherchecontent .categories .mCSB_scrollTools_horizontal{bottom:-15px !important;}
.colonneRecherchecontent .categories .mCSB_scrollTools_vertical{right:-4px !important;}

.colonneRecherchecontent .champplaceholder,.colonneRecherchecontent .categories,.colonneRecherchecontent .radioColRecherche {
	margin-bottom:15px;
}
.colonneRecherchecontent .champplaceholder .close {
	background-image:url('../images/close.png');
	cursor:pointer;
	width:10px;
	height:10px;
	position:absolute;
	right:0px;
	margin:-20px 27px 0px 0px;
	display:none;
}
.colonneRecherchecontent .champplaceholder input.nonvide ~ .close {
	display:block;
}
.colonneRecherchecontent .champplaceholder .placeholder {
	opacity:0.69;
	position:absolute;
	color:#7D7D7D;
	
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;/* WebKit */
	-o-transition: all 0.1s ease; /* Opera */
	transition: all 0.1s ease; /* Standard */
}
/*.colonneRecherchecontent input[type=text].multicritere + .placeholder {
	color:var(--color-logo);
}*/
/* DEBUT SSFC */
.tableByColonne {
	display: table;
}
.tableTrByColonne {
	display: table-cell;
}
.tableTdByColonne {
	display: block;
	padding-bottom: 14px !important;
}
.tdcheckboxColonne {
	width: 99% !important;
	margin-bottom: 10px;
	background-color: #f5f4ee !important;
}
.tdcheckboxColonne .container {
	top: 4px !important;
}
.ssfl.encolonne table tr.selected td{
	background-color: white !important;
}
.tableDraggableLigne .champDraggable{
	cursor: move !important;
	user-select: none;
}
.tableDraggableLigne .champDraggable:active{
	cursor: grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: -webkit-grabbing !important;
}
.draggableElement td{
	background-color: #fbfbfb !important;
}

.tableDraggableColonne:not(.boutonsFeOnCh ) {
	cursor: move;
	user-select: none;
}
.tableDraggableColonne:active:not(.boutonsFeOnCh ) {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.boutonsFeOnCh  {
	cursor: pointer;
}
.libelleColonneChampColPos {
	display: block;
	color: var(--color-logo);
	text-align: right;
	top: 8px;
	font-weight: bold;
	position: relative;
	padding-left: 4px;
}
.tdenteteTableByCol {
	padding-bottom: 0px !important;
}
.firstLineCol {
	padding-top: 4px !important;
}
.libellechampcolpos {
	font-size: 11px;
    margin: -42px 0px 0px 7px;
    position: absolute;
    background-color: white;
    padding: 0px 10px 0px 5px;
    opacity: 1;
	height: 100%;
	max-height: 14px;
	line-height: 16px;
	color: var(--color-logo);
}
.boutonsFeOnCh {
	display: flex;
	float: right;
	margin-top: -12px;
	padding-right: 4px;
}
.fakeInputCol {
	width: calc(100% - 22px);
	font-family: 'source_sans_prosemibold',sans-serif;
	font-size: 17px;
	padding: 3px 10px 5px 10px;
	color: #7D7D7D;
	background-color: white;
	box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 3%);
    border: 1px solid #DADADA;
    border-radius: 4px;
    margin: 0px;
    letter-spacing: 0.5px;
    height: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-content: center;
	cursor: pointer;
}
.fonctionFeOnCh .depGaucheGen {
	background-image: url(../Images/explovertsup.png);
	transform: rotate(270deg);
	background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.6;
	width: 14px;
	height: 14px;
	min-width: 14px;
	position: relative;
	top: 2px;
}
.fonctionFeOnCh .depDroitGen {
	background-image: url(../Images/explovertsup.png);
	transform: rotate(90deg);
	background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.6;
	width: 14px;
	height: 14px;
	min-width: 14px;
	position: relative;
	top: 2px;
}
.fonctionFeOnCh .fermer {
	background-image: url(../Images/close.png);
	background-position: center center;
    background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	min-width: 20px;
}

/* FIN SSFC */

.colonneRecherchecontent .champplaceholder input:focus + .placeholder,.colonneRecherchecontent .champplaceholder input.nonvide + .placeholder {
	color:rgba(165,165,165,0.7);
	font-size:11px;
	margin:-39px 0px 0px 7px;
	background-color:white;
	padding:0px 10px 0px 5px;
	opacity:1;
}
.colonneRecherchecontent input[type=text].multicritere:focus + .placeholder,.colonneRecherchecontent input[type=text].multicritere.nonvide + .placeholder {
	color:var(--color-logo);
}
.colonneRecherchecontent input[type=text],.errormessage input[type=text] {
	color:#7D7D7D;
	width:calc(100% - 40px - 2px);
	background-color:white;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	border:1px solid #DADADA;
	border-radius:4px;
}
.errormessage input[type=text] {width:230px;}
.errormessage input[type=text].typenum {width:125px;}
.colonneRecherchecontent input[type=text].multicritere {
	/*color:var(--color-logo);*/
	border:1px solid var(--color-logo);
}
.colonneRecherchecontent .blocradio {
	width: calc(100% - 2px);
}
.colonneRecherchecontent input[type=text]::placeholder {
	opacity:0.7;
}
.enteteform {
	background-color:var(--main-bg-color);
	padding:0px 10px 0px 30px;
	color:white;
	height:55px;
	line-height:55px;
	
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}
.newcolcontenu .enteteform{padding:0px 41px 0px 25px;}
.enteteform .libelle{
	line-height:23px;
	max-height:46px;
	overflow:hidden;
	max-width: 340px;
}
.enteteform .noenreg{
	line-height:23px;
	min-width: 50px;
}
.newcolcontenu .enteteform .libelle{max-width: 440px;}

html.rechercheferme #blocs .bloccorpsrecherche .enteteform .libelle,html.flferme #blocs .bloccorpsfl .enteteform .libelle,html.fpferme #blocs .bloccorpsfp .enteteform .libelle {display:none;}
html.rechercheferme #blocs .bloccorpsrecherche .enteteform .radius,html.flferme #blocs .bloccorpsfl .elementsfl .radius,html.fpferme #blocs .bloccorpsfp .enteteform .radius {display:none;}
html.rechercheferme #blocs .bloccorpsrecherche .colonneRecherchecontent {display:none;}
html.rechercheferme #blocs .bloccorpsrecherche .fonctionsbascontainer,html.flferme #blocs .bloccorpsfl .fonctionsbascontainer,html.fpferme #blocs .bloccorpsfp .fonctionsbascontainer {display:none;}
html.fpferme #blocs .bloccorpsfp .enteteform .left {display:none;}
.enteteform .right,.enteteform .left{
	display:flex;
	flex-direction:row;
	align-items: center;
	gap:25px;
}
.enteteform .right {
	justify-content:flex-end;
}
.newcolcontenu .enteteform .right {display:none;}
.newcolcontenu .enteteform .left {width:100%;flex-direction:row-reverse;justify-content:space-between;}
.enteteform .creation {text-align:right;font-size:12px;line-height:20px;width:200px;display:none;}
.enteteform .boutons {
	border-radius:15px;
	width:84px;
	height: 30px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	margin-left:15px;
	padding: 1px;
}
.enteteform .boutons .icone {
	background-repeat:no-repeat;
	width: 28px;
	height: 30px;
	background-position:center center;
	/*background-size:15px auto;*/ /*BV : mis en commentaire le 27/12/2021 : pour éviter de flouter les icones*/
	background-color: transparent;
	border-radius: 13px;
	cursor:pointer;
}
.enteteform .boutons .icone.disabled {
	cursor:default;
	opacity:0;
}
.enteteform .boutons .icone.actif {background-color:white;cursor:default;}
/*.enteteform .boutons .liste{background-image:url('../images/explorer2.png');}*/ /*BV : déplacé dans boutons.css */
/*.enteteform .boutons .oeil{background-image:url('../images/consulter2.png');}*/ /*BV : déplacé dans boutons.css */
/*.enteteform .boutons .crayon{background-image:url('../images/modifier2.png');}*/ /*BV : déplacé dans boutons.css */
.hidden,.hiddenremove {display:none;}
.hiddenimportant {display:none !important;} /*classe utilisée dans le JS !*/
.divComplet {
	display: flex;
	width: 200px;
	height: 23px;
}
.paddingTop20 {
	padding-top: 20px;
}
.contourCouleurChoix {
	border: 1px solid rgb(20,20,20);
	width: 120px;
	height: 23px;
	margin-left: 20px;
	border-radius: 20px 20px 20px 20px;
}

.form .accordeon {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	color:var(--color-logo);
	font-family: var(--font-familydefault);
	margin-bottom:1px;
	background-repeat:no-repeat;
	background-position:right 30px center;
	cursor:pointer;
}
.newfenetre .form .accordeon,.newfenetre .form .ssaccordeon {
	margin-bottom:5px;
	border-radius:10px;
	position: relative;
}
.form .accordeon.ferme + div {display:none;}
.form .ssaccordeon {
	padding:10px 30px 10px 30px;
	color:var(--color-logo);
	font-family: var(--font-familydefault);
	font-weight:500;
	font-size:17px;
	margin-bottom:1px;
	background-repeat:no-repeat;
	background-position:right 30px center;
	cursor:pointer;
}
.form .ssaccordeon.ferme + div {display:none;}

.form .accordeoncontent {padding:0px;}
.form .accordeoncontent.padding {padding:25px 30px 25px 30px;}
.form .accordeoncontent .sfletboutons,.form .accordeoncontent .ssfletboutons {/*padding:25px 30px 25px 30px;*/padding:15px 20px 15px 20px;break-inside:avoid;} /* à cause du padding de 10 */
.form .accordeoncontent .listenumerotva .sfletboutons {padding:0px 20px 15px 20px;}
.form .accordeoncontent .sfletboutons.enliste,.form .accordeoncontent .ssfletboutons.enliste {padding:15px 20px 15px 20px;} /* à cause du tableau avec 10 de border-spacing*/

.sflnumtvapousseur {height:30px;}
.form .zg {
	position:relative;
	height:48px;
	margin-left:30px;
	margin-right:30px;
}
.form .zg .libelle {
	background-color:white;
	color:var(--color-logo);
	z-index:2;
	position:absolute;
	padding-right:15px;
	margin-top:14px;
}
.form .zg .ligne{
	width:100%;
	height:2px;
	background-color:var(--main-bg-color);
	opacity:0.5;
	position:absolute;
	margin-top:24px;
	z-index:1;
}
.form .fullwidth .zg .ligne{
	width:100%;
}
/*Test ssAccordéon après zg*/
.zgcontent + .ssaccordeon {
	margin-top: 24px;
}
.form .blocchamp,.errormessage .blocchamp {
	display:flex;
	flex-direction:row;
	margin-bottom:15px;
	margin-left:30px;
	margin-right:30px;
	align-items:center;
	justify-content:flex-start;
	position:relative;
}
.form .blocchamp.fact0:before,.form .blocchamp.fact1:before,.form .blocchamp.fact2:before {
	content:"";
	width:8px;
	height:8px;
	border-radius:10px;
	position:absolute;
	right:-8px;
	top:3px;
	z-index:1;
}
.fact0:before {background-color:#0bd70b;}
.fact1:before {background-color:orange;}
.fact2:before {background-color:red;}
.legendefact {
	position:relative;
	margin-left:25px;
	font-family: var(--font-familydefault);
}
.legendefact.fact0:before,.legendefact.fact1:before,.legendefact.fact2:before {
	content:"";
	width:8px;
	height:8px;
	border-radius:10px;
	position:absolute;
	left:-13px;
	top:7px;
}
.form .blocchamp.flexstart,.errormessage .blocchamp.flexstart {
	align-items:flex-start;  /*Demande 97755 : les libellés de textarea ne doivent plus être centrés verticalement*/
}
.ulwrapper .blocchamp {
	margin:0px;
}
.errormessage div.loading {
	background-image:url('../images/loading.gif');
	background-repeat:no-repeat;
	background-position:center right;
	background-size:100% 100%;
	height:70px;
	width:70px;
	margin:auto;
}
.errormessage .blocchamp {
	margin-left:0px;
	margin-right:0px;
}

#froalaTesterEmail {
	padding-right: 25px;
}
#froalaTesterEmail .form .zg {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.form .sfl.enliste .blocchamp,.form .ssfl.enliste .blocchamp,.form .sflspec.enliste .blocchamp {
	margin:0px;
	
}
.form .blocchamp.blocfroala {
	display:block;
}
#editeurEnqueteFroala .blocchamp.blocfroala, #editeurEnqueteFroala2 .blocchamp.blocfroala {
	margin-bottom: 0px !important;
}
.form .zgcontent .blocchamp:last-child {margin-bottom:0px;}
.form .accordeoncontent .zgcontent:not(.zgspec):last-child :not(.blocenglobcaseacocher) .blocchamp:last-child {margin-bottom:30px !important;}
.blocfroala:last-child:not(.mbForce0){
	margin-bottom:30px !important
}
.gestionColonneSFC  .sfletboutons.enliste, .gestionColonneSFC .ssfletboutons.enliste{
	padding-top: 0px !important;
}
.gestionColonneSFC .newSflGlobal{
	padding-bottom: 0px !important;
}
#donModePaiement .blocchamp, #atvPubliCheckbox .blocchamp:last-child {
	margin-bottom:0px !important
}
.form .blocchamp.nomarginbottom {margin-bottom:0px;}
.form .blocchamp .libelle,.errormessage .blocchamp .libelle{
	color:#A3A3A3;
	text-align:right;
	/*width:165px;*/ /*demande75145*/
	/*width:145px;*/
	width:140px;
	margin-right:15px;
	margin-top:-2px; /*corrige l'alignement en cas de centrage vertical*/
	word-wrap:break-word;
}
.form .blocchamp.flexstart .libelle,.errormessage .blocchamp.flexstart .libelle{
	margin-top:7px; 
}
.form .blocchamp.flexstart.flexradio .libelle,.errormessage .blocchamp.flexstart.flexradio .libelle{
	margin-top:9px; 
}
.indicationspassword {
	color:#7D7D7D;
	font-family: var(--font-familydefault);
	font-weight:500;
	font-size:14px;
}
.connexion .indicationspassword {margin-bottom:15px;}
.indicationspassword ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.indicationspassword ul li {
	color:#ff5a5a;
	position:relative;
	padding-left:31px;
}
.blocchamp .indicationspassword ul li {
	padding-left:13px;
}
.indicationspassword ul li.okli {
	color:green;
}
.indicationspassword ul li::before {
	content:"";
	width:5px;
	height:5px;
	border-radius:12px;
	background-color:#ff5a5a;
	position:absolute;
	margin:8px 0px 0px -12px;
}
.indicationspassword ul li.okli::before {
	background-color:green;
}
.errormessage .blocchamp .libelle{
	width:70px;
	font-size:15px;
}
.errormessage .blocchamp .libelle.large{width:115px;}
.form .sfl.enliste table .blocchamp .libelle,.form .blocchamp.fullwidth .libelle,.form .ssfl.enliste table .blocchamp .libelle,.form .sflspec.enliste table .blocchamp .libelle{
	display:none;
}
.form .blocchamp.fullwidthAvecLibelle .libelle{display:block;padding-bottom: 8px;}



.form .blocchamp .champ,.errormessage .blocchamp .champ {
	position:relative;
}
.form .sfl.enliste table .blocchamp .champ,.form .blocchamp.fullwidth .champ,.form .ssfl.enliste table .blocchamp .champ,.form .sflspec.enliste table .blocchamp .champ {
	width:100%;
}
.form .blocchamp .champ input[type=text],.form .blocchamp .champ input[type=password],.form .blocchamp .champ textarea,.form .blocchamp div.looktextarea, .qurQurTextarea{
	color:#7D7D7D;
	
	/*width:328px;*//*demande75145*/
	width:288px;
	background-color:white;
	
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	
	border:1px solid #DADADA;
	border-radius:4px;
		
	margin:0px;
}
.form .blocchamp .champ input[type=range] {
	-webkit-appearance: none;
	padding:0;
	font: inherit;
	outline: none;
	color: var(--color-logo); /*couleur de fond du curseur*/
	background: #DADADA; /*couleur de fond de la barre */
	box-sizing: border-box;
	cursor: pointer;
	width:310px; /*largeur de la barre*/
	margin:0px;
	height:10px; /*hauteur de la barre*/
}
.champsflex {
	display:flex;
	justify-content:center;
	align-items:center;
}
.champsflexsep {
	justify-content:center;
	align-items:center;
	padding:0px 10px 0px 10px;
}
input[type=range]::-moz-range-track {height: 100%;border: none;border-radius: 0;background-color: transparent;  /* supprimé définie sur l'input */}
input[type=range]::-webkit-slider-runnable-track {height: 100%;border: none;border-radius: 0;background-color: transparent;  /* supprimé définie sur l'input */}
input[type=range]::-ms-track {height: 100%;border: none;border-radius: 0;background-color: transparent;  /* supprimé définie sur l'input */}
input[type=range]::-moz-range-thumb {-webkit-appearance:none;width:15px;height:100%;border: none;border-radius:0;background: currentColor;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance:none;width:15px;height:100%;border: none;border-radius:0;background: currentColor;}
input[type=range]::-ms-thumb {-webkit-appearance:none;width:15px;height:100%;border: none;border-radius:0;background: currentColor;}

input[type=color] {
	-webkit-appearance: none;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	
	margin: 0px;
	padding: 0px;
    height: 33px;
	width:96px;
	opacity: 0;
	display: block;
	border: none;
}
input::-webkit-color-swatch {
    border: none;
}
.color-picker-wrapper{
	height: 33px;
	width:96px;
	border: 1px solid #DADADA;
	border-radius: 4px;
}
.color-picker-wrapper:hover,
input[type=color]:hover {
	cursor:pointer !important;
}

.form .blocchamp.avecbouton .champ input[type=text],.form .blocchamp.avecbouton .champ textarea, .qurQurTextarea{ /*on augmente le padding right de 20px, on reduit donc la largeur de 20px*/
	padding-right:30px;
	/*width:308px;*//*demande75145*/
	width:268px;
} 
.form .blocchamp .champ input[type=text].filename, .errormessage input[type=text].filename {
	cursor:pointer;
	background: url('../images/folder.png') no-repeat;
    background-size: 20px 20px;
	background-position:right 10px center;
}
.errormessage input[type=text].filename {
	padding: 3px 0px 4px 10px;
}
.form .blocchamp .champ .divinput, .errormessage .champ .divinput {
	display: inline-block;
	position: relative;
}
.form .blocchamp .champ .divinput div, .errormessage .champ .divinput div {
    position: absolute;
    cursor: pointer;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.form .blocchamp.champlie .champ input[type=text].loading,.errormessage .blocchamp.champlie .champ input[type=text].loading {
	background-color:#F4F4F4;
	background-image:url('../images/loading.gif');
	background-repeat:no-repeat;
	background-position:center right;
	background-size:20px 20px;
}

.form .sfl.enliste .blocchamp .champ input[type=text],.form .ssfl.enliste .blocchamp .champ input[type=text]{
	width:calc(100% - 22px);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.03);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.03);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.03);
}


.form .sfl.enliste .champOpeFin_date .blocchamp .champ input[type=text]{width:95px !important;}

.form .sflspec.enliste .blocchamp .tier {
	width:96px;
}
.form .sflspec.enliste .blocchamp .otherChamp input[type=text] {
	width:calc(100% - 22px);
}
.form .sfl.enliste .blocchamp.avecbouton .champ input[type=text],.form .ssfl.enliste .blocchamp.avecbouton .champ input[type=text],.form .sflspec.enliste .blocchamp.avecbouton .champ input[type=text] {
	width:calc(100% - 42px);
}
.form .blocchamp .blocradio {
	/*margin-bottom:13px;
	display:flex;
	flex-direction:row;
	align-items:center;*/
}
.form .blocchamp .blocradio:last-child {
	/*margin-bottom:0px;*/
}
.form .blocchamp .champ .image {
	width:200px;
	height:200px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	border: 1px solid #DADADA;
	border-radius: 4px;
}
.form .blocchamp .champ textarea, .qurQurTextarea{
	height:55px;
	resize:none;
	max-height: 1000px;
}
.form .blocchamp .champ textarea.minheightdouble{
	min-height:88px;
}
.form .blocchamp .champ textarea.heightreduite{
	height:44px;
	overflow:hidden !important;
}
.form .blocchamp .champ textarea.huitLignes{
	height:203px !important;
}
.form .blocchamp .champ textarea.deuxLignes{
	 resize : none;
	 height: 71px;
	 overflow-y:none;
}
.form .blocchamp .champ textarea.uneLignes{
	 height: 35px !important; 
}

/*.form .blocchamp.blocbbcode .champ textarea {
	width:calc(100% - 20px - 2px); 
	display:block;
	height:300px;
}*/
.form .blocchamp.fullwidth .champ textarea,.form .blocchamp.fullwidth div.looktextarea {
	width:calc(100% - 20px - 2px); /* moins padding moins border */
}
.form .blocchamp.avecbouton.fullwidth .champ textarea,.form .blocchamp.avecbouton.fullwidth div.looktextarea {
	width:calc(100% - 20px - 2px - 20px); /* moins padding moins border moins padding supplémentaire du bouton ...*/
}
.form .blocchamp.fullwidth div.looktextarea {width:calc(100% - 20px - 2px - 90px);}

.disabledcb{
	background-color: #efefef;
}
.fr-view-disable {
	background-color:#efefef;
	border: 1px solid #DADADA;
	border-radius: 4px;
	padding-left: 6px;
	padding-right: 6px;
}
.champ .fr-view-disable {
	border-radius: 5px; /*BV : 08/10/2021 : passage de 10 à 5*/
}
/* Class liens Froala*/
a.frLinkClassic:link {
	color: #0000EE !important;
}
a.frLinkClassic:visited {
	color: #551A8B !important;
}
a.green {
	color:green !important;
}
a.eurBlue {
	color: #2c63ff !important;
}
a.eurGreen {
	color:#72d54a !important;
}
a.eurBlueGrey {
	color:#479dc5 !important;
}
a.eurGreenGrey {
	color:#67b9b2 !important;
}

/* Class liens Froala*/


.form .blocchamp .champ input[type=text]:disabled,.form .blocchamp .champ input[type=password]:disabled,.form .blocchamp .champ textarea:disabled,.container.disabled,.blocradio.disabled,.select.disabled,.sfl.enliste td.disabled,.ssfl.enliste td.disabled,.ssaccordeon.disabled,.sflspec.enliste td.disabled,.ssfl.enliste td.disabled{background-color:#efefef;}

.MasquageCSSF input[type=text]:disabled,.MasquageCSSF textarea:disabled,.MasquageCSSF .container.disabled,.MasquageCSSF .blocradio.disabled,.MasquageCSSF select:not(#qurQueTitreDialogueSelect):disabled{border: 1px solid #0428f9 !important;}


.form .blocchamp .champ input[type=text]:focus,.form .blocchamp .champ input[type=password]:focus,.form .blocchamp .champ textarea:focus,.tabHierarchique input:focus, .qurQurTextarea:focus{border:2px solid #B3CDDD;}
.form .blocchamp .champ.quart input[type=text]{width:67px;}
.form .blocchamp .champ.tier input[type=text]{width:96px;}
.form .blocchamp .champ.demi input[type=text]{width:154px;}
.form .blocchamp .champ.double input[type=text]{width:500px;}
.form .blocchamp .champ.full input[type=text]{width:100%;}
.form .blocchamp .champ.bonchemin input[type=text]{background-color:#d4ffd4;width:500px;}
.form .blocchamp .champ.mauvaischemin input[type=text]{background-color:#ffd8d4;width:500px;}
.form .blocchamp .champ.cheminvide input[type=text]{width:500px;}
.form .blocchamp .champ.urlhttps input[type=text]{color:#10bd10;}

.form .blocchamp .champ.quart select{width:89px;}
.form .blocchamp .champ.tier select{width:118px;}
.form .blocchamp .champ.demi select{width:176px;}

.blocdialogue .champ.quart input[type=text]{width:50px;}
.blocdialogue.date{margin-left: 40px;}
.blocdialogue .champ input[type=text]:disabled{background-color:#efefef;}

#tabRequetesLignes tr.selected input{
	border: solid 1px --main-bg-color;
}
.select.noborder {
	color:var(--color-logo); /*déplacé ici de sourcesanspro.css et museosans.css le 18/11/2021 par BV*/
}
.form .blocchamp .boutons,.errormessage .blocchamp .boutons {
	display:flex;
	flex-direction:row;
	align-items: center;
	height:22px;
	position:absolute; /*BV - rajouté le 02/06/2020 - bug dans les sfl en liste*/
	right:0px;
	top:4px;
}
.form .blocchamp .champ input[type=text]:disabled + .boutons,.form .blocchamp .champ input[type=password]:disabled + .boutons,.form .blocchamp .champ textarea:disabled + .boutons {
	display:none;
}
.form .blocchamp .champ input[type=text]:disabled.voirboutonquandmeme + .boutons,.form .blocchamp .champ input[type=password]:disabled.voirboutonquandmeme + .boutons,.form .blocchamp .champ textarea:disabled.voirboutonquandmeme + .boutons {
	display:block;
}
.form.alldisabled .blocchamp .champ input[type=text]:disabled.voirboutonquandmeme + .boutons,.form.alldisabled .blocchamp .champ input[type=password]:disabled.voirboutonquandmeme + .boutons,.form.alldisabled .blocchamp .champ textarea:disabled.voirboutonquandmeme + .boutons {
	display:none;
}


.form .blocchamp .boutons div.points,.errormessage div.points,.boutonstoutseul .points {
	width:21px;
	height:22px;
	background-color:#f4f4f4;
	border-radius:10px;
	margin-left:-26px;
	margin-top: 2px;
	cursor:pointer;
	position:absolute;
	background-repeat:no-repeat;
	background-position:center center;
}
.form .blocchamp .boutons div.points:focus{background-color:red;}
.devboule {
	width:15px;
	height:15px;
	border-radius:15px;
	cursor:pointer;
	position:absolute;
	background-color:#5eb68a;
	margin:4px 0px 0px -22px;
}
.zg .devboule {
	margin:3px 0px 0px -22px;
}
.devboule.rouge {background-color:#ad4f4f;}

.explorateur .petitcarrecliquable {
	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: 14px 14px;
	background-position:0px 3px;
	position:relative;
	margin-top:7px;
}
.explorateur ul li ul {
	margin-top:7px;
}
.explorateur ul li:first-child,.explorateur ul.contextMenu li {
	margin-top:0px;
}
/*.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');}
.explorateur ul li.noiconboule{padding-left:0px;}
.sflQuestions ul li i.iconvide{margin-left:1px;margin-top: 5px !important;background-image: url('../images/explovide.jpg') !important;background-repeat: no-repeat !important;z-index: 299;}
.explorateur ul.contextMenu li{padding:0px;}
.contextMenu li:hover > a,.contextMenu li.hover > a{background-color:var(--color-logo);}
.explorateur ul li span {
	font-family: 'source_sans_probold';
	font-size:17px;
	color:var(--color-logo);
	line-height:18px;
	display:block;
	background-image:none;
	background-repeat:no-repeat;
	background-size: 14px 14px;
	background-position:0px 3px;
}
.labelFonc {
	color:var(--color-logo);
}

.sflQuestions ul li span {
	font-family: 'source_sans_proregular';
	font-size:16px;
	color:#7D7D7D;
	line-height:20px;
	display:block;
	background-image:none;
	background-repeat:no-repeat;
	background-size: 10px 10px;
	background-position:0px 7px;
		overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;

}

.sflQuestions ul li span.gras {
	font-family: 'source_sans_probold';
	font-size:17px;
	color:var(--color-logo);
	line-height:25px;
	display:block;
	background-image:none;
	background-repeat:no-repeat;
	background-size: 14px 14px;
	background-position:0px 7px;
	max-height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

select:focus{
	border:2px solid #B3CDDD;
	background-position:right 9px top 11px;
}

.paletteCSS {
	position:absolute;
	margin-left:calc(calc(100% - 356px - 356px - 20px) / 2);
	z-index:9999;
	top:400px;
	box-shadow: 0px 0px 10px black;
	padding:20px;
	background-color:white;
}
.connexion .paletteCSS {
	bottom:10px;
	top:unset;
}
.paletteCSS .palettes,.paletteCSS .boutons{
	gap:10px;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
}
.paletteCSS .boutons{margin-top:10px;}
.paletteCSS .palettes .titre {
	font-family: var(--font-familydefault);
	font-weight: 700;
	font-size: 16px;
	margin-bottom:10px;
	color:#7A7A7A;
}


/*.chrome .explorateur ul li span{background-position:0px 5px;}*/
.explorateur ul li span.avecmenu{cursor:pointer}

.explorateur ul li.deploye{padding-left:29px;background-image: url('../images/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,.explorateur ul li span.boulebleue,.explorateur ul li span.bouleorange,.explorateur ul li span.boulenoir,.explorateur ul li span.boulerose,.explorateur ul li span.boulejaune{padding-left:29px;}
.explorateur ul li span.boulerouge::before,.explorateur ul li span.bouleverte::before,.explorateur ul li span.boulebleue::before,.explorateur ul li span.boulenoir::before,.explorateur ul li span.bouleorange::before,.explorateur ul li span.boulerose::before,.explorateur ul li span.boulejaune::before{
	content:"";
	width:12px;
	height:12px;
	border-radius:12px;
	position:absolute;
	top:4px;
	left:29px;
}

.versionInfoUtilRight span.boulerouge::before,.versionInfoUtilRight span.bouleverte::before{padding-left:22px;}
.versionInfoUtilRight span.boulerouge::before,.versionInfoUtilRight span.bouleverte::before {
	content:"";
	width:12px;
	height:12px;
	border-radius:12px;
	/* position:absolute; */
	top:4px;
	left:29px;
	
}


.explorateur ul li.noiconboule span.boulerouge::before,.explorateur ul li.noiconboule span.bouleverte::before,.explorateur ul li.noiconboule span.boulebleue::before,.explorateur ul li.noiconboule span.boulenoir::before,.explorateur ul li.noiconboule span.bouleorange::before,.explorateur ul li.noiconboule span.boulerose::before,.explorateur ul li.noiconboule span.boulejaune::before {
	left: 0 !important;
}
.explorateur ul li span.boulerouge::before{background-color:#e15858;}
.explorateur ul li span.bouleverte::before{background-color:#4fc14f;}
.explorateur ul li span.boulebleue::before{background-color:#2e81b9;}
.explorateur ul li span.boulenoir::before{background-color: #7d7d7d;}
.explorateur ul li span.bouleorange::before{background-color: #ff7f00;}
.explorateur ul li span.boulerose::before{background-color: #c458e1;}
.explorateur ul li span.boulejaune::before{background-color: #efef06;}

.versionInfoUtilRight span.boulerouge::before{background-color:#e15858;padding-left: 0px;width:10px;height:10px; margin-right:13px;display: inline-block;}
.versionInfoUtilRight span.bouleverte::before{background-color:#4fc14f;padding-left: 0px;width:10px;height:10px; margin-right:13px;display: inline-block;}

.explorateur ul li span.iconinvite{
	padding-left:29px;
}
span.iconinvite::before{
	content:"";
	position:absolute;
	top:0px;
	left:29px;
    width: 20px;
    height: 20px;
}
span.iconinvite:not(.noninvite)::before{
	-webkit-mask: url(../Images/iconesBoutons/persok1.svg) no-repeat center center;
    mask: url(../Images/iconesBoutons/persok1.svg) no-repeat center center;
	background-color: #4fc14f;
}
span.iconinvite.noninvite::before{
	-webkit-mask: url(../Images/iconesBoutons/persdanger.svg) no-repeat center center;
    mask: url(../Images/iconesBoutons/persdanger.svg) no-repeat center center;
	background-color: #ff7f00; /*#e15858*/
}
.libelleAvecIconLarge span.boulerouge::before,.libelleAvecIconLarge span.bouleverte::before,.libelleAvecIconLarge span.boulebleue::before,.libelleAvecIconLarge span.boulenoir::before,.libelleAvecIconLarge span.bouleorange::before,.libelleAvecIconLarge span.boulerose::before,.libelleAvecIconLarge span.boulejaune::before {
	top:4px !important;
	left:58px !important;
}

.libelleAvecIconLarge{
	padding-left: 58px;
}

.explorateur ul li ul li span,.explorateur p, .explorateur .froalaRendu  td, .explorateur .froalaRendu li,.explorateur ul li span.nongras{
	font-family: 'source_sans_proregular';
	font-size:16px;
	color:#7D7D7D;
}
.explorateur ul li ul li span a:not(.contextMenu a) {
	color:var(--color-logo);
}
.explorateur ul li ul li span a:not(.contextMenu a):hover {
	text-decoration:underline;
}
.explorateur p:not(.froalaRendu p) {
	margin:0px 0px 5px 0px;
}
.explorateur ul li ul li span.gras {font-family: 'source_sans_probold';}
.explorateur ul li ul li span.red {color:red;}
.explorateur li.contracte > ul {
	display:none;
}
.explorateur ul li.deploye > span,.explorateur ul li.contracte > span {
	cursor:pointer;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
#fonctionsdroite .element.disabled:hover .icone {background-color:white !important;}
#fonctionsdroite .element.disabled,.fonctionsbas .element.disabled,.errorbloc .errorboutons .element.disabled {opacity:0.5;cursor:default;}
#fonctionsdroite .element.disabled{display:none;/*demande 80530 : on masque les procédures inaccessibles*/}
#fonctionsdroite .element.disabled:hover .icone,.fonctionsbas .element.disabled:hover .icone,.errorbloc .errorboutons .element.disabled:hover .icone {background-color:white !important;}
#flyoutcontent .element .icone .specIcon {
	width: 20px;
    min-width: 20px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
}

.explorateur .menuexplo {
	margin-top:25px;
}
.menucontextuel.menuexplo .element {}
.menucontextuel.menuexplo .element .libelle {}
.champcopy {
	display:none;
	position:absolute;
}
.texte {
	font-family: var(--font-familydefault);
	font-size:17px;
	color:#A3A3A3; /*BV : comme les libellés de champs :-)*/
	padding:0px 10px 0px 10px;
}
.instructions {
	font-family: var(--font-familydefault);
	font-size:21px; /*AVANT 18px - changement suite à la demande 95386*/
	line-height: 22px; /*AVANT rien - changement suite à la demande 95386*/
	height:44px;
	overflow:hidden;
}
.instructionsDeuxLignes {
	position: relative;
	top: -12px;
}
.champcliquable {
	cursor: pointer !important;
}
/*.form .blocchamp.blocbbcode .bbcode {
	display:flex;
	flex-direction:row;
	align-items: flex-start;
	margin-bottom:5px;
	justify-content:space-between;
}
.form .blocchamp.blocbbcode .bbcode .left{
	display:flex;
	flex-direction:row;
	align-items: center;
	flex-wrap:wrap;
}
.form .blocchamp.blocbbcode .bbcode .right{
	display:flex;
	flex-direction:row;
	align-items: center;
}*/
a.pave {
	width:150px;
	
	display:flex;
	padding:10px;
	border-radius:10px;
	box-shadow: 0px 0px 5px #EEEEEE;
	float:left;
	margin:0px 15px 15px 0px;
	text-align:center;
	flex-direction:column;
}
a.pave:hover {
	box-shadow: 0px 0px 5px #CCCCCC;
}
a.pave .titre,a.pave .num {
	font-family: var(--font-familydefault);
	font-size:17px;
	color:#7A7A7A;
	height:40px;
	display:flex;
	align-items: center;
	justify-content:center;
}
a.pave .num {
	font-weight:bold;
}
#popup {
	position:fixed;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	width:700px;
	top:-60px; /* caché */
	left:calc(50% - 350px - 50px);
	
	z-index:2147483647; /* au dessus de tout, même le fond obscurci lors d'un popup */
	font-family: var(--font-familydefault);
	opacity:1;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	/*border-top-left-radius:10px;
	border-top-right-radius:10px;*/
	
	padding: 10px 50px;
	line-height: 21px;
	min-height:30px;
}
#popup.valide{background-color:#a7f783;}
#popup.invalide{background-color:#ff6060;color:white;}
#popup.loading{
	color:#242424;
	background-color:#ffe7bb;
	background-image:url('../images/loading.gif');
	background-repeat:no-repeat;
	background-position:left 15px center;
	background-size:30px 30px;
}

form .invalide,form .invalidebloquant, .errormessage .invalide {
	width:18px;
	height:18px;
	border-radius:20px;
	background-color:#fd6767; /* rouge pour tous clients */
	background-image:url('../images/invalide.png');
	background-size:cover;
	position:absolute;
	margin:7px 0px 0px 320px;
}
form .fullwidth .invalide, form .fullwidth .invalidebloquant, .errormessage .fullwidth .invalide{
	right: 0px;
    margin-right: -28px;
}
form .sfl.doublonsInterdits .invalide {
	margin: -17px 0px 0px 320px;
}
form .sfl.enliste .fullwidth .invalide, form .sfl.enliste .fullwidth .invalidebloquant, .errormessage .sfl.enliste .fullwidth .invalide{
	right: auto;
}
.errormessage .invalide{
	margin-left:280px;
}
.errormessage .invalide.quart{
	margin-left:104px;
}
.errormessage input[type=text].invalideInput{
	width: 210px;
}
/*form .blocchamp.blocbbcode .invalide{
	margin:5px 0px 0px calc(100% + 5px);
}*/
.errormessage .formAjoutCodePostal .invalide,.errormessage .formGenererMai .invalide,.errormessage .formEnvoiDisponibiliteReu .invalide,.errormessage .formAjoutFicheRemplacement .invalide,.errormessage .formAjoutLieu .invalide{
	margin-left: 316px !important;
}

form .invalidebloquant.ok, form .ok{
	background-color:green; /* vert pour tous clients */
	background-image:url('../images/ok.png');
}
.petitinvalide {
	width:18px;
	height:18px;
	border-radius:20px;
	background-color:#fd6767; /* rouge pour tous clients */
	background-image:url('../images/invalide.png');
	background-size:cover;
	margin-left:10px;
}
form .sfl.enliste .invalide,form .ssfl.enliste .invalide,form .sflspec.enliste .invalide, form .ssfl .invalide {
	width:18px;
	height:18px;
	right: 0px;
	margin-right:5px;
}
form .sfl.enliste .champlie .invalide,form .ssfl.enliste .champlie .invalide,form .sflspec.enliste .champlie .invalide, form .ssfl .champlie .invalide {
	margin-right:30px;
}
form .sfl.enliste .tdcheckbox .invalide,form .ssfl.enliste .tdcheckbox .invalide,form .sflspec.enliste .tdcheckbox .invalide {
	margin: -15px 0px 0px 3px;
    height: 12px;
    width: 12px;
    position: relative;
    z-index: 99999;
    float: left;
    display: block;
}
form .ssfl .invalide {
	margin:5px 0px 0px -119px;
}
form .invalide.invalideselect {
	margin:5px 0px 0px 10px;
}
form.connexion .invalide {
	width:16px;
	height:16px;
	margin:9px 0px 0px 346px;
}
.selectExistingValue {
	margin-top: 15px;
	padding-right: 15px;
	max-height:200px;
	overflow:auto;
}
.selectExistingValue table {
	border-collapse:collapse;
	width:100%;
}
.selectExistingValue table tr td{
	cursor:pointer;
	border:1px solid #f1f1f1;
	padding:3px 10px 3px 10px;
}
.selectExistingValue table tr:hover td{
	background-color:#efefef;
}



.rechercheAvancee #boutonTousLesCrit {
	position: relative;
	margin-top: 10px;
}

.rechercheAvancee #champValeurExploContent {
	height: calc(100% - 101px);
	overflow-y: hidden;
	overflow-x: hidden;
	width: 100%;
	border: 1px solid #dadada;
	box-shadow: 1px 1px 3px 1px rgba(241,241,241,0.75);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(241,241,241,0.75);
	-moz-box-shadow: 1px 1px 3px 1px rgba(241,241,241,0.75);
	border-radius: 4px;
}

.operateurs, .champValeur {
	display: none;
}

.rechercheAvancee .separateurInput {
	margin-bottom: 11px;
}

.unselectable {
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.catfirstcolrechrapid {
	border: 1px solid #5da7db !important;
}
#bandeauVersion, #bandeauShutdown {
	width:100%;
	display:none;
	align-items:center;
	justify-content:center;
	z-index:1000;
	
	font-family:Verdana;
	font-weight:bold;
	font-size:17px;
	text-align:center;
}
#bandeauVersion {
	height:50px;
	min-height:50px;
	background-color:#ff5b5b;
	color:white;
}
#bandeauShutdown {
	height:74px;
	min-height:74px;
	background-color:yellow;
	color:black;
	border-bottom:1px solid black;
}
.bandeauaffiche #bandeauVersion,.withBandeauShutdown #bandeauShutdown  {display:flex !important;}

.maintenanceImg {
	height: 60px;
	padding-left: 25px;
	padding-right: 25px;
}

.radioColRecherche .containerradio {
	color: #7D7D7D !important;
	font-family: 'source_sans_prosemibold' !important;
	font-size: 17px !important;
	cursor: pointer !important;
	opacity: 0.69 !important;
}


#mainContent {
	height: 100%;
}

#iconeFermetureBandeau {
	background-image:url('../images/croixFermetureBandeau.png');
	background-size:cover;
	background-position:center center;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	cursor:pointer;
}

#inclureSousCat label, #boutonTousLesCrit label {
	/*position: relative;
	left: 15px;
	cursor:pointer;*/
}

#inclureSousCat {
	position: relative;
	top: 15px;
}

/* Gestion du champ valeur de type dateH dans le dialogue de recherche avancée. */
#champValeurDateH, #champValeurDoubleDateH {
	width: 45%;
	position: relative;
}
#champValeurDateH #anneeDateH label, #champValeurDateH #moisDateH label, #champValeurDateH #jourDateH label,#champValeurDoubleDateH #anneeDateH1 label, #champValeurDoubleDateH #moisDateH1 label, #champValeurDoubleDateH #jourDateH1 label, #champValeurDoubleDateH #anneeDateH2 label, #champValeurDoubleDateH #moisDateH2 label, #champValeurDoubleDateH #jourDateH2 label {
	left: 0px !important;
	display: inline;
	top: 11.5px;
}

#champValeurDateH input, #champValeurDoubleDateH input  {
	width: 25%;
	position: absolute;
	right: 5px;
}
#champValeurDateH input:disabled, #champValeurDoubleDateH input:disabled{
	background-color: #efefef;
}

#champValeurDateH>div, #champValeurDoubleDateH>div>div {
	margin-bottom: 25px;
}

#champValeurDateH>div:first-child, #champValeurDoubleDateH>div>div:first-child {
	margin-bottom: 10px;
}

#champValeurDoubleDateH #sepDoubleDateH {
	margin-bottom : 35px;
}

.messageabout {
	margin:0px !important;
}
.logoOrganica {
	width:100%;
	height:75px;
	/*background-image:url('../images/logoOrganica.png');
	background-position:center center;*/
	background: url(https://cdn.organica.technology/OfficeWeb/bg/ORGANICA_NEWLOGO_horizontal.png) no-repeat center;
	background-size:contain;
}
.logoOrganica, .adresseOrganica,.internetOrganica,.contactOrganica {margin-bottom:10px;}
.internetOrganica:hover,.contactOrganica:hover {
	text-decoration:underline;
}
.versionOrganon {font-weight:bold;}

#donManquantes #requests {
	display: none;
}

#donmanq, #req {
	color: #8d8d8d;
}
/*.form .blocchamp.blocbbcode .champ div.textareapreview,.form .blocchamp.blocbbcode .champ div.textareapreview2 {
	background-color:#F7F7F7;
	color: #7D7D7D;
	border: 1px solid #DADADA;
	border-radius: 4px;
	font-family: 'source_sans_proregular';
	font-size: 17px;
	padding: 3px 10px 4px 10px;
	overflow: Auto;
}
.form .blocchamp.blocbbcode .champ div.textareapreview{margin-top:20px;}
.form .blocchamp.blocbbcode .champ div.textareapreview2{margin-top:0px;height:600px;}
.form .blocchamp.blocbbcode .champ textarea.test{
	height:600px;
	width: 45%;
	float : left;
	margin-right:10px;
}*/
.boutonTest {
	margin:0px;
	border-radius: 10px;
	border:0px;
	background-color:var(--main-bg-color);
	color:white;
	font-family: var(--font-familydefault);
	padding:10px 20px 10px 20px;
	font-weight:bold;
	cursor: pointer;
}

#dialogueChoisirArbreCatPresentationContenant, #dialogueChoisirCatAAffecterContenant {
	height: calc(100% - 10px - 14px - 28px);
	height: calc(100% - 10px - 14px - 28px - 13px); /*11/01/2023 BV : je remets l'ancienne valeur, retirer le "-13px" provoque un soucis d'affichage dans le dialogue de choix de catégories dans une fiche Relations par exemple*/
	overflow: hidden;
	border: 1px solid #dadada;
	box-shadow: 1px 1px 3px 1px rgba(241,241,241,0.75);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(241,241,241,0.75);
	-moz-box-shadow: 1px 1px 3px 1px rgba(241,241,241,0.75);
	width:calc(100% - 2px); /*border*/
}
#dialogueChoisirCatAAffecterContenant .jstree-icon {
	display:none;
}
#dialogueChoisirContenant {
	display: flex;
	width: 100%;
	justify-content: space-between;
	height:calc(100% - 36px - 18px);
	color:#7D7D7D;
}
#dialogueChoisirCriteresPrefs {
	display: flex;
	width: 100%;
	justify-content: space-between;
	height:100%;
}
#dialogueChoisirCriteresPrefs {
	color: #8d8d8d !important;
}
#dialogueChoisirColonnesSFP {
	display: flex;
	width: 90%;
	justify-content: space-between;
	color: #8d8d8d !important;
	margin-left: 30px;
	max-height: 68.5vh;
	margin-bottom: 30px;
}
#dialogueChoisirColonnesSFP h3{font-family: var(--font-familydefault);}
.dialogueChoisirColonne {width:100%;}
.dialogueChoisirColonne.demi {
	width:calc(calc(100% - 80px) / 2);
}
#dialogueChoisirTexteDuHaut {
	color: var(--color-logo);
	margin-bottom: 25px;
	letter-spacing: 0.5px;
}
.dialogueChoixCat h3 {
	color: var(--main-bg-color);
}

.dialogueChoixCat label {
	color:#636465;
	font-size:12px;
}
.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, .fonctionsEnuUtiActionDroite  {
	border: none;
	display: flex;
	margin-top: 15px;
	cursor: pointer;
	font-size: 16px;
	font-family: var(--font-familydefault);
	font-weight: 600;
	letter-spacing: 0.8px;
}
.fctEnuUtiDroite .fonctionsEnuUtiActionDroite{
	margin-left: 10px;
}

#deplContr .libelle, .fonctionsEnuUtiActionDroite .libelle {
	color: var(--color-logo);
	display: flex;
	align-items: center;
}

#dialogueChoisirArbreCatPresentationContenant, #dialogueChoisirCatAAffecterContenant {
	margin-top: 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;}

.pdf embed,.pdf iframe{
	width:100%;
	height:600px;
}

#froalaTesterPDF {
	padding-left: 0px;
}
#froalaTesterPDF .pdf {
	height: calc(100% - 3px);
}
#froalaTesterPDF .pdf embed {
	height:100% !important;
}

.iframefaccli{
	border:0px;
	border:1px solid #7D7D7D;
	width:21cm;
	height:29.7cm;
	
	/*-ms-zoom: 0.75;
	-moz-transform: scale(0.75);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.75);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.75);
	-webkit-transform-origin: 0 0;*/
}
/*#boutonDepHautPtOrdre {background-image: url('../images/explovertsup.png');background-size:20px 20px;}
#boutonDepBasPtOrdre {background-image: url('../images/explovertsup.png');transform: rotate(180deg);background-size:20px 20px;}
#boutonDepGauchePtOrdre {background-image: url('../images/explovertsup.png');transform: rotate(270deg);background-size:20px 20px;}
#boutonDepDroitePtOrdre {background-image: url('../images/explovertsup.png');transform: rotate(90deg);background-size:20px 20px;}*/

.decompte-counter {
	display: flex;
	justify-content: center;
	margin-top: 8px;
}
.decomptecount {
	position: relative;
	width: 44px;
	height: 44px;
}
.decomptecount__svg {
	transform: scaleX(-1);
}
.decomptecount__cercle {
	fill: none;
	stroke: none;
}
.decomptecount__path-elapsed {
	stroke-width: 9px;
	stroke: #ffffff;
}
.decomptecount__path-remaining {
	stroke-width: 7px;
	stroke-linecap: round;
	transform: rotate(90deg);
	transform-origin: center;
	transition: 1s linear all;
	fill-rule: nonzero;
	fill: #ffffff;
	stroke: var(--main-bg-color);;
}
.decomptecount__path-remaining.green {
	color: var(--main-bg-color);
}
.decomptecount__label {
	position: absolute;
	width: 44px;
	height: 42px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
    letter-spacing: -0.02em;
    font-family: var(--font-familydefault);
    color: #4d4d4d;
}


#zoneBoutonsPtOrdreDuJour>div:hover {background-color: #59c1df;}

.newfenetre .accordeoncontent,.newfenetre .ssaccordeoncontent {
	column-count: 1;
	width:100%;
}
.newfenetre.deuxcol .accordeoncontent,.newfenetre.deuxcol .ssaccordeoncontent {
	column-count: 2;
	width:calc(520px * 2);
	column-gap: 0px;
}
.newfenetre.troiscol .accordeoncontent,.newfenetre.troiscol .ssaccordeoncontent {
	column-count: 3;
	width:calc(520px * 3);
	column-gap: 0px;
}
.newfenetre .accordeoncontent.avecssaccordeons, .newfenetre .accordeoncontentSFLglobal,.newfenetre .accordeoncontentSSFL,.newfenetre .accordeoncontentFullWidth,.newfenetre .accordeoncontent.dernzgog {
	column-count: 1 !important;
	width:100% !important;
}
.newfenetre .accordeoncontent,.newfenetre .ssaccordeoncontent {
	margin-bottom:30px;
	overflow:hidden;
}
.newfenetre .accordeoncontent.avecssaccordeons {
	margin-bottom:0px !important;
}
.newfenetre .accordeoncontent.accordeoncontentSFLglobal {
	margin-bottom:0px
}
.newfenetre .accordeoncontent.accordeoncontentSFLglobal.marginquandmeme {
	margin-bottom:30px
}
.blocseul {
	margin:0px 62px 0px 25px;
	height:100%;
}
.zgcontent {
	break-inside:avoid;
	display:inline-block;
	width:525px;
}
.fullscreen .zgcontent.zgspec.fullwidth {
	break-inside:avoid !important;
	display:inline-block !important;
}
.zgcontent[hidden],.zgcontent.hidden,.zgcontent.hiddenremove {display:none !important;}
.zgcontent.hidden,.zgcontent.hiddenremove {display:none;}
.errorbloc .zgcontent,.zgcontent.fullwidth, .newfenetre .accordeoncontent.accordeoncontentSFLglobal .zgcontent,.blocseul .zgcontent {
	width:auto;
	break-inside:auto;
	display:block;
}

#byorganica2 {
	position: absolute;
	right: 0;
	margin-top: 3px;
	color: #F5F5F5;
	letter-spacing: 1px;
	font-size: 13px;
	font-family: var(--font-familydefault);
}
.nouvboutonrect {
	display: inline-block;
	font-family: var(--font-familydefault);
	border-radius:4px;
	background-color:grey;
	color:white;
	border:1px solid grey;
	outline: 0px;
	cursor:pointer;
	padding:2px 10px 2px 10px;
	font-size:13px;
	margin-top: 10px;
	margin-left: 29px;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;/* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
.nouvboutonrect:hover:not(:disabled){
	background-color: var(--color-logo);
	color: white;
	outline: none;
}

.Abreviations{word-wrap: break-word;}

.boutonrect {
	font-family: var(--font-familydefault);
	border-radius:4px;
	background-color:grey;
	color:white;
	border:1px solid grey;
	outline: 0px;
	cursor:pointer;
	padding:2px 10px 2px 10px;
	font-size:13px;
	
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;/* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
.boutonrect.block {
	display:flex;
	margin-bottom:5px;
}

.boutonrectFournisseurs{margin-right:15px;}

.btnMajSynchro{margin-left:21px;}

.enliste td .boutonrect {
	margin-top:5px;
	display:block;
}
.ui-widget input.boutonrect {
	font-size:13px;
}
.boutonrect:focus {
	color:white;
	background-color:var(--color-logo);
	border:1px solid var(--color-logo);
	outline: none;
}
.boutonrect:disabled {
	cursor:default;
	opacity:0.5;
}
.boutonrect::-moz-focus-inner {
  border: 0;
}
.boutonrect:hover:not(:disabled){
	background-color: var(--color-logo);
	outline: none;
}

.tabHierarchique {
	overflow-x: scroll;
	width:100%;
}
.pousseurFP {
	height:800px;
}

.infobulle{display:none;}
	
#descriptionflottante {
    display: none;
    position: absolute;
	color:#7A7A7A;
	background-color:#fffeda;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	letter-spacing:0.5px;
	border-radius:3px;
    padding: 5px 10px 5px 10px;
    z-index: 2999900100;
    max-width: 400px;
	
	font-family: 'source_sans_proregular';
	font-size: 15px;
	font-weight: 600;	
}	

.tabHierarchique input {
	/*font-family: var(--font-familydefault);*/
	font-family: 'source_sans_prosemibold';
	font-size: 17px;
	color:#7D7D7D;
	background-color:white;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);	
	border:1px solid #f2f6ff;/* #DADADA;*/
	border-radius:4px;
	padding: 4px 10px 5px 10px;
}
.tabHierarchique input:focus {
	padding-top:3px;
	padding-bottom:4px;
}

.tabHierarchique .niv2 .contentlignepto {padding-left:calc(var(--ptoIdentation) * 1 - 8px);}
.tabHierarchique .niv3 .contentlignepto {padding-left:calc(var(--ptoIdentation) * 2 - 16px);}
.tabHierarchique .niv4 .contentlignepto {padding-left:calc(var(--ptoIdentation) * 3 - 24px);}
.tabHierarchique .niv5 .contentlignepto {padding-left:calc(var(--ptoIdentation) * 4 - 32px);}
.tabHierarchique .niv6 .contentlignepto {padding-left:calc(var(--ptoIdentation) * 5 - 40px);}
.tabHierarchique .niv7 .contentlignepto {padding-left:calc(var(--ptoIdentation) * 6 - 48px);}
.tabHierarchique .niv8 .contentlignepto {padding-left:calc(var(--ptoIdentation) * 7 - 56px);}
.tabHierarchique .niv9 .contentlignepto {padding-left:calc(var(--ptoIdentation) * 8 - 64px);}
.tabHierarchique .niv10 .contentlignepto{padding-left:calc(var(--ptoIdentation) * 9 - 72px);}

.contentlignepto.containerRequiredNonRemp .inputNumero, .contentlignepto.containerRequiredNonRemp .fonctionPtoRe  {
	background-color: #ffedec73 !important;
}
.contentlignepto.containerRequiredNonRemp .inputNumero:not(.focus), .contentlignepto.containerRequiredNonRemp .fonctionPtoRe:not(.focus)  {
	border-color: #fba6a6 !important;
}


.tabHierarchique .niv2 .reqLigContainer {padding-left:calc(var(--regLigIdentation) * 1);}
.tabHierarchique .niv3 .reqLigContainer {padding-left:calc(var(--regLigIdentation) * 2);}
.tabHierarchique .niv4 .reqLigContainer {padding-left:calc(var(--regLigIdentation) * 3);}
.tabHierarchique .niv5 .reqLigContainer {padding-left:calc(var(--regLigIdentation) * 4);}
.tabHierarchique .niv6 .reqLigContainer {padding-left:calc(var(--regLigIdentation) * 5);}
.tabHierarchique .niv7 .reqLigContainer {padding-left:calc(var(--regLigIdentation) * 6);}
.tabHierarchique .niv8 .reqLigContainer {padding-left:calc(var(--regLigIdentation) * 7);}
.tabHierarchique .niv9 .reqLigContainer {padding-left:calc(var(--regLigIdentation) * 8);}
.tabHierarchique .niv10 .reqLigContainer {padding-left:calc(var(--regLigIdentation) * 9);}

.tabHierarchique div.inputNumero {
	font-family: 'source_sans_prosemibold';
	font-size: 17px;
	color: #7D7D7D;
	background-color: #f2f6ff; /* var(--color-accordeon-clair); */
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	border: 1px solid #f2f6ff;/* #DADADA;*/
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 4px 10px 5px 10px;
	margin: 0px 0px 0px 5px;
	max-height: 22px;
	border-right: none;
}
.tabHierarchique.consulterSel div.inputNumero {
	background-color: #efefef;
}
.tabHierarchique .inputNumero.focus {
	border: 2px solid #B3CDDD;
	border-right: none;
	padding: 3px 10px 4px 9px;
}
.ptoPartieDroite {
	width: 100%;
}
.tabHierarchique input.inputLibelle,
#tableauProgrammeAtv input.typeheure{
	border: 1px solid #f2f6ff;
	width:calc(100% - 60px);
	border-left: none;
	border-right: none;
	border-radius: 0px;
	border-radius: 0px;
	background-color: #f2f6ff; /* var(--color-accordeon-clair); */
}
.tabHierarchique input.inputLibelle::placeholder,
#tableauProgrammeAtv input.typeheure::placeholder {
	opacity: 0.4;
}
.tabHierarchique .partieInput.focus input {
	height: 20px;
}
.tabHierarchique input.inputLibelle:focus,
#tableauProgrammeAtv input.typeheure:focus {
	height: 22px;
}

.tabHierarchique.consulterSel input.inputLibelle,
#tableauProgrammeAtv .consulterSel input.typeheure {
	width:calc(100% - 30px);
	border: 1px solid #DADADA;
	border-left: none;
	border-right: none;
}
#tableauProgrammeAtv input.typeheure {
	width: 45px !important;
}

/* Bordure bleue claire - normal */

/* Bordure bleue foncée - focus */
.tabHierarchique input.inputLibelle:focus,
.tabHierarchique .partieInput.focus input { /* #tableauProgrammeAtv input.typeheure:focus, */
	width:calc(100% - 60px) !important;
	border: 2px solid #B3CDDD !important;
	border-left: none !important;
	border-right: none !important;
}

/* Bordure rouge - required */
#tableauProgrammeAtv .bordureRouge input, #tableauProgrammeAtv .bordureRouge .inputNumero, #tableauProgrammeAtv .bordureRouge .fonctionPtoRe{
	background-color: #ffedec73 !important;
	border-color: #fba6a6 !important;
	border: 2px solid;
}
#tableauProgrammeAtv .bordureRouge .inputNumero{
	padding: 3px 10px 4px 9px;
}
#tableauProgrammeAtv .bordureRouge input {
	height: 22px;
	padding-top:3px;
	padding-bottom:4px;
}
#tableauProgrammeAtv .bordureRouge input, #tableauProgrammeAtv .bordureRouge .inputNumero  {
	border-right: none;
}
#tableauProgrammeAtv .bordureRouge input, #tableauProgrammeAtv .bordureRouge .fonctionPtoRe {
	border-left: none;
}
#tableauProgrammeAtv input::placeholder, #tableauProgrammeAtv .fonctionPtoRe::placeholder{
	color: #565656 !important;
	opacity: 0.5;
}
#tableauProgrammeAtv .bordureRouge .fonctionPtoRe {
	padding-top: 0px;
}
#tableauProgrammeAtv .bordureRouge .fonctionPtoRe.modif {
	border-right: none;
}

.textseul {
	border-radius: 4px;
	border: 1px solid #DADADA;
	letter-spacing: 0.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;
}
#tabRequetesLignes .contentlignepto {
	cursor: pointer;
}
.tabHierarchique .buttons .fonctionPtoRe {
	background-color:  #f2f6ff; /* var(--color-accordeon-clair); */
	/*padding-top: 1px;*/
}
.tabHierarchique  .buttons .fonctionPtoRe.modif {
	padding-top: 1px;
}
.tabHierarchique .buttons .fonctionPtoRe.suppr,
.tabHierarchique .buttons .fonctionPtoRe.consult {
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	border: 1px solid #f2f6ff;/* #DADADA;*/
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-left: none;
}

.tabHierarchique .buttons .fonctionPtoRe.consult {
	background-color: #efefef;
}

.tabHierarchique .buttons .fonctionPtoRe.modif {
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	border: 1px solid #f2f6ff;/* #DADADA;*/
	border-left: none;	
	border-right: none;	
}
.tabHierarchique .buttons .fonctionPtoRe.focus {
	border-color: #B3CDDD;
	border-width: 2px;
	padding-top: 0px;
}
.tabHierarchique .buttons .fonctionPtoRe .newFondIconTranspNotHov {
	height: 29px !important;
}

.tabHierarchique .valeur {padding-left:45px;width:calc(100% - 45px);}
/*
.tabHierarchique .niv1 .valeur {padding-left:45px;width:calc(100% - 45px);}
.tabHierarchique .niv2 .valeur {padding-left:60px;width:calc(100% - 60px);}
.tabHierarchique .niv3 .valeur {padding-left:75px;width:calc(100%- 75px);}
.tabHierarchique .niv4 .valeur {padding-left:90px;width:calc(100% - 90px);}
.tabHierarchique .niv5 .valeur {padding-left:105px;width:calc(100% - 105px);}
.tabHierarchique .niv6 .valeur {padding-left:120px;width:calc(100% - 120px);}
.tabHierarchique .niv7 .valeur {padding-left:135px;width:calc(100% - 135px);}
.tabHierarchique .niv8 .valeur {padding-left:150px;width:calc(100% - 150px);}
.tabHierarchique .niv9 .valeur {padding-left:165px;width:calc(100% - 165px);}
.tabHierarchique .niv10 .valeur {padding-left:180px;width:calc(100% - 180px);}
*/



.tabHierarchique .niv1 .reqLigContainer {width:calc(100% - 40px);}
.tabHierarchique .niv2 .reqLigContainer {width:calc(100% - 56px);}
.tabHierarchique .niv3 .reqLigContainer {width:calc(100% - 72px);}
.tabHierarchique .niv4 .reqLigContainer {width:calc(100% - 88px);}
.tabHierarchique .niv5 .reqLigContainer {width:calc(100% - 123px);}
.tabHierarchique .niv6 .reqLigContainer {width:calc(100% - 147px);}
.tabHierarchique .niv7 .reqLigContainer {width:calc(100% - 172px);}
.tabHierarchique .niv8 .reqLigContainer {width:calc(100% - 207px);}
.tabHierarchique .niv9 .reqLigContainer {width:calc(100% - 231px);}
.tabHierarchique .niv10 .reqLigContainer {width:calc(100% - 256px);}

.tabHierarchique .niv1 .reqLigContainer .valeur {width:calc(100%);}
.tabHierarchique .niv2 .reqLigContainer .valeur {width:calc(100% - 25px);}
.tabHierarchique .niv3 .reqLigContainer .valeur {width:calc(100% - 50px);}
.tabHierarchique .niv4 .reqLigContainer .valeur {width:calc(100% - 75px);}
.tabHierarchique .niv5 .reqLigContainer .valeur {width:calc(100% - 80px);}
.tabHierarchique .niv6 .reqLigContainer .valeur {width:calc(100% - 95px);}
.tabHierarchique .niv7 .reqLigContainer .valeur {width:calc(100% - 110px);}
.tabHierarchique .niv8 .reqLigContainer .valeur {width:calc(100% - 115px);}
.tabHierarchique .niv9 .reqLigContainer .valeur {width:calc(100% - 130px);}
.tabHierarchique .niv10 .reqLigContainer .valeur {width:calc(100% - 145px);}
.tabHierarchique .valeur {
	font-family: 'source_sans_prosemibold',sans-serif;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: 0.5px;
	color: #7D7D7D;
	height: 25px;
	padding-top: 5px;
	border: 1px solid #DADADA;
	border-radius: 4px;
}

#tableauPtOrdreDuJour .ptoContainer.selected,
#tabRequetesLignes .reqLigContainer .selected,
#tableauProgrammeAtv .ptoContainer.selected {
	background-color: #efefef;
}
#tableauPtOrdreDuJour .ptoContainer:hover,
#tabRequetesLignes .reqLigContainer:hover,
#tableauProgrammeAtv .ptoContainer:hover {
	cursor: pointer;
}

.tabHierarchique input:disabled {background-color:#efefef;}
.BouleDocument{width:16px;height:16px;border-radius:25px;margin-top:2px;}
.BouleDocument.carre{border-radius:2px;}
.BouleDocument.losange{border-radius:2px;transform: rotate(45deg);}
.BouleDocument.Gris{background-color:#aaa0a0;}
.BouleDocument.Rouge{background-color:#f33b3b;}
.BouleDocument.Vert{background-color:#84e359;}
.BouleDocument.Jaune{background-color: rgb(255,231,143);}
.BouleDocument.Orange{background-color:#ff7f00;}
.BouleDocument.loading {
	background-color:transparent;
	background-image:url('../images/loading.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
}
.blocradio {
	border: 1px solid #DADADA;
	border-radius: 4px;
	width:306px;
	padding:1px 1px 1px 1px;
}
.bloccheckbox {
	border: 1px solid #DADADA;
	border-radius: 4px;
	width: 268px;
	display:flex;
	flex-direction:row;
	align-items:center;
	padding: 4px 5px 4px 35px;
	font-family: 'source_sans_prosemibold';
	font-weight: 500;
	font-size: 17px;
	color: #7D7D7D;
	position:relative;
	letter-spacing:0.5px;
}
.blocchamp.fullwidth .bloccheckbox {
	width:calc(100% - 40px - 2px);
}
.bloccheckbox div {
	width:100%;
	cursor:pointer;
}
.bloccheckbox .container {
	position:absolute;
	top:5px; /*BV:17/01/2022: ancienne valeur 7px, correction de l'affichage des cases dans les privilèges dans Groupes utilisateurs dans Firefox*/
	left:10px;
}
.container,.containerradio,.containercouleur {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #DADADA;
	border-radius: 4px;
	color:#7D7D7D;
}
.highlight .container {
	background-color:#cdffc9;
}
.container.noborder {
	border:0px;
	display:flex;
	align-items: center;
	width: unset;
	padding:4px 5px 4px 30px;
}
.containerradio.disabled,.containercouleur.disabled {
	opacity:0.5;
}
.container.disabled,.blocradio.disabled .containerradio,.containerradio.disabled,.blocradio.disabled .containercouleur,.containercouleur.disabled {cursor:default;}
.rechercheAvancee .container, .rechercheAvancee .containerradio {
	width:auto;
}
.errorbloc .errormessage .container,.errorbloc .errormessage .containerradio,.errorbloc .errormessage .containercouleur, .fr-word-paste-modal-body .containerradio  {
	border:0px;
	font-family: var(--font-familydefault);
	font-weight: 500;
	font-size: 15px;
	width:320px;
}
.form.alldisabled .container,.form.alldisabled .containerradio,.form.alldisabled .containercouleur {cursor:default;}
.form.alldisabled .filtres .container,.form.alldisabled .filtres .containerradio,.form.alldisabled .filtres .containercouleur {cursor:pointer;}

.container.noborder .checkmark,.container.noborder.focus .checkmark {top:unset;left:5px;}
.fonctionsbas .container .libelle {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.container.sanslabel,.sfl.enliste .container,.ssfl.enliste .container,.sflspec.enliste .container {
	border:0px;
	width:16px;
	height:16px;
	padding:0px;
	margin-top: 2px; /*BV 26/11/2020 Alignement dans le FL Dans Firefox*/
}
#navigation-control-pdf-viewer, #recherche_pdf {
	display: flex;
    flex-direction: row;
    padding-bottom: 8px;
}
#navigation-control-pdf-viewer #zoom_out, #navigation-control-pdf-viewer #search_pdf {
	margin-left: 8px;
}
#navigation-control-pdf-viewer .buttonStylePdfViewer {
	height: 24px;
    width: 24px;
    box-shadow: 1px;
    background-color: var(--color-fondbtnentete);
    color: var(--color-btnentete);
    border-radius: 50%;
    cursor: pointer;
    justify-content: center;
    display: flex;
    text-align: center;
    align-items: center;
}
.pdf-container-pos{
	position: relative;
	height: 640px;
}
#pdf-viewer-container {
	position: absolute;
	overflow: auto;
}
.rechiconsimple {
	background-color: var(--color-boutondroite);
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    margin: auto;
    -webkit-mask: url(../Images/iconesBoutons/dialogsearch.svg) no-repeat center center /100% 100%;
    mask: url(../Images/iconesBoutons/dialogsearch.svg) no-repeat center center /100% 100%;
    transition: 0.3s;
}

#pdf-viewer {
	width: 100%;
	height: 600px;
	overflow: auto;
	background: #35383a;
    text-align: center;
	border: solid 1px;
}
#reunionInscriptionPage {
	height: 100%;
	background-color: #f9f9f9;
}
.enteteReunionInscr{
	position: relative;
    background-color: #ffffff;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	top: 15%;
    height: 65%;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.30);
    padding: 12px;
	border-radius: 8px;
	display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}
#mainSignDoc {
	height: 100%;
	background-color: #e4e4e4;
}
.enteteSignDoc,.messagepagevide {
    position: relative;
    background-color: #ffffff;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	top: 15%;
    height: 65%;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 38%);
    -webkit-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 38%);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.38);
    padding: 12px;
}
.enteteSignDoc {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.messagepagevide {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: center;
}
.fondCheckSignDoc{
	background-color: transparent;
    width: 128px;
    min-width: 128px;
    height: 130px;
    display: flex;
    transition: 0.3s;
}
.messagepagevide .fondCheckSignDoc{
	margin-top:0px;
}
.checkSignDoc,.uncheckSignDoc{
	width: 128px;
    height: 130px;
	margin: auto;
    transition: 0.3s;
}
.checkSignDoc{
	-webkit-mask: url('../Images/iconesBoutons/checked2.svg') no-repeat center;
    mask: url('../Images/iconesBoutons/checked2.svg') no-repeat center;
	background-color: #62e062;   
}
.uncheckSignDoc{
	-webkit-mask: url('../Images/iconesBoutons/unchecked2.svg') no-repeat center;
    mask: url('../Images/iconesBoutons/unchecked2.svg') no-repeat center;
	background-color: #ff8c8c;
}
.messageSignDoc,.messagepagevide p {
	font-family: var(--font-familydefault);
	font-size: 18px;
	text-align: center;
	margin-top: 50px;
	margin-bottom:0px;
}
.pcustomSignDoc {
	margin-block-start: 0em;
    margin-block-end: 1.7em;
}
.pcustomReuInscr{
	margin-block-start: 0em;
    margin-block-end: 0.5em;
}
.pcustomReuInscr2{
	margin-block-start: 0.2em;
    margin-block-end: 0.2em;
}
.fondReuInscrAff {
	padding-bottom: 40px;
}

.blocconnexion .rememberme {
	display:flex;
	justify-content:center;
	margin-bottom:13px;
}
.blocconnexion .container {
	border:0px;
	width:auto;
	display:inline;
	padding:0px 5px 0px 38px;
}
.sfl .container,.ssfl .container,.sflspec .container {
	margin:auto;
}
.none-visible-btn{
    background-color: transparent;
}
.containerradio {
	width:calc(100% - 39px);
	border:0px;
	padding:4px 5px 4px 34px;
}
.containerradio.highlight {
	color:#00d000;
}
.containercouleur {
	width:100px;
	border:0px;
	padding:4px 5px 4px 34px;
}
.errorbloc .errormessage .containerradio,.errorbloc .errormessage .container, .fr-word-paste-modal-body .containerradio {
	padding:5px 5px 4px 25px;
}
.errorbloc .errormessage .containercouleur {
	padding:5px 5px 4px 25px;
}
.paddingleft30 .container{width: 243px;padding:4px 5px 4px 60px;}
.paddingleft30 .container.focus{width:243px;padding:3px 4px 3px 59px;}
.container.focus,.blocradio.focus {
	border: 2px solid #B3CDDD;
	padding:3px 4px 3px 34px;
}
.container.noborder.focus {
	border:0px;
}
.container.sanslabel.focus,.sfl.enliste .container.focus,.ssfl.enliste .container.focus,.sflspec.enliste .container.focus {
	border:0px;
	padding:0px;
}
.blocradio.focus {padding:0px;}
.container input,.containerradio input,.containercouleur input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkmark.logCheckmark {
	border:1px solid #c1c1c1 !important;
}
.checkmark {
	position: absolute;
	top:7px;
	left:10px;
	height:14px;
	width:14px;
	background-color:#f6f6f6;
	border:1px solid #DADADA;
	border-radius:3px;
}
.lienConnexionSelDial {
	color: #4E92C1 !important;
	cursor: pointer;
}
.errorbloc .errormessage .checkmark{left:0px;}
.lineh26{line-height: 26px;}
.container.sanslabel .checkmark,.sfl.enliste .container .checkmark,.ssfl.enliste .container .checkmark,.sflspec.enliste .container .checkmark{top:0px;left:0px;}
.blocconnexion .checkmark{top:2px;}
.containerradio .checkmark{border-radius:10px;left:9px;}
.fr-word-paste-modal-body .checkmark{border-radius:10px;left:0px;}
.containercouleur .checkmark{border-radius:10px;left:9px;}
.errorbloc .errormessage .containerradio .checkmark{left:0px;}
.paddingleft30 .checkmark{left:35px;}
.container.focus .checkmark{top:6px;left:9px;}
.container.sanslabel.focus .checkmark,.sfl.enliste .container.focus .checkmark,.ssfl.enliste .container.focus .checkmark,.sflspec.enliste .container.focus .checkmark{top:0px;left:0px;}
.paddingleft30 .container.focus .checkmark{left:34px;}
.checkmark:after {content: "";position: absolute;display: none;}
.container input:checked ~ .checkmark:after,.containerradio input:checked ~ .checkmark:after,.containercouleur input:checked ~ .checkmark:after {display: block;}
.container .checkmark:after {
	left: 4px;
	top: 1px;
	width: 4px;
	height: 7px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.containerradio .checkmark:after,.containercouleur .checkmark:after {
	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.rechercheAvancee .container .checkmark, .rechercheAvancee .containerradio .checkmark, .rechercheAvancee .containercouleur .checkmark {
	left:0px;
}
#changeinterface{display:block;height:40px;width:40px;top:0px;left:0px;position:absolute;background-color:transparent;cursor:pointer;z-index:1000;}
#paletteaccueil{background-color:white;position:absolute;right:0px;display:flex;justify-content:center;cursor:pointer;z-index:100;}

.bobold{
	font-weight: bold;
}

 
#flyoutMenu {
	padding:25px 0px 0px 175px;
    position: absolute;
    top:var(--height-entete);
    right:-525px;
	width:350px;
	height: calc(100% - 75px - var(--height-entete));
	z-index: 1000;
	font-size: 16px;
    font-family: 'source_sans_proregular';
    font-weight: 600;
	background: linear-gradient(to right, transparent, #f5f5f5 150px);
	
	-moz-transition: right 0.8s ease;
	-webkit-transition: right 0.8s ease;/* WebKit */
	-o-transition: right 0.8s ease; /* Opera */
	transition: right 0.8s ease; /* Standard */
}
html.pagevide #flyoutMenu {
	display:none;
}
.bandeauaffiche #flyoutMenu {top:calc(var(--height-entete) + 50px);height: calc(100% - 65px - var(--height-entete) - 50px);}
#flyoutinside {
	box-shadow:0px 0px 9px 0px rgba(0,0,0,0.09);
	height:calc(100%);
	position:relative;
}
#flyoutinside .enteteform{
	background-color:#9d9d9d;
}
#flyoutcontent {
	overflow-y:scroll;
	height:calc(100% - 55px - 30px);
	padding:15px;
}
#flyoutMenu.show {
    right:0px;
} 
.boutonProc {
	text-align:center;
	width: 32px; 
	height: 32px;
	border-radius: 50%;
	background-color:white;
	color:#9d9d9d;
	border: none;
	font-weight:bold;
	cursor:pointer;
}

.procUploadFile input[type=file] {
    display: none;
}

#flyoutcontent .element:hover .boutonProc {color:white;}
.LibelleBouton{color:#7A7A7A;}
.ptodocslies {
	display:none;
}
.tabHierarchique.ptodocsaffiche .ptodocslies {
	display:block;
	margin-bottom: -10px;
}
.ptodocslies .lignedoclie {
	display:flex;
	flex-direction:row;
	align-items:top;
	font-family:var(--font-familydefault);
	color:#7D7D7D;
	font-size:14px;
	/*border-bottom:1px solid #eeeded;*/
	padding:5px 0px 0px 3px;
	letter-spacing: 0.6px;
}
.ptodocslies .lignedoclie.descriptionPto {
	padding-top: 2px;
}
.ptodocslies .lignedoclie.sansDoc {
	margin-bottom: 10px;
}
.ptodocslies .lignedoclie.doc {
	margin-bottom: -9px;
	padding-left: 2px;
}
.ptodocslies .lignedoclie .titredoc{
	width:100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ptodocslies .lignedoclie .titredoc > span {
  display: inline-block; /* These have to be inline block to wrap correctly */
  position: relative; /* Give the ellipsis an anchor point so it's positioned after the element */
  background-color: #fff; /* Cover the ellipsis of the previous element with the same background color */
  white-space: pre; /* Make sure the only point where wrapping is allowed is before a comma */
}
.ptodocslies .lignedoclie .titredoc > span:after {
  position: absolute; /* Take the ellipsis out of the flow, so the next item will cover it */
  content: "…"; /* Each span has an ellipsis */
}
.ptodocslies .lignedoclie .titredoc > span:last-child:after {
  content: ""; /* Except for the last one */
}

.ptodocslies .lignedoclie .dctPtoContainer {
	height: 20px;
}

.titredocajouter {
	width:100%;
	font-family: 'source_sans_probold';
    font-size: 16px;
    color: var(--color-logo);
	font-size: 16px;
    font-family: var(--font-familydefault);
    font-weight: 600;
	cursor: pointer;
}
.ptodocslies .lignedoclie .deldoc{
	background-repeat:no-repeat;
	background-image:url('../images/error.png');
	background-position:center center;
	background-size:cover;
	width:14px;
	height:14px;
	margin-right:10px;
	margin-top:2px;
	cursor:pointer;
}

select.selectspec {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position:relative;
	
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	
	color: #7D7D7D;
	background-color:transparent;
	
	border:1px solid #DADADA;
	border-radius:4px;
	
	overflow: hidden;
	text-transform: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	width:100%;
	z-index:2;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position:relative;
	
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	
	color: #7D7D7D;
	background-color:transparent;
	
	border:1px solid #DADADA;
	border-radius:4px;
	
	overflow: hidden;
	text-transform: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	width:310px;
	z-index:2;
}
select:not(#qurQueTitreDialogueSelect):disabled {
	background-color: #efefef;
}



select option:disabled {
	color: #a7a7a7;
}

.champselect::after {
	right:13px;
	top:7px;
	width:9px;
	height:9px;
	border:solid var(--color-logo);
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
}

.selecttrecherche::after {
	border:solid #676768;
	border-width: 0 2px 2px 0;
	margin-left:-1px;
	border-style: groove;
}

.perime{
	display:none;
}
.noClick{
	pointer-events: none;
}
.ssaccordeon.disabled.noClick{
	background-color: #efefef;
}

.majtabreduit {
	max-width: 96%;
}
.sfl-DisDRe-DisInv th span {
	line-height: 13px !important;
}
.sfl-DisDRe-DisInv table tr th {
	font-size:13px !important;
	text-align:center !important;
	border:1px solid white !important; /*passé de 2px à 1px : plus propre (BV 18/11/2021)*/
	padding: 6px 5px 6px 5px !important;
	
	background-color:#e3e3e3 !important;
}
.sflgrandtableau,.sflgrandtableau2 {
	padding:0px;
	border:0px;
	border-radius:0px;
	box-shadow: 0 0 0 0 #dadada;
	overflow:auto;
}
.sflgrandtableau table tr th,.sflgrandtableau2:not(.sfl-DisDRe-DisInv) table tr th {
	font-size:13px !important;
	text-align:center !important;
	border:1px solid white !important; /*passé de 2px à 1px : plus propre (BV 18/11/2021)*/
	padding: 1px 5px 1px 5px !important;
	
	background-color:#e3e3e3 !important;
}
.sflgrandtableau {
	cursor: pointer;
}
.sflgrandtableau table tr th {
	height:auto !important;
}
.sflgrandtableau2 table tr th {
	height:30px !important;
}

.sflgrandtableau table tr td,.sflgrandtableau2 table tr td {
	padding: 1px 5px 1px 5px !important;
	border:1px solid white !important; /*passé de 2px à 1px : plus propre (BV 18/11/2021)*/
	font-size:13px !important;
	
	text-overflow: ellipsis !important; 
	overflow: hidden !important; 
	white-space: nowrap !important;
	max-width: 1px; /*permet de faire en sorte que les largeurs exprimées dans les th soient respectées*/

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
	
	word-break: break-word !important;
}
.sflgrandtableau table tr td {
	line-height:normal !important;
	cursor: default;
}
.sflgrandtableau2 table tr td {
	height: 20px !important;
}
.colorLigneVideAbo {background-color: red !important;color: white !important;}
.bg-gris {
	background-color: #efefef;
}
.bg-rouge {
	background-color: #f7d9d9;
}
.bg-vert {
	background-color: #e5f7d9;
}
.bg-jaune {
	background-color: #f7f5d9;
}
.sflgrandtableau table tr.rouge td{background-color:#f7d9d9;color:#626161;}
.sflgrandtableau table tr.gris td{background-color:#efefef;color:#626161;}
.sflgrandtableau table tr.jaune td{background-color:#f7f5d9;color:#626161;}
.sflgrandtableau table tr.vert td{background-color:#e5f7d9;color:#626161;}
.sflgrandtableau table tr.selected.rouge td{background-color:#e58484;color:white;}
.sflgrandtableau table tr.selected.gris td{background-color:#a5a5a5;color:white;}
.sflgrandtableau table tr.selected.jaune td{background-color:#e5de84;color:white;}
.sflgrandtableau table tr.selected.vert td{background-color:#abe584;color:white;}


.sflgrandtableau2 table tr.bleu td{background-color:#d9eff7;color:#626161;}
.sflgrandtableau2 table tr.jaune td{background-color:#f7f5d9;color:#626161;}
.sflgrandtableau2 table tr.vert td{background-color:#ccfcad;color:#626161;}
.sflgrandtableau2 table tr.selected.bleu td{background-color:#84b9e5;color:#626161;}
.sflgrandtableau2 table tr.selected.jaune td{background-color:#e5de84;color:white;}
.sflgrandtableau2 table tr.selected.vert td{background-color:#97e066;color:white;}

.sflgrandtableau2 table td.bleu {background-color:#d9eff7;color:#626161;}
.sflgrandtableau2 table td.jaune {background-color:#f7f5d9;color:#626161;}
.sflgrandtableau2 table td.vert {background-color:#ccfcad;color:#626161;}
.sflgrandtableau2 table td.rouge {background-color:#f7d9d9;color:#626161;}
.sflgrandtableau2 table th.bleu {background-color:#d9eff7 !important;color:#626161;}
.sflgrandtableau2 table th.jaune {background-color:#f7f5d9 !important;color:#626161;}
.sflgrandtableau2 table th.vert {background-color:#ccfcad !important;color:#626161;}
.sflgrandtableau2 table th.rouge {background-color:#f7d9d9 !important;color:#626161;}
.sflgrandtableau2 table td.selected.bleu {background-color:#84b9e5;color:#626161;}
.sflgrandtableau2 table td.selected.jaune {background-color:#e5de84;color:white;}
.sflgrandtableau2 table td.selected.vert {background-color:#97e066;color:white;}
.sflgrandtableau2 table td.selected.rouge {background-color:#e58484;color:white;}


@media screen and (max-width: 1000px), screen and (max-device-width: 1000px) {
	.entete .nbenrengs{display:none;}
	.entete .titretable.separateur {border-right:0px !important;}
	
	.colonneRecherchecontent .categories {
		background-position:top 12px right 7px;
		background-size:11px 6px;
	}
}
@media screen and (max-height: 850px), screen and (max-device-height: 850px) {
	
}
@media screen and (max-height: 800px), screen and (max-device-height: 800px) {
	
}
@media screen and (max-height: 750px), screen and (max-device-height: 750px) {
	
}
@media screen and (max-height: 700px), screen and (max-device-height: 700px) {
	.rechercheAvancee h3 {margin-bottom:10px;}
	.rechercheAvancee .optionsSelection {margin-bottom:10px;}
}

/* Global au dialogue*/
.dialogueInfosCustom {
	padding: 0px !important;
	height: calc(100% - 56px - 58px) !important;
}
.dialogueInfosCustom .dialogueCustomHtmlContent {
	height: 100% !important;
	max-height: 100% !important;
	background-color: white;
	padding: 0px 0px 0px 25px
}
.dialogueCustomHtmlContent.envoyerEmail, .dialogueCustomHtmlContent.EmailALierDocMsg, .dialogueCustomHtmlContent.sesCreerSousSession, .dialogueCustomHtmlContent.editeurEnqueteFroala, .dialogueCustomHtmlContent.editeurEnqueteFroala2, .dialogueCustomHtmlContent.prblMembresCotisation, .dialogueCustomHtmlContent.envoyerEmailFac, .dialogueCustomHtmlContent.ajoutCodePostal, .dialogueCustomHtmlContent.enuUtiModifier, .dialogueCustomHtmlContent.enuUtiAjouter, .dialogueCustomHtmlContent.formSaveMailing, .dialogueCustomHtmlContent.formEnvoiDisponibiliteReu, .dialogueCustomHtmlContent.formAjoutFicheRemplacement, .dialogueCustomHtmlContent.formGenererMailing, .dialogueCustomHtmlContent.formTesterMailing, .dialogueCustomHtmlContent.ajouterFicheLieu, .dialogueCustomHtmlContent.diaSignerDocument {
	padding: 0px !important;
}
.dialogueCustomHtmlContent.envoyerEmail .destSup {
	/*height: 15px;
	width: 15px;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/error.png');
	position: relative;
	top: 4px;*/
	font-weight: bold;
	
}
.dialogueCustomHtmlContent.envoyerEmail .destSup:hover {
	cursor: pointer;
}
.dialogueCustomHtmlContent.envoyerEmail .ssaccordeon, .dialogueCustomHtmlContent.envoyerEmailFac .ssaccordeon, .dialogueCustomHtmlContent.ajoutCodePostal .ssaccordeon, .dialogueCustomHtmlContent.formSaveMailing .ssaccordeon, .dialogueCustomHtmlContent.formEnvoiDisponibiliteReu .ssaccordeon, .dialogueCustomHtmlContent.formAjoutFicheRemplacement .ssaccordeon, .dialogueCustomHtmlContent.formGenererMailing .ssaccordeon, .dialogueCustomHtmlContent.formTesterMailing .ssaccordeon, .dialogueCustomHtmlContent.ajouterFicheLieu .ssaccordeon, .dialogueCustomHtmlContent.diaSignerDocument .ssaccordeon  {
	font-weight: bold;
}
.dialogueCustomHtmlContent.envoyerEmail .blocfroala, .dialogueCustomHtmlContent.envoyerEmailFac .blocfroala  {
	margin-left: 30px;
	margin-right: 30px;
}
.dialogueInfosCustom .dialogueCustomHtmlContent:not(#txtFullScreen) {
	overflow-y: auto;
}
.dialogueInfosCustom .dialogueCustomHtmlContent.ajoutCodePostal, .dialogueCustomHtmlContent.enuUtiModifier,.dialogueCustomHtmlContent.enuUtiAjouter, .dialogueInfosCustom .dialogueCustomHtmlContent.formSaveMailing, .dialogueInfosCustom .dialogueCustomHtmlContent.formEnvoiDisponibiliteReu, .dialogueInfosCustom .dialogueCustomHtmlContent.formAjoutFicheRemplacement, .dialogueInfosCustom .dialogueCustomHtmlContent.formGenererMailing, .dialogueInfosCustom .dialogueCustomHtmlContent.formTesterMailing, .dialogueInfosCustom .dialogueCustomHtmlContent.ajouterFicheLieu, .dialogueInfosCustom .dialogueCustomHtmlContent.diaSignerDocument {
	overflow-y: auto !important;
}
.ajoutCodePostal .blocchamp .libelle, .enuUtiAjouter .blocchamp .libelle, .enuUtiModifier .blocchamp .libelle, .formSaveMailing .blocchamp .libelle, .formEnvoiDisponibiliteReu .blocchamp .libelle, .formAjoutFicheRemplacement .blocchamp .libelle, .formGenererMailing .blocchamp .libelle, .formTesterMailing .blocchamp .libelle, .diaSignerDocument .blocchamp .libelle, .ajouterFicheLieu .blocchamp .libelle {
	width: 165px !important;
}
.ajoutCodePostal .blocchamp,.enuUtiAjouter .blocchamp,.enuUtiModifier .blocchamp, .formSaveMailing .blocchamp, .formGenererMailing .blocchamp, .formTesterMailing .blocchamp, .diaSignerDocument .blocchamp, .ajouterFicheLieu .blocchamp {
	margin-left: 30px !important;
	margin-right: 30px !important;
}
.formEnvoiDisponibiliteReu .blocchamp {
	margin-left: 9px !important;
	margin-right: 36px !important;
}
.dialogueInfosCustom .dialogueCustomHtmlContent .form:not(.formParamsRecherche,.formTxtFullScreen,.formEnvoyerEmail,.formAjoutCodePostal,.formGenererMai,.formEnvoiDisponibiliteReu,.formAjoutFicheRemplacement,.formAjoutLieu,.formAjoutSignataire,.docLieInfosDescriptions,.docLieForm, .qurQurSelectCellulesForm, .editeurEnqueteFroala .form, .editeurEnqueteFroala2 .form, .newRapprochementFinCon .form, .derapprocherConFin .form) {
	margin: 25px 25px 25px 0px !important;
	box-shadow: unset !important;
}
.dialogueInfosCustom .dialogueCustomHtmlContent .form.formExclureAff {
	margin: 26px 5px 25px 0px !important;
}
.newRapprochementFinCon .form, .derapprocherConFin .form {
	margin: 0px 25px 25px 0px !important;
	height: calc(100% - 85px) !important;
}
.dialogueInfosCustom .dialogueCustomHtmlContent .form.formEnvoyerEmail, .formParamsRecherche, .editeurEnqueteFroala .form, .editeurEnqueteFroala2 .form, .dialogueInfosCustom .dialogueCustomHtmlContent .form.formAjoutCodePostal, .dialogueInfosCustom .dialogueCustomHtmlContent .form.formGenererMai, .dialogueInfosCustom .dialogueCustomHtmlContent .form.formEnvoiDisponibiliteReu, .dialogueInfosCustom .dialogueCustomHtmlContent .form.formAjoutFicheRemplacement, .dialogueInfosCustom .dialogueCustomHtmlContent .form.formAjoutLieu, .dialogueInfosCustom .dialogueCustomHtmlContent .form.formAjoutSignataire {
	margin: 0px !important;
}

.dialogueCustomHtmlContent .container .noborder {
	border:0px !important;
	display:flex;
	align-items: center;
	width: unset;
}
.dialogueCustomHtmlContent .container.noborder .checkmark,.dialogueCustomHtmlContent .container.noborder.focus .checkmark {top:unset;left:5px;}
.dialogueCustomHtmlContent .container.noborder.focus {
	border:0px;
}
.dialogueCustomHtmlContent .containerradio,
.dialogueCustomHtmlContent .container {
	padding: 4px 5px 4px 35px !important;
    font-family: 'source_sans_prosemibold',sans-serif !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    letter-spacing: 0.5px !important;
    width: 268px !important;
	color: #7D7D7D !important;
}
.dialogueCustomHtmlContent .tdcheckbox .container,.dialogueCustomHtmlContent .tdsflcheckbox .container {
	width: 16px !important;
	padding:0px  !important;
}
.dialogueCustomHtmlContent:not(.ensvotAjouterVotant, .ensvotModifierVotants, .votModifierRepresentants) label.container {
	border: 1px solid #DADADA !important;
	border-radius: 4px !important;
}
.dialogueCustomHtmlContent:not('.ensvotAjouterVotant') .tdcheckbox label.container,.dialogueCustomHtmlContent:not('.ensvotAjouterVotant') .tdsflcheckbox label.container {
	border: 0px !important;
}
.dialogueCustomHtmlContent .container {
	border: 1px solid #DADADA;
	border-radius: 4px !important;
}
.dialogueCustomHtmlContent .containerradio .checkmark:not(.page_8291 .containerradio .checkmark) {
	border-radius: 10px !important;
    left: 9px !important;
}
.dialogueCustomHtmlContent .checkmark{
	left:10px !important;
}
.dialogueCustomHtmlContent .tdcheckbox .checkmark,.dialogueCustomHtmlContent .tdsflcheckbox .checkmark{
	left:0px !important;
}

.dialogueInfosCustom .dialogueCustomHtmlContent.updateTxt4w7 {
	/*padding: 0px !important;*/
}
.dialogueInfosCustom .dialogueCustomHtmlContent.consulterTxt4w7,
.dialogueInfosCustom .dialogueCustomHtmlContent.consulterTxt4w7Ver {
	padding: 0px 0px 0px 20px
}
.dialogueCustomHtmlContent.updateTxt4w7Multi .form,
.dialogueCustomHtmlContent.updateTxt4w7Multi .blocchamp,
.dialogueCustomHtmlContent.consulterTxt4w7Multi .form {
	margin: 0px !important;
}
.dialogueCustomHtmlContent.consulterTxt4w7 .form,
.dialogueCustomHtmlContent.consulterTxt4w7Ver .form {
	margin: 20px 20px 20px 0px !important;
}
.dialogueCustomHtmlContent.updateTxt4w7 .form {
	margin: 15px !important;
}
.dialogueCustomHtmlContent.consulterTxt4w7 .froalaRendu,
.dialogueCustomHtmlContent.consulterTxt4w7Ver .froalaRendu,
.dialogueCustomHtmlContent.consulterTxt4w7Multi .froalaRendu {
	border: 1px solid #dbdbdb !important;
	border-radius:10px !important;
	padding: 0px 15px 0px 15px !important;
}
.dialogueCustomHtmlContent.consulterTxt4w7Multi .dctTitre,
.dialogueCustomHtmlContent.updateTxt4w7Multi .dctTitre {
	height:20px;
	position: relative;
}
.dialogueCustomHtmlContent.consulterTxt4w7Multi .dctTitre div,
.dialogueCustomHtmlContent.updateTxt4w7Multi .dctTitre div{
	position: absolute;
	bottom: 0;
	left: 0;
	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.errortitre #titre {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.errortitre {
	height: 20px;
}

.dialogueCustomP {
	margin: 0px;
	padding: 30px;
	font-size: 17px;
	color: #7A7A7A;
	font-family: var(--font-familydefault);
}
.docTextPubliInterdite {
	font-family: var(--font-familydefault);
	color: red;
	font-size: 1.1em;
	padding-bottom: 20px;
}

/* Spécifique pour le form génération courrier*/
/*.dialogueInfosCustom .formGenererMai .zg {
	margin-left: 0px !important;
	margin-right: 0px !important;
}*/
/*.dialogueInfosCustom .formGenererMai .blocchamp .libelle {
	width: 0px !important;
	margin-right: 100px !important;
}*/

.dialogueInfosCustom .formOpCoFi th {
	text-align: left !important;
}
.dialogueInfosCustom .formOpCoFi th.alignright {
	text-align: right !important;
}
.dialogueInfosCustom .formOpCoFi .trConFin:hover {
	cursor: pointer;
}
.dialogueInfosCustom .formOpCoFi .tdLigneSomme {
	background-color: #efefef;
}
.dialogueInfosCustom .formOpCoFi .tdLigneSomme.vert {
	color: green;
}
.dialogueInfosCustom .formOpCoFi .tdLigneSomme.rouge {
	color: red;
}

.dialogueInfosCustom .formOpCoFi .trFIN td,.bgFIN input{
	background-color: #eaf4ea !important;
}

.dialogueInfosCustom .formOpCoFi .trCOM td,.bgCOM input{
	background-color: #ffeaea !important;
}
.dialogueInfosCustom .formOpCoFi .trFIN.selected td{
	background-color: #66B266 !important;
	color: #FFF;
}
.dialogueInfosCustom .formOpCoFi .trCOM.selected td{
	background-color: #ff6666 !important;
	color: #FFF;
	font-weight: bold;
}

.dialogueInfosCustom .formOpCoFi td.totalSelected {
	font-weight: bold;
}
.dialogueInfosCustom .formOpCoFi label.sanslabel {
	top: 3px !important;
}
.dialogueInfosCustom .formOpCoFi .trclassement td {
	background-color: #FFF !important;
	color: #7A7A7A !important;
	font-weight: bold;
	letter-spacing : 1.5px;
	/*border-top: 1px solid #7A7A7A;*/
}

#rapproComFinSelect {
	font-family: 'source_sans_prosemibold',sans-serif;
	font-weight: 500;
	font-size: 17px;
	padding: 2px 30px 4px 6px;
	letter-spacing: 0.5px;
	color: var(--color-logo);
	background-color: #FFF;
	height: 33px;
}
#rapproComFinSelectDIV {
	margin-left: 4px;
	display: inline-flex;
}
#rapproComFinSelectDIV label.container{
	width: auto !important;
	border: 0px;
}
#rapproComFinSelectDIV .champselect::after {
	top: auto;
	right: 1176px !important;
	bottom: 26px !important;
	z-index: 9999;
}

#errorConFin .invalide, #errorConFinRelDiff .invalide {
	margin: 0px;
}
#errorConFinText, #errorConFinRelDiffText {
	padding-left: 33px;
	font-weight:bold;
	color: #7A7A7A;
	font-size: 17px;
	font-family: var(--font-familydefault);
}
.formOpCoFi label.container {
	width: 0px !important;
	border: 0px !important;
}

/* Spécifique pour le form rendu courrier & OpCoFi*/
.dialogueInfosCustom .couApercu .zg, .dialogueInfosCustom .formOpCoFi .zg {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.dialogueInfosCustom .couApercu .blocchamp .libelle,
.dialogueInfosCustom .formOpCoFi .blocchamp .libelle {
	width: 0px !important;
	margin-right: 0px !important;
}
.dialogueInfosCustom .couApercu .blocchamp .champ {
	width: calc(100% - 30px) !important;
}
.dialogueInfosCustom .couApercu .blocchamp .champ input,
.dialogueInfosCustom .couApercu .blocchamp .champ textarea,
.dialogueInfosCustom .couApercu .blocchamp .champ .fr-view {
	width: 100% !important;
}
.dialogueInfosCustom .couApercu .nom {
	width: 100% !important;
}

.ligneVideAbonne {
	height: 21px;
}
.colorLigneVide {background-color: #a5a5a5 !important;}
div.looktextarea {
	padding:10px;
	overflow:auto;
	color:unset !important;
}
.noborder0 {
	border: 0px !important;
}
.forceDisplayBlock {
	display: block !important;
}
.forceDisplayNone {
	display: none !important;
}
.explorateur .exploDctSig ul li span {
	color: #7D7D7D;
}

.actifAdrTel {
	background-color: var(--main-bg-color);
}
.actifAdrTel a, #DesLisContextMenuAdrTelecom li:hover a{
	color: white !important;
}
.lineh15 {line-height: 15px !important;}
.tailleh-auto{height: auto !important;font-size: 14.5px;}

.zgcontentmulti:last-child {margin-bottom: 30px !important;}

.fr-view-disable .froalaRendu {
	font-family: sans-serif;
	color: #414141;
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 14px;
	padding-right: 14px;
}
.fr-view-disable .froalaRendu :first-child, .fr-element.fr-view :first-child{
	margin-top: 0px !important;
}
.fr-view-disable .froalaRendu :last-child, .fr-element.fr-view :last-child {
	margin-bottom: 0px !important;
}
.fr-element.fr-view{
	line-height: 1;
}

.simple-close {
	background-image: url('../Images/simple-close.png');
	background-size: 26px 26px;
}

.textcolor-red {
	color: red !important;
}

.dialogueCustomHtmlContent .container.chercher{
	width: 180px !important;
}
.fulltaille {
	width: 95.5% !important;
}

#accMaiVerTxt .blocfroala  {
	margin-top: 5px;
	margin-bottom: 5px;
}
.maiLettreFooter {
	padding-bottom: 30px;
}

.spannormal{
	font-family: 'source_sans_proregular' !important;
	font-size: 16px !important;
	color: #7D7D7D !important;
}
.spannormal.gras {
	font-family: 'source_sans_probold' !important;
}
.spancourant {
	font-family: 'source_sans_probold' !important;
	font-size: 16px !important;
	color: #7D7D7D !important;
}
.specMargBottom30 {
	margin-bottom: 30px !important;
}
.smallsup { /* Pour les balises sup*/
	font-size: small;
	vertical-align: text-top;
}
.messErreurDialogue {
	margin-left: -100px;
	max-width: 100%;
	width: 500px;
	text-align: center;
	padding-top: 3px;
	color: rgb(185, 11, 11);
}

.checkboxperso {
	border: 1px solid #dbdbdb;
	padding: 4.5px 0px 6.5px 0px;
	border-radius: 5px;
}
.paddingCustom1{
	padding:20px 20px 0px 100px !important;
}

.logPassword::-ms-reveal,.logPassword ::-ms-clear {display: none;} /* Permet de ne pas afficer le petit oeil auto dans Edge*/


.visioDctMsg {
	font-family: 'source_sans_prosemibold',sans-serif;
	font-size: 16px;
	padding: 3px 10px 5px 10px;
	letter-spacing: 0.5px;
	color: #7D7D7D;
}
#wrapVisioDctMsg {
	background-color: #efefef;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	border: 1px solid #DADADA;
	border-radius: 4px;
	margin: 0px;
}
.visioDctMsgTH {
	width:75px;
	vertical-align: top;
}
.visioDctMsgSeparator,#visioDctMsgSeparator {
	width: calc(100% - 20px);
	margin: 6px 10px;
	height: 1px;
	background-color: #AEAEAE;
}

.lignedoclie .logoDct {
	background-repeat:no-repeat;
	background-image:url('../images/DOCUMENTS_BLUE.png');
	background-size: 25px;
	background-position-y: -4px;
	background-position-x: -3px;
	min-width: 30px;
	height: 28px;
}
.lignedoclie .logoDesc {
	background-repeat:no-repeat;
	background-image:url('../images/iconesThemes/bleu/Taches.png');
	background-size: 25px;
	background-position-y: -4px;
	min-width: 30px;
	height: 28px;
}

.left .element .icone {
	width: 26px;
	min-width: 26px;
	height: 28px;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 13px;
	display: block;
	background-color: white;
}
.left .element .libelle {
	font-size: 16px;
	font-family: var(--font-familydefault);
	font-weight: 600;
}
.connexion :not(.bandeauaffiche) #bandeauVersion{display: none;}

.switchgen{
	position: relative;
	display: inline-block;
	width: 38px;
	height: 18px;
	margin-left: 3px;
}
.tdswitchgen {
	padding-top: 7.5px !important;
	padding-bottom: 3px !important;
}
.switchgen input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slidergen {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #dadada;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 18px;
}
.slidergen:before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: 4px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .5s;
	transition: .5s;
	border-radius: 50%;
}
.switchgen.cbswitch input + .slidergen {
	background-color: var(--color-fleche);
}
.switchgen.cbswitch input:focus + .slidergen {
	box-shadow: 0 0 1px var(--color-fleche);
}
.switchgen.cbswitch input + .slidergen:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}
.doubleauthmessage {
	font-size: 18px;
    text-align: center;
    letter-spacing: -0.02em;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: var(--font-familydefault);
    color: #4d4d4d;
}
.liendoubleauth {
	cursor: pointer;
    color: #949494;
	transition: 0.3s;
}
.liendoubleauth:hover {
	color: var(--accent500) !important;
}
.semititredoubleauth {
	font-size: 18px;
    text-align: center;
    letter-spacing: -0.02em;
    margin-top: -16px;
    margin-bottom: 24px;
    font-family: var(--font-familydefault);
    font-weight: 500;
    color: #4d4d4d;
}
/* Nouveauté Disponibilité Invités Réunions */

.dnone {
	display: none !important;
}
.dblock {
	display: inline-block !important;
}
.notShowElementBtn{
	display: none !important;
}
.listeDisInvTotExplo{
	padding: 25px 30px 25px 30px !important;
}
.bgDisInvNew {
	height: 100%;
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-image: none;
	z-index: 0;
	background-color: #fafafa;
	overflow-y: auto;
	overflow-x: hidden;
}
.blocDisInvNew1 {
	top: 0px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 130px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20);
	padding: 12px 12px 12px 32px;
	display: flex;
	flex-direction: row;
}
.empDisInvLogo {
	top: 0px;
	display: flex;
	align-items: center;
	height: 100%;
	width: 180px;
}
.empDisInvAutre {
	height: 100%;
	width: 100%;
}

.logoDisInv {
	height: 80px;
	width: 88px;
	background-repeat: no-repeat;
	background-size: cover;
}
.logoDisInvOMC,.logoDisInvDéveloppement{
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/OMC_Logo3.png');
}
.nomargp{
	margin-block-start: 0;
	margin-block-end: 0;
}
.disInvFontPetit{
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: bold;
	font-size: 10.5px;
	letter-spacing: 1.5px;
	color: #D6E4EA;
}
.disinvInvit{
	letter-spacing: 1px;
	position: absolute;
	top: 20px;
}
.disinvInvit2{
	font-family: var(--font-familydefault);
	font-size: 30px;
	color: white;
	letter-spacing: 0.4px;
	position: absolute;
	top: 34px;
	font-weight: bold;
}
.empDisInvAutreBas {
	top: 100px;
	width: 100%;
	position: absolute;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: row;
}
.empDisInvAutreBas1, .empDisInvAutreBas2 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.empDisInvAutreBas1 {margin-right: 20%;}
.disinvInvit4 {
	font-family: var(--font-familydefault);
	letter-spacing: 0.8px;
	font-weight: bold;
	font-size: 14px;
	color: white;
	margin-top: 4px;
}
.blocDisInvNewMain {
	top: 32px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 96%;
}
.disinvMainTitre{
	font-family: var(--font-familydefault);
	letter-spacing: 0.8px;
	font-weight: bold;
	font-size: 18px;
	color: #46606C;
}
.disinvtabinvi.sansinvi {
	height: 200px !important;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 0px 0px 0px 0px;
}
.disinvtabinvi{
	height: 250px;
	margin-top: 20px;
    background-color: #ffffff;
    height: calc(100% - 260px) !important;
    border-radius: 8px;
	box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 4px 4px 24px rgba(0 0 0 / 8%);
    -moz-box-shadow: 4px 4px 24px rgba(0,0,0,0.08);
	padding: 18px 18px 0px 18px;
}
.tableauDatesDisInvComp {
    position: relative;
	border-radius: 8px;
	padding-bottom: 18px;
	padding-left: 18px;
	padding-right: 18px;
}
.tableauDatesDisInv{
	display: table;
	width: 100%;
    position: relative;
	background-color: #E9F3F8;
	border-radius: 8px;
}
/*.listeDisInvTotExplo .tr:hover{
	background-color: #d9eff7;
}*/
.tableauDatesDisInv2{
	display: table;
	top: 9px;
	width: 100%;
    position: relative;
	background-color: white;
}

.tableauDatesDisInv thead tr th{
    position: sticky;
    top: 0px;
    z-index: 9;
    height: 100px;
}
.tableauDatesDisInv2 tbody tr td{
	position: sticky;
}
.empLogoDatesDisInv {
    min-width: 280px;
    max-width: 20px;
    width: 280px;
    z-index: 2;
    text-align: left;
    vertical-align: bottom;
}
.stylemjdisinv{
	font-family: var(--font-familydefault);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.1em;
	color: #475f6d;
}
.stylegranddisinv{
	font-family: var(--font-familydefault);
	font-weight: bold;
	font-size: 34px;
	color: #46606C;
}
.stylesimpledisinv{
	align-items: center;
	font-family: var(--font-familydefault);
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: #93ADB9;
}
.disinvtime {
	margin-top: 12px;
	color: #46606C !important;
	font-weight: bold !important;
	font-size: 17px !important;
}
.imageDisInvReunion{
	background-image: url('https://cdn.organica.technology/OfficeWeb/bg/Doodle_Meeting.svg');
	width: 150px;
	height: 140px;
	background-size: cover;
	bottom: 0;
	margin-bottom: -2px;
	margin-left: 20px;
}
.stylenomdisinv{
	font-family: var(--font-familydefault);
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #46606C;
	margin-block-start: 0;
    margin-block-end: 0;
}
.styleNomInviteDisInv{
	font-family: var(--font-familydefault);
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #5C7B8A;
	margin-block-start: 0;
    margin-block-end: 0;
	margin-left: 16px;
}
.imgMeDisInv{
	top: 242px;
	position: absolute;
	background-image: url(https://cdn.organica.technology/OfficeWeb/bg/Doodle_Me.svg);
    width: 36px;
    height: 36px;
    background-size: cover;
    left: -10px;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}
.imgMeDisInvInterne{
	position: absolute;
	background-image: url(https://cdn.organica.technology/OfficeWeb/bg/Doodle_MeUser.svg);
    background-size: cover;
	z-index: 9999;
	width: 16px;
	height: 16px;
	left: 8px;
}
.tdColonneNomDisInv{
	min-width: 284px;
    max-width: 284px;
    width: 284px;
}
.tdColonneDateDisInv{
	width: 160px;
}
.thNomPartDisInvComp {
	display: flex;
	text-align: left;
	align-items: center;
	margin-left: 24px;
	height: 50px;
	padding-right: 8px;
}
.tdNomTabDisInv{
	display: flex;
	text-align: left;
	align-items: center;
	height: 48px;
	width: 284px;
	margin-left: 14px;
}
.fullLigneDisInvInv{
	display: flex;
    align-items: center;
	width: 100%;
	border-bottom: 2px solid #F5F5F5;
}
.voteDisInv{
	font-family: var(--font-familydefault);
	font-size: 15px;
    height: 38px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 8px;
    margin: 4px 4px 4px 4px;
	min-width: 150px;
	max-width: 150px;
	width: 150px;
}
.voteDisInv:hover{
	cursor: pointer;
}
.typechoixdisinvme {
	margin-left: -144px;
	line-height: 14px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.disinvplineh14{
	line-height: 14px;
}
.contPDisInvLabel {
	display: flex;
	justify-content: center;
}
.tableauDatesDisInv2 td{z-index: 99;}
.dropdowndisinv {
	height: 48px;
}
.imgDropDownDisInv{
	display: block;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    width: 20px;
    height: 20px;
    cursor: pointer;
	margin-left: 124px;
}
.imgDropDownDisInvInt{
	-webkit-mask: url('../Images/iconesBoutons/flechebas.svg') no-repeat center /100% 100%;
    mask: url('../Images/iconesBoutons/flechebas.svg') no-repeat center /100% 100%;
    width: 20px;
    height: 20px;
    margin: auto;
}
.voteDisInv.voteOk{
	background-color: #e4ffe7;
	color: #569540;
	border: 1px solid #ADDFAF;
}
.voteDisInv.voteNok{
	background: #FFEDED;
	border: 1px solid #DFADAD;
	color: #954040;
}
.voteDisInv.voteNok:hover:not(.nodropvote){
	background: #ffdbdb;
}
.voteDisInv.voteOk:hover:not(.nodropvote){
	background-color: #d3ffdb;
}
.ligneDateInvDisInv.voteNok{
	background: #FFEDED;
	color: #954040;
}
.ligneDateInvDisInv.voteOk{
	background-color: #e4ffe7;
	color: #569540;
}
.ligneDateInvDisInv.votePasEncore {
	background-color: #efefef;
    color: #b5b5b5;
}
.voteOk :not(.noDropdown) .imgDropDownDisInvInt{
	background-color: #569540;
}
.voteNok :not(.noDropdown) .imgDropDownDisInvInt{
	background-color: #954040;
}
.divConfirmDisInv {
	display: flex;
	justify-content: flex-end;
	margin-top: 12px;
}
.confirmerElemDisInv{
	background: #EE752D;
	border-radius: 8px;
	padding: 1px 16px;
	width: 113px;
	height: 40px;
	color: white;
	font-family: var(--font-familydefault);
	font-weight: 700;
	font-size: 19px;
	display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
	letter-spacing: 0.8px;
	transition: 0.4s;
}
.confirmerElemDisInv:hover{
	cursor: pointer;
	background-color: #ac4e18;
}
.disinvInviTitre {
	margin-top: 10px;
}
.disinvtabdate{
	overflow-y: hidden;
	overflow-x: auto;
	height: 220px;
	margin-top: 20px;
    background-color: #ffffff;
    height: calc(100% - 300px) !important;
    border-radius: 8px;
	box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 4px 4px 24px rgba(0 0 0 / 8%);
    -moz-box-shadow: 4px 4px 24px rgba(0,0,0,0.08);
	padding: 18px 0px 0px 0px;
}
.titreInterneTabDisInv {
	color: #B1C4CE;
	font-family: var(--font-familydefault);
	font-style: normal;
	font-weight: 700;
	font-size: 23.04px;
}
.divConfMessage{
	font-family: var(--font-familydefault);
	font-style: normal;
	font-size: 17px;
    display: flex;
	padding-right: 20px;
    align-items: center;
	color: #b04040;
}
.disinvinvitetabliste{
	margin-top: 20px;
    position: absolute;
	width: 100%;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    height: calc(100% - 124px) !important;
    border-radius: 8px;
    box-shadow: 4px 4px 24px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 4px 4px 24px rgb(0 0 0 / 8%);
    -moz-box-shadow: 4px 4px 24px rgba(0,0,0,0.08);
    overflow: auto;
}
.tabpartdisinvinvi table {
	border-collapse: collapse;
}
.tabpartdisinvinvi table tr{
	border-bottom: 2px solid #F5F5F5;
	line-height: 1.8em;
}
.tdTabDisInvInvComp{
	min-width: 298px;
    max-width: 298px;
    width: 298px;
	padding-right: 8px;
}
.imgInvDisInv{
	display: block;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    width: 16px;
    height: 16px;
}
.imgInvDisInvInterne{
	-webkit-mask: url(https://cdn.organica.technology/OfficeWeb/bg/Doodle_MeUser.svg) no-repeat center /100% 100%;
    mask: url(https://cdn.organica.technology/OfficeWeb/bg/Doodle_MeUser.svg) no-repeat center /100% 100%;
    width: 16px;
    height: 16px;
    margin: auto;
	background-color: #5C7B8A;
}
.tdColonneInvDisInv{
	align-items: center;
    text-align: center;
    justify-content: center;
}
.tdDivColonneInvDisInv{
	width: 162px;
	display: flex;
	justify-content: center;
	color: #93ADB9;
}
.tableInvDisInv{
	width: 100%;
}
.tdSupInvDisInv{
	width: 162px;
}
.ligneDateChoixInvDisInv{
	text-align: center;
	width: 162px;
}
.ligneDateInvDisInv {
	display: inline-block;
	border-radius: 8px;
	font-family: var(--font-familydefault);
	font-size: 15px;
	width: 150px;
	height: 34px;
	display: flex;
	align-items: center;
    text-align: center;
    justify-content: center;
}
.headDateDisInv {
	width: 160px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	font-family: var(--font-familydefault);
	color: #131313;
	margin-top: 8px;
	padding-bottom: 6px;
}
.divheadDateDisInv {
	height: 140px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	cursor: default;
}
.dropdcont {
	display: none;
	position: fixed;
	background-color: #f5f5f5;
	min-width: 150px;
	border-radius: 8px;
	margin-left: 4px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 9999;
}
.dropdcont p {
	color: #46606C;
	padding: 10px 16px;
	text-decoration: none;
	border-radius: 8px;
	display: block;
	font-family: var(--font-familydefault);
	font-size: 15px;
	margin-block-start: 0;
	margin-block-end: 0;
	font-weight: normal;
}
.dropdcont p:hover {
	background-color: #dddddd; cursor: pointer;
}
.afficher {
	display: block !important;
}
.blocDisInvNew1{
	background: rgba(70,97,108,1);
	background: -moz-linear-gradient(left, rgba(70,97,108,1) 0%, rgba(74,160,173,1) 100%);
	background: -webkit-linear-gradient(left, rgba(70,97,108,1) 0%, rgba(74,160,173,1) 100%);
	background: -o-linear-gradient(left, rgba(70,97,108,1) 0%, rgba(74,160,173,1) 100%);
	background: -ms-linear-gradient(left, rgba(70,97,108,1) 0%, rgba(74,160,173,1) 100%);
	background: linear-gradient(to right, rgba(70,97,108,1) 0%, rgba(74,160,173,1) 100%);
}
.organica_doodle{
    display: block;
}
.logonoliste.organica_doodle{
	margin-top: 60px !important;
}
.lastTabDisInv{
	margin-right: auto;
	margin-left: auto;
	width: 96%;
	bottom: 0px !important;
    position: relative !important;
    margin-top: 340px !important;
	display: flex;
    justify-content: flex-end;
}
.espaceTabDisInvFin{
	bottom: 0px !important;
    position: relative !important;
    display: block;
    float: right;
    height: 20px;
    width: 100%;
}
.mblocMeChoixDisInv{display: none !important;}
.mDivConfirmDisInv{display: none !important;}
.mblocDatesDisInv{display: none !important;}
.mblocPageDetailInv{display: none !important;}
/* Mobile */
@media screen and (max-width: 769px), screen and (max-device-width: 769px){
	.blocDisInvNewMain{
		display: none;
	}
	.bgDisInvNew{
		overflow-y: auto;
		overflow-x: hidden;
	}
	.empDisInvLogo{
		width: 100%;
		justify-content: center;
		padding-top: 16px;
	}
	.disinvInvit, .disinvInvit2, .empDisInvAutreBas{
		position: relative;
	}
	.disinvInvit2, .disinvInvit{
		top: 0px;
	}
	.empDisInvAutreBas{
		top: 0px;
		display: block;
		padding-top: 40px;
	}
	.empDisInvAutre{
		padding-top: 50px;
		padding-left: 10px;
	}
	.empDisInvAutreBas2{
		padding-top: 30px;
		padding-bottom: 26px;
	}
	.blocDisInvNew1 {
		position: relative;
		height: auto;
		padding: 0px;
		display: block;
	}
	.mblocMeChoixDisInv{
		display: block !important;
		padding-top: 36px;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.imgMeDisInv{
		top: auto;
		left: auto;
		margin-left: 8px;
		margin-top: 6px;
	}
	.mblocMeInterneDisInv{
		height: 48px;
		background-color: #D6E4EA;
		border-radius: 12px;
		left: 0px;
		margin-left: 20px;
		width: calc(96% - 20px);
		display: flex;
		align-items: center;
	}
	.mpMeIntDisInv{
		font-family: var(--font-familydefault);
		font-weight: 400;
		font-size: 16px;
		line-height: 140%;
		color: #46606C;
		margin-left: 36px;
	}
	.mDivConfirmDisInv{
		z-index: 989;
		height: 64px;
		background: #FFFFFF;
		box-shadow: 0px -4px 24px rgba(0, 0, 0, 0.08);
		border-radius: 12px 12px 0px 0px;
		width: 100%;
		bottom: 0;
		position: fixed;
		justify-content: center;
    	align-items: center;
    	display: flex !important;
	}
	.mBtnConfDisInv{
		z-index: 9999;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px 0px;
		background-color: #EE752D;
		border-radius: 8px;
		color: white;
		font-family: var(--font-familydefault);
		font-weight: 700;
		font-size: 16px;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		cursor: pointer;
		transition: 0.4s;
	}
	.mBtnConfDisInv:hover{
		background-color: #ac4e18;
	}
	.mblocDatesDisInv{
		padding-top: 36px;
		display: block !important;
	}
	.mcontentDateDisInv{
		display: flex;
		justify-content: flex-start;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.m1IntDisInvBlocDates{
		width: 24%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.m2IntDisInvBlocDates{
		width: 100%;
	}
	.m2DisInvDateSpec{
		width: 94%;
		height: 100%;
		background-color: #FFFFFF;
		box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
		border-radius: 12px;
	}
	.m2DisInvDateSpecInt{
		padding: 16px;
		width: auto;
		height: auto;
	}
	.mstyleicondisinv{
		width: 16px;
		height: 16px;
		margin: auto;
		background-color: #93ADB9;
	}
	.mstyleicondisinv.clock{
		-webkit-mask: url('../Images/iconesBoutons/Doodle_Clock.svg') no-repeat center /100% 100%;
		mask: url('../Images/iconesBoutons/Doodle_Clock.svg') no-repeat center /100% 100%;
	}
	.mstyleicondisinv.maps{
		-webkit-mask: url('../Images/iconesBoutons/Doodle_Maps.svg') no-repeat center /100% 100%;
		mask: url('../Images/iconesBoutons/Doodle_Maps.svg') no-repeat center /100% 100%;
	}
	.mcontainerTimeDisInv, .mcontainerTimeDisInv2{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mcontainerTimeDisInv2, .mcontainerTimeDisInvDern{
		padding-top: 14px;
	}
	.mcontainerTimeDisInvDern{
		display: block;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.stylesimpledisinv{
		line-height: 100%;
		padding-left: 8px;
	}
	.mcontDisInvTime{display: flex;}
	.switchContentDisInv{
		position: relative;
		display: inline-block;
		width: 40px;
		height: 24px;
	}
	.switchContentDisInv input {
		opacity: 0;
		width: 0;
		height: 0;
	}
	.sliderDisInv {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		transition: .4s;
		border-radius: 24px;
	}
	.sliderDisInv:before {
		position: absolute;
		content: "";
		height: 16px;
		width: 16px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
		border-radius: 50%;
	}
	.switchContentDisInv input:checked + .sliderDisInv {
		background-color: #569540;
	}
	.switchContentDisInv input:focus + .sliderDisInv {
		box-shadow: 0 0 1px #569540;
	}
	.switchContentDisInv input:checked + .sliderDisInv:before {
		-webkit-transform: translateX(16px);
		-ms-transform: translateX(16px);
		transform: translateX(16px);
	}
	.mpaddisinv {
		padding-top: 16px;
	}
	.dropdcont{
		position: absolute;
		min-width: calc(76% - 40px);
	}
	.voteDisInv {
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}
	.tdColonneDateDisInv {
		width: 100%;
	}
	.typechoixdisinvme {
		margin-left: 0px;
	}
	.voteDisInv {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.contPDisInvLabel{
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		margin-left: 28px;
	}
	.imgDropDownDisInv{
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		margin-left: 0px;
		padding-right: 8px;
	}
	.dropdowndisinv {
		height: 40px;
	}
	.mblockinvitesdisinv{
		padding: 0px 14px;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.minternebtninvitedisinv{
		height: 68px;
		background: #FFFFFF;
		box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
		border-radius: 12px;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0px 18px;
		cursor: pointer;
	}
	.imgSuivDisInv{
		display: block;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: center center;
		width: 32px;
		height: 32px;
	}
	.imgSuivDisInvInt{
		-webkit-mask: url(../Images/iconesBoutons/droite.svg) no-repeat center /100% 100%;
		mask: url(../Images/iconesBoutons/droite.svg) no-repeat center /100% 100%;
		width: 32px;
		height: 32px;
		margin: auto;
		background-color: #93ADB9;
	}
	.imgSuivDisInvInt2{
		-webkit-mask: url(../Images/iconesBoutons/gauche.svg) no-repeat center /100% 100%;
		mask: url(../Images/iconesBoutons/gauche.svg) no-repeat center /100% 100%;
		width: 32px;
		height: 32px;
		margin: auto;
		background-color: #ffffff;
	}
	.mcontentinvidisinv{
		font-family: var(--font-familydefault);
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 128%;
		color: #46606C;
	}
	.organica_doodle{
		margin-top: 0px !important;
		position: relative;
	}
	.lastTabDisInv{
		display: flex;
		justify-content: center;
		padding-top: 20px;
		margin-top: 0px !important;
		padding-bottom: 80px;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.espaceTabDisInvFin{display: none;}
	.btnRetourDetailInv{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 0px 16px 0px 0px;
		gap: 8px;

		position: absolute;
		width: 108px;
		height: 40px;
		left: 12px;
		top: 16px;

		background: #EE752D;
		border-radius: 20px;
		cursor: pointer;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.intbtnRetDetaimlInv{
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 128%;
		color: #FFFFFF;
		flex: none;
		order: 1;
		flex-grow: 0;
		font-family: var(--font-familydefault);
	}
	.invDisInvDet{
		margin-top: 100px;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		animation: fadeInDisInv 0.5s linear 1;
	}
	.pAccueilInvDisInvDetail{
		font-family: var(--font-familydefault);
		font-style: normal;
		font-weight: 700;
		font-size: 22.78px;
		line-height: 128%;
		text-align: center;
		color: #46606C;
	}
	.mtabinviteDisInv{
		margin-top: 30px;
		width: 100%;
	}
	.blocInviteDetail{
		width: 100%;
		height: 100%;
		background: #FFFFFF;
		box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
		border-radius: 12px;
		margin-top: 10px;
		display: flex;
		align-items: center;
		cursor: pointer;
	}
	.imgBasFlecheDisinv{
		-webkit-mask: url(../Images/iconesBoutons/droite.svg) no-repeat center /100% 100%;
		mask: url(../Images/iconesBoutons/droite.svg) no-repeat center /100% 100%;
		transform: rotate(90deg);
		width: 32px;
		height: 32px;
		margin: auto;
		background-color: #93ADB9;
	}
	.imgHautFlecheDisinv{
		-webkit-mask: url(../Images/iconesBoutons/droite.svg) no-repeat center /100% 100%;
		mask: url(../Images/iconesBoutons/droite.svg) no-repeat center /100% 100%;
		transform: rotate(-90deg);
		width: 32px;
		height: 32px;
		margin: auto;
		background-color: #93ADB9;
	}
	.imgMeInvDis{
		-webkit-mask: url(https://cdn.organica.technology/OfficeWeb/bg/Doodle_MeUser.svg) no-repeat center /100% 100%;
		mask: url(https://cdn.organica.technology/OfficeWeb/bg/Doodle_MeUser.svg) no-repeat center /100% 100%;
		width: 18px;
		height: 18px;
		margin: auto;
		background-color: #5C7B8A;
	}
	.imgMeExtDisInv {
		display: block;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: center center;
		width: 22px;
		height: 18px;
	}
	.mcontentinvidisinv2 {
		font-family: var(--font-familydefault);
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		color: #5C7B8A;
		align-items: center;
	}
	.plibelleRelNomDis{
		padding-left: 16px;
		line-height: 100%;
	}
	.m2DisInvDateSpecInt2{
		padding: 16px;
		width: 100%;
		height: auto;
	}
	.visuelResultInv{
		display: none;
		padding-top: 4px;
	}
	.blocDetailChoixInvi{
		width: 100%;
		height: 100%;
		border-radius: 8px;
	}
	.interneblocDetailChoixInvi{
		padding: 12px;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: flex-start;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		align-items: center;
	}
	.stylesimpleinvdetail,.stylesimpleinvdetail2{
		font-family: var(--font-familydefault);
		font-weight: 600;
		font-size: 13px;
		line-height: 128%;
		letter-spacing: 0.1em;
	}
	.stylesimpleinvdetail{padding-bottom: 4px;}
	.stylesimpleinvdetail2{
		font-size: 14px;
		font-weight: 400;
	}
	.resultInviteDet{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0px 12px;
		width: 120px;
		height: 40px;
		border-radius: 16px;
		font-family: var(--font-familydefault);
		font-weight: 400;
		font-size: 17px;
		line-height: 106%;
	}
	.blocDetailChoixInvi.colorInviNonRep{background: #EFEFEF;}
	.blocDetailChoixInvi.colorInviNok{background: #FFEDED;}
	.blocDetailChoixInvi.colorInviOk{background: #E3FDE6;}
	.colorInviNonRep .stylesimpleinvdetail{color: #787878;}
	.colorInviNok .stylesimpleinvdetail{color: #954040;}
	.colorInviOk .stylesimpleinvdetail{color: #569540;}
	.colorInviNonRep .stylesimpleinvdetail2{color: #858585;}
	.colorInviNok .stylesimpleinvdetail2{color: #DD8888;}
	.colorInviOk .stylesimpleinvdetail2{color: #86CB88;}
	.colorInviNok .resultInviteDet{background: #FFD8D8;color: #DD8888;}
	.colorInviOk .resultInviteDet{background: #C8F8CE;color: #86CB88;}
	@keyframes fadeInDisInv {
		0% {
			opacity: 0;
		} 
		100% {
			opacity: 1;
		}
	}
	
}

@keyframes fadeInGen {
	0% {
		opacity: 0;
	} 
	100% {
		opacity: 1;
	}
}
/* Fin Disponibilité Invités Réunions*/

.updboldred{color: #ff8989;}
[id^=criteres]{
	font-family: 'source_sans_proregular',sans-serif;
}
.textareaFullScreenContaienr {
	/*padding-left: 30px;	*/
	background-color: #fff;
	float: right;
	position: relative;
	left: -30px;
	z-index: 25;
	top: -30px;
	display: inline-flex;
}
.textareaFullScreen {
	background-image: url('../images/fullscreen.png');
	background-size: cover;
	height: 15px;
	width: 15px;
	opacity: 0.8;
	margin-left: 10px;	
}
.textareaFullScreenUnlayer {
	background-image: url('../images/Unlayer2.png');
	background-size: contain;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}
.textareaFullScreen:hover{cursor: pointer;}
.blocchamp.fullwidth {width: calc(100% - 60px);}
.ulwrapper .blocchamp.fullwidth,.dialogueInfosCustom .blocchamp.fullwidth,#txtFullScreen .blocchamp.fullwidth {width:100%;}
.dialogueInfosCustom .blocchamp.fullwidth.fullwidthAvecLibelle {width: calc(100% - 60px);}
.blocchamp.fullwidthAvecLibelle {width: calc(100% - 60px);}

#txtFullScreen {
	padding: 0px !important;
}
.formTxtFullScreen.form, .formTxtFullScreen .blocchamp, .formTxtFullScreen .champ, .formTxtFullScreen textarea, .formTxtFullScreen .CodeMirror  {
	height:100% !important;
	margin: 0px !important;
}

.chipContent {
	max-height: 60px;
	overflow-y: scroll;
}
.chip {
	display: inline-block;
	padding: 0 14px;
	height: 23px;
	line-height: 23px;
	border-radius: 25px;
	background-color: #f1f1f1;
	font-family: 'source_sans_regular',sans-serif;
	font-size: 13px;
	margin: 3px;
}
.chipDelete {
	background-image: url('../images/simple-close.png');
	background-size: cover;
	height: 10px;
	width: 10px;
	display: inline-block;
	margin-left: 10px;
}
.chipDelete:hover {
	cursor: pointer;
}

.blocfroala > .champ > .fr-box > .fr-wrapper > .fr-element {
	/*min-height: 250px !important;*/
}
.boolok,.boolpasok,.boolattention {
	min-width:21px;
	width:21px;
	height:21px;
	border-radius:21px;
	position:relative;
}
.boolok{background:#C0F4E4;}
.boolpasok{background:#ffe4e4;}
.boolattention{background: #fbf7df;}
.boolok::after,.boolpasok::before,.boolpasok::after {
	content: "";
	display:block;
	position: absolute;
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);
}
.boolok::after {
	height:8px;width:5px;right:8px;top:5px;
	border:solid #36b389;
	border-width: 0 1px 1px 0;
}
.boolattention::before,.boolattention::after {
	content: "";
	display:block;
	position: absolute;
}
.boolpasok::before,.boolpasok::after {background:#f08a8a;}
.boolattention::before,.boolattention::after {background:#dfb177;}
.boolpasok::before {height:1px;width:11px;left:5px;top:10px;}
.boolpasok::after {height:11px;width:1px;left:10px;top:5px;}

.boolattention::after {height: 8px;width: 1.6pt;left: 7.2pt;top: 4px;}
.boolattention::before {height: 1.6pt;width: 1.6pt;left: 7.2pt;top: 15px;}
.froalaNotInit .fr-box {
	position: relative;
	color: red;
	font-family: sans-serif;
	color: #414141;
	line-height: 1.6;
	text-align: left;
	padding-left:16px;
}
.froalarequirednonremp.froalaNotInit .fr-box {padding-left:0px;}
.froalaNotInit .fr-boc .fr-view:first-child {
	margin-top: 0px;
}
.froalaNotInit .fr-boc .fr-view:last-child {
	margin-bottom: 0px;
}
.froalaNotInit .fr-wrapper, .froalaNotInit .fr-view {
	min-height: 75px !important;
}
.envoyerEmail_Textarea {
	margin-left: 30px !important;
	/*max-height: 25px;
	height: 1em;*/
}
#envoyerEmail .ligne, #envoyerEmailFac .ligne, #ajoutCodePostal .ligne, #formSaveMailing .ligne, #formEnvoiDisponibiliteReu .ligne,#formAjoutFicheRemplacement .ligne, #formGenererMailing .ligne, #formTesterMailing .ligne, #ajouterFicheLieu .ligne, #diaSignerDocument .ligne, #enuUtiAjouter .ligne, #enuUtiModifier .ligne {
	width: 100%;
}
.blocEnvoyerEmail_Objet {
	margin-left: 15px  !important;
	margin-right: 30px  !important;
}
.blocEnvoyerEmail_Objet .libelle{
	width: 0px !important;
}
.blocEnvoyerEmail_Objet .champ  {
	width: 100% !important
}
.blocEnvoyerEmail_Objet input {
	width: calc(100% - 20px - 2px) !important;
}
.iconDansFormListe{
    padding: 5px 15px 5px 0px !important;
}
.fondIconDansFormListe{
	min-width: 20px;
    width: 20px;
    height: 20px;
    background: transparent;
    position: relative;
    display: flex;
    align-items: center;
	margin-top: 1px;
}
.fondIconDansFormListe .iconeDans{
    -webkit-mask-position: center center;
    mask-position: center center;
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
}
.tbodycontent .trentete th span .iconeDans{
	background-color: white !important;
}
.fondIconDansFormListe .iconeDans.valide {
	-webkit-mask: url(../Images/iconesBoutons/valide.svg) no-repeat center center /100% 100%;
    mask: url(../Images/iconesBoutons/valide.svg) no-repeat center center /100% 100%;
	background: #2dae83;
}
.fondIconDansFormListe .iconeDans.searchvalide {
	-webkit-mask: url(../Images/iconesBoutons/searchvalide.png) no-repeat center center /100% 100%;
    mask: url(../Images/iconesBoutons/searchvalide.png) no-repeat center center /100% 100%;
}
.officelitesite .fondIconDansFormListe .iconeDans.searchvalide {background: #334155;}
.fondIconDansFormListe .iconeDans.searchvalide {background: #ffffff;}
.fondIconDansFormListe .iconeDans.aconfirmer {
	-webkit-mask: url(../Images/iconesBoutons/a-confirmer.svg) no-repeat center center /100% 100%;
    mask: url(../Images/iconesBoutons/a-confirmer.svg) no-repeat center center /100% 100%;
	background: #eb9530;
}
.fondIconDansFormListe .iconeDans.perimer {
	-webkit-mask: url(../Images/iconesBoutons/perime.svg) no-repeat center center /100% 100%;
    mask: url(../Images/iconesBoutons/perime.svg) no-repeat center center /100% 100%;
	background: #ef5c5c;
}
.fondIconDansFormListe .iconeDans.cloture {
	-webkit-mask: url(../Images/iconesBoutons/cloture.svg) no-repeat center center /100% 100%;
    mask: url(../Images/iconesBoutons/cloture.svg) no-repeat center center /100% 100%;
	background: #d0d0d0;
}

#tabRequetesLignes input:disabled {
	background-color: #f2f6ff; /* var(--color-accordeon-clair) !important;*/
}

#champValeurSimple {
	display: block;
	font-family: "source_sans_prosemibold", sans-serif;
	font-size: 17px;
	padding-top: 3px;
	padding-right: 30px;
	padding-bottom: 4px;
	letter-spacing: 0.5px;
	margin-top: 0px;
	width: calc(100% - 57px);
	height: 24px;
	padding-left: 27px !important;
	border: 1px solid rgb(218, 218, 218);
	margin-bottom: 7px;
	color: #8d8d8d !important;
}

input.requirednonremp, select.requirednonremp, textarea.requirednonremp, .requirednonremp .blocradio, div.requirednonremp { /* input.requiredonelignelie */
	background-color: #ffedec73 !important;
	border-color: #fba6a6 !important;
}

div.requirednonrempborder {
	border-color: #fba6a6 !important;
}

input.requirednonremp:disabled{
	background-color: #e4d4d373 !important;
}

select.requirednonremp option{
	background-color: #FFFFFF !important;
}
.fr-fullscreen .requirednonremp{
	background-color: #FFF !important;
	border-color: #CCCCCC !important;
}
.ecranblancchargement{
	background: #ffffff !important;
}
.paddleft30{
	padding-left:30px !important;
}

.loadMore {
	font-size: 17px;
	font-family: var(--font-familydefault);
	font-weight: 400;
	padding: 5px 20px 5px 0px;
	line-height: 22px;
	text-align: center;
	height:0px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
	cursor: pointer !important;
}
::-webkit-scrollbar:vertical {
    width: 7px;
	cursor: pointer !important;
}

::-webkit-scrollbar:horizontal {
    height: 7px;
	padding-top: 1px;
	cursor: pointer !important;
}
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #bbbbbb;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.4);
	cursor: pointer !important;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #aaaaaa;
  cursor: pointer !important;
}
.selectColRecherche .champselect select::-webkit-scrollbar {
	width: 7px !important;
	height: 7px !important;
}

.sfl .menucontextuel, .ssfl .menucontextuel  {
	margin-left: -11px !important;
	width: 158px;
	padding: 8px 0px 2px 10px;
	margin-top: 34px !important;
	border-radius: 4px;
	/*-webkit-box-shadow: 0px 2px 24px 0px rgb(0 0 0 / 21%);
	-moz-box-shadow: 0px 2px 24px 0px rgb(0 0 0 / 21%);
	box-shadow: 0px 2px 24px 0px rgb(0 0 0 / 21%);*/
}
.sfl .menucontextuel .element, .ssfl .menucontextuel .element{
	margin: 0px 0px 6px 0px;
}
.sfl .menucontextuel .element .libelle, .ssfl .menucontextuel .element .libelle{
	font-size: 15px !important;
}
.styleLabelRed{
	font-family: var(--font-familydefault);
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #eb2929;
}
.styleLabelMessage{
	font-family: var(--font-familydefault);
    font-size:16px;
    line-height:16px;
    letter-spacing:0.5px;
	color: #A3A3A3;
}
.styleLabelMessage.txtCommExterneActif {color: #eb2929;}

.blocMessSimple {
	margin-top: -8px !important;
}


.blocMessSimple.blocchamp .champ {
	width: 311px;
}

/* ---------- Gérer les groupes d'activités ---------- */
.divGrAComp {
	padding: 16px 0px 16px 16px;
    height: 700px;
    position: absolute
}
.ligneGrAComp {
	display:flex;
	flex-direction:row;
	height:100%;
	margin:0px 5px 5px 0px;
}
.colGrAComp {
	display:flex;
	flex-direction:column;
	height:100%;
	margin:0px 2px 2px 0px;
}
.blocGrAComp {
	height:calc(100% - 10px);
	background-color: #919191ba;
	display:flex;
	align-items:start;
	justify-content:center;
	margin:0px 5px 5px 0px;
	padding:5px;
	font-family:Verdana;
	text-align:center;
	color:white;
	cursor:pointer;
	opacity:0.8;
	transition:all 0.2s;
    border-radius: 6px;
    box-shadow: 4px 4px 24px rgb(0 0 0 / 11%);
    -moz-box-shadow: 4px 4px 24px rgba(0,0,0,0.11);
    padding-left: 24px;
    padding-right: 24px;
	font-size: 12px;
}
.blocGrAComp:hover {
	opacity:0.95;
}
.colGrAComp .blocGrAComp:last-child,.colGrAComp .ligneGrAComp:last-child {
	margin-bottom:0px;
}
.checkbox_arboGrA {
    z-index: 9999;
}
.errorbloc .errormessage .divGrAComp .container .checkmark{
	top: 0px !important;
}
.errorbloc .errormessage .divGrAComp .container{
	padding: 0px !important;
	width: 0px !important;
	height: 0px !important;
	top: 7px;
	left: 7px;
}
.ui-dialog .ui-dialog-content.gestionGrA{overflow: hidden !important;}
.gestionGrA .divGrAComp{
	width: 100%;
	overflow: auto;
}
.colGrAComp .blocGrAComp {width:130px;}
.colGrAComp .colGrAComp .blocGrAComp {width:300px;}
.colGrAComp .colGrAComp .colGrAComp .blocGrAComp {width:180px;}
.colGrAComp .colGrAComp .colGrAComp .colGrAComp .blocGrAComp {width:190px;}
.colGrAComp .colGrAComp .colGrAComp .colGrAComp .colGrAComp .blocGrAComp {width:220px;}
.colGrAComp .colGrAComp .colGrAComp .colGrAComp .colGrAComp .blocGrAComp .colGrAComp .blocGrAComp {width:230px;}
.colGrAComp .colGrAComp .colGrAComp .colGrAComp .colGrAComp .blocGrAComp .colGrAComp .blocGrAComp .colGrAComp .blocGrAComp {width:240px;}
.blocGrAComp, .noselect {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently */
}
/* ---------- FIN Gérer les groupes d'activités ---------- */
/* ---------- Nouvelle gestion des groupes d'activités ---------- */
.graparent{
	display: grid;
    grid-template-columns: repeat(5, 230px);
    grid-template-rows: repeat(5, 150px);
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    position: relative;
	padding: 8px 16px 8px 8px;
}
.graparent .atvgragroupeexplo:hover{
	cursor: pointer;
}
.champselectgraforce::after {
	right:9px;
	top:6px;
	width:6px;
	height:6px;
	border:solid #ffffff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
}
.blocselectgra{
	display: inline-flex !important;
	margin-bottom: 6px !important;
	margin-top: 0px !important;
	justify-content: space-between !important;
	width: 334px;
}
.atvgragroupeexplo {
	background-color: #d9d9d9;
}
.selectgraatv:hover{
	cursor: pointer;
}
.selectgraatv{
	width: 160px !important;
	color: #ffffff !important;
	font-size:12px !important;
	padding: 3px 18px 3px 6px !important;
	border: 1px solid #ffffff;
}
.selectgraatv:focus{
	border:1px solid #ffffff !important;
}
.selectgraatv:disabled{
	background-color: #464646;
}
.selectgraatv option{
	color: #7D7D7D;
	font-size: 14px;
}
.divblocgracomp{
	display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
	border-radius: 6px;
	border: 1px solid #c1c1c1;
}
.blocdivgraatv2{
	height: calc(100% - 34px);
    width: 84%;
    border: 1px solid #6a6a6a;
    margin-top: auto;
    margin-bottom: auto;
	border-radius: 6px;
}
.blocdivgraatv1{
	height: calc(50% - 34px);
    width: 84%;
    border: 1px solid #6a6a6a;
    margin-top: auto;
    margin-bottom: auto;
	border-radius: 6px;
}
.textgracomp{
	font-size: 12px;
	margin-block-start: 4px;
    margin-block-end: 4px;
	padding: 1px 4px 2px 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}
.grachecklabelatv{
	position: absolute;
	padding: 0 0 0 0 !important;
	width: 16px !important;
	margin-top: 4px !important;
    margin-right: 324px !important;
}
/* ---------- FIN Nouvelle gestion des groupes d'activités ---------- */
/* ---------- Vue hiérarchique FL ---------- */
.fl .hierarchyfl.nivhierar1 .td{
    color: #5192cc;
}
.fl .hierarchyfl .titrehier{
	margin-left: 24px;
	position: absolute;
}
.fl .hierarchyfl td {
	padding: 0px 15px 2px 0px;
}
.fl table.tbody tr.hierarchyfl td.tdcheckbox {
	padding: 3px 20px 1px 20px;
	height:calc(100% - 4px - 1px);
}
/* BV : mise en commentaire : ca donne pas super..
.fl .hierarchyfl:first-child td {
	padding-top: 6px;
}
.fl .hierarchyfl:first-child td:first-child {
	padding: 8px 20px 0px 20px;
}*/
.fl .tdflechehier .iconfleche.plus {
	background-image: url(../jstree/dist/themes/default/32px.png);
	background-position: -168px -59px;
}
.fl .tdflechehier .iconflechevide{
	background-image: url(../images/explovide.jpg);
	width: 24px;
    height: 16px;
    line-height: 16px;
	margin-left: 1px;
	background-repeat: no-repeat;
	margin-top: 4px;
}
.fl .hierarchyfl .id{
	width: 60px !important;
}
.fl .hierarchyfl td{
	border-bottom: 0px;
}
.fl .hierarchyfl td .container.sanslabel {
	margin-top: 1px;
}
/* TESTS */
.fl .hierarchyfl.nivhierar1 td{
	background-color: #f2fff6; /*#edfff1*/
}
.fl .hierarchyfl.nivhierar2 td{
	background-color: #f2f7ff; /*edf7ff*/
}
/* FIN TESTS */
.fl .tdflechehier .iconfleche {
    cursor: pointer;
	background-image: url(../jstree/dist/themes/default/32px.png);
	width: 24px;
    height: 24px;
    line-height: 24px;
	background-position: -200px -59px;
}
.fl .tdflechehier .iconfleche,.fl .tdflechehier .iconflechevide {
	position: absolute;
}
.fl .tdflechehier .titrehier {
	padding-left: 2px;
}
/* ---------- FIN Vue Hiérarchique FL ---------- */
/* ---------- Englobe CheckBox ---------- */

.blocenglobcaseacocher:not(.blocenglobcaseacocher2) {
	border: 1px solid #DADADA;
	border-radius: 4px;
	margin-right: 34px;
	margin-left: 185px;
	width: 308px;
}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp:last-child.mbForce0{margin-bottom: 2px !important;}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp{margin-left: 1px !important;}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp:not(:last-child){margin-bottom: 4px !important;margin-top: 4px;}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp:last-child{margin-bottom: 4px !important}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp .libelle {margin-right: 0px !important;}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp .champ .container{border: 0px !important;padding-right: 1px !important;}
.blocengloberechercherapideQur.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp .champ .container{border: 0px !important;padding-right: 1px !important;width:200px;}


.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp .champ .container.focus{
	padding: 4px 5px 4px 35px !important;
}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2) .blocchamp .champ .container.focus .checkmark{
	top: 7px !important;
	left: 10px !important;
}
.blocenglobcaseacocher:not(.blocenglobcaseacocher2).disabled{background-color: #efefef;}
.blocenglobcaseacocher2.disabled tr td,.blocenglobcaseacocher2.disabled tbody{background-color: #efefef;}
.sfl .blocenglobcaseacocher tbody {
    border: 1px solid #dadada;
    border-radius: 4px;
    border-collapse: separate;
    border-spacing: 1px 1px;
    display: block;
	margin-top: 1px;
	margin-bottom: 1px;
}
.sfl .blocenglobcaseacocher:not(.disabled) tbody td:hover:not(.disabled){
    background-color: #ffffff !important;
}
.sfl .blocenglobcaseacocher.disabled tbody td:hover{
    background-color: #efefef !important;
}
.sfl .blocenglobcaseacocher tbody td.disabled:hover{
    background-color: #efefef !important;
}
.blocenglobcaseacocher .tablessfl tr .tdcheckspeclignent{
	border: none !important;
	border-radius: 0px !important;
}
.tdcheckspeclignent.disabled {
	cursor: default !important;
}
.blocenglobcaseacocher.blocengloberechercherapide{
	margin-left: 0px !important;
	width: calc(100% - 2px) !important; /*262*/
	box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 3%);
}
.blocenglobcaseacocher.blocengloberechercherapide.blocengloberechercherapideQur{
	/* margin-top:10px; */
	/* margin-bottom:10px; */
	border:none;
	box-shadow:0px 0px 0px 0px;
	
}

.blocenglobcaseacocher.blocengloberechercherapide.blocengloberechercherapideQurFirst{margin-top: 10px;}

.champplaceholderCibleQur{

  border: 1px solid #DADADA;
  border-radius: 4px;
  /* padding-bottom: 15px;  */
  padding-bottom: 10px;
  
}

.placeholderSelectCibleQur{
	font-family: 'source_sans_prosemibold',sans-serif;
	color: rgba(165,165,165,0.7);
	font-size: 11px;
	margin: -10px 0px 0px 7px;
	background-color: white;
	padding: 0px 10px 0px 5px;
	opacity: 1;
	position: absolute;
	transition: all 0.1s ease;
	z-index: 5;		
}


.blocenglobcaseacocher.blocengloberechercherapide .blocchamp .container{
	color: #7D7D7D;
	opacity: 0.70;
	font-family: 'source_sans_prosemibold';
    font-size: 16px;
	letter-spacing: 0px;
	width: 218px;
}
/* ---------- FIN Englobe CheckBox ---------- */


/*border radius champs froala */
.fr-toolbar {
	border-top-right-radius: 4px !important;
	border-top-left-radius: 4px !important;
}
.fr-second-toolbar {
	border: none;
}
.fr-wrapper {
	border-bottom-color: #CCCCCC !important;
	border-bottom-right-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}


.fr-no-border, .fr-no-border td, .fr-no-border th {
	border:none !important;
}
.fr-dashed-borders {
	border-collapse: collapse;
}
.fr-dashed-borders td, .fr-dashed-borders th {
	border-style: dashed;
	border-width: 1px;
	border-color: #DDD;
	padding: 2px;
}
.froalaRendu:not(.unlayerRenduAct)  table th {
  background: #ececec;
}
.fr-alternate-rows tr:nth-child(2n) {
	 background: #f9f9f9;
}
.fr-bold {
	font-weight: bold;
}
.fr-underline {
	text-decoration: underline;
}
.fr-italic {
	font-style: italic;
}

.bpmtableau,.bpmrecherche {
	background-color:white;
	background-color:white;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.09);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.09);
}
.bpmtableau {
	height:calc(100% - 120px - 50px);
	margin-bottom:20px;
}
.bpmrecherche {
	height:100px;
}
.tablebpm {
	border-collapse:collapse;
	width:100%;
}
.tablebpm tr:hover td {
	background: #f3f9fb;
}
.tablebpm tr td,.tablebpm tr th {
	border:1px solid #dfdfdf;
	font-size:13px;
	font-family: 'source_sans_proregular',sans-serif;
	padding:3px 5px;
	color: #7A7A7A;
}
.tablebpm tr td {
	transition: background-color 0.2s ease;
	vertical-align: top;
	cursor:default;
}
.tablebpm tr th {
	color:#4f4f4f;
	background-color:var(--main-bg-color);
	color: white;
}

#paramsIcones {
	
}
.paramIconeContainer {
	display: inline-block;
	padding: 20px;
}
.paramIconeIcone {
	background-repeat:no-repeat;
	width: 30px;
	height: 30px;
	background-size: contain;
	margin: auto;
}
.paramIconeTexte {
	font-family: var(--font-familydefault);
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.5px;
	color: #A3A3A3;
}


/*Explo Demandes4 > Messages */
.dem4ExploMsg, .dem4ExploDemandeReponse {
	padding-bottom: 10px;
	font-family: 'source_sans_proregular';
	font-size: 16px;
	color: #7D7D7D;
}
.dem4MsgAuteur {
	font-weight: bold;
}
.dem4MsgDate {
	margin-left: 10px;
	font-size: 14px;
	font-weight: normal
}
.dem4MsgContenu {
	padding-left: 20px;
}
.dem4MsgDocuments {
	padding-left: 23px;
}



.demrgpdemail .ulexplospec{
	font-family: 'source_sans_proregular';
    font-size: 16px;
    color: #7D7D7D;
    margin-left: 40px !important;
}
.cursorHover:hover {
	cursor: pointer;
}
#reqExecuterPrepa {
	font-family: var(--font-familydefault);
	font-weight: 500;
	font-size: 16px;
	color: #8d8d8d;
}
#reqExecuterPrepa .reqLigBloc {
	padding: 10px;
	display: flex;
}
#reqExecuterPrepa .reqLigBloc .reqLigLeft {
	width:5%;
	color: var(--main-bg-color);
	font-weight: bold;
}
#reqExecuterPrepa .reqLigBloc .reqLigLeft_1 {
	width:8%;
}
#reqExecuterPrepa .reqLigBloc .reqLigLeft_2 {
	width:11%;
}
#reqExecuterPrepa .reqLigBloc .reqLigLeft_3 {
	width:14%;
}
#reqExecuterPrepa .reqLigBloc .reqLigLeft_4 {
	width:17%;
}

#reqExecuterPrepa .reqLigBloc .reqLigRight {
	width:95%;
}

#reqExecuterPrepa .reqLigBloc .libelle{
	color: var(--main-bg-color);
	font-weight: bold;
}
#reqExecuterPrepa .reqLigBloc .reqLigChamp {
	padding-top: 10px;
	display: flex;
}
#reqExecuterPrepa .reqLigBloc .reqLigChamp .blocchamp{
	margin-right: 10px;
}
#reqExecuterPrepa .reqLigBloc .reqLigChamp .libellechampcolpos, #reqExecuterPrepa .reqLigBloc .reqLigChamp .blocchamp .libelle {
	display: none;
}
#reqExecuterPrepa  .reqLigDateH {
	width: 100%;
	display: inline-flex;
}
#reqExecuterPrepa  .reqLigDateH .blocchamp {
	width: 25%;
}
#reqExecuterPrepa  .reqLigDateH div {
	width: 100%;
}
#reqExecuterPrepa  .reqLigDateH div input {
	width: calc(100% - 50px);
}


.colonneFExAlign{
	text-align: center !important;
}
.mbForce30 {
	margin-bottom: 30px !important;
}
.mbForce0 {
	margin-bottom: 0px !important;
}

.exploDctUrl {
	display: inline-block !important;
	line-height: 20px !important;
	width: 400px;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	position: relative;
	position: relative;
	top: 4px;
}


.renduMsg3 {
	font-family: 'source_sans_proregular';
	font-size: 16px;
	color: #7D7D7D;
	padding-bottom: 10px;
}
.renduMsg3_Auteur {
	font-weight: 600;
	padding-right: 10px;
}
.renduMsg3_Date {
	font-size: 14px;
}
.renduMsg3_Contenu {
	padding-left: 20px;
}


.fonctionsEnuUti .libelle{
	color: var(--color-logo);
	display: flex;
	align-items: center;
	height: 28px;
}
/*
#enuUtiAjouter .blocchamp .libelle,#enuUtiModifier .blocchamp .libelle {
	width: 110px;
}
#enuUtiAjouter .form .zg .ligne, #enuUtiModifier .form .zg .ligne {
	width: 540px;
}
*/

.imgConnPrinc {width: 860px;height: 538px;background-repeat: no-repeat;background-position: center center;background-size: 93%;background-image: url('https://cdn.organica.technology/OfficeWeb/bg/laptop_omc.png');}
#sousTitrePageConnexion {
    font-family: var(--font-familydefault);
    font-size: 24px;
    text-align: center;
    line-height: 110%;
	bottom: calc(32% - 180px);
	width: calc(100% - 600px);
	position: absolute;
}
#sousTitrePageConnexion .titrePageGrand {
	color: white;
	background-color: #ffffff00;
	font-size: 32px;
	font-family: 'source_sans_prosemibold',sans-serif;
	letter-spacing: 0.4px;
}
#sousTitrePageConnexion .titrePagePetit {
    color: white;
    background-color: #ffffff00;
    padding-left: 10px;
    padding-right: 10px;
	font-size: 14px;
	letter-spacing: 0.5px;
}
.organica_logo {
	/*background-image: url(https://cdn.organica.technology/OfficeWeb/bg/OGN_Logo.png);
    background-position: center center;*/
	
    width: 90px;
    height: 31px;
    position: fixed;
    bottom: 36px;
    z-index: 12;
	background: url(https://cdn.organica.technology/OfficeWeb/bg/ORGANICA_NEWLOGO_horizontal.png) no-repeat center;
	background-size: contain;
}
#atvexporergra{
	cursor: pointer;
}
.blocTextePrincipal {
	position: absolute;
    bottom: calc(38% - 180px);
	width: calc(100% - 600px);
	text-align: center;
    font-weight: 900;
	font-family: var(--font-familydefault);
	color: white;
	text-shadow: 4px 5px 6px #00000029;
	font-size: min(74px, 6vw);
	line-height: min(96px, 6vw);
	display: flex;
    justify-content: center;
}
.tableauaccordeon {
	border-collapse:collapse;
	margin:30px;
}
.tableauaccordeon td,.tableauaccordeon th {
	border:1px solid #dadada;
	font-family: var(--font-familydefault);
	font-size:14px;
	color:#7D7D7D;
	text-align:left;
	padding:3px 10px;
	letter-spacing:0.5px;
}
.tableauaccordeon tr th{
	background-color:#f5f4ee;
	color:var(--color-logo);
	padding:6px 10px;
}
.tableauaccordeon tr.connected td{
	background-color:#e7ffe7;
}
.tableauaccordeon tr.connected td:first-child div,.tableauaccordeon tr.deconnected td:first-child div{
	width:10px;
	height:10px;
	border-radius:10px;
}
.tableauaccordeon tr.connected td:first-child div{background-color:#2ebb2e;}
.tableauaccordeon tr.deconnected td:first-child div{background-color:#ddd;}
.fonctionsEnuUtiActionDroite {
	display: inline-flex;
}
.fonctionsEnuUtiActionDroite:hover {
	cursor: pointer;
}


#reqLigLigne .inputNumero:hover, #reqLigLigne .reqLigLibelle:hover {
	cursor: pointer;
}
#requetesLignes {
	overflow-x: auto !important;
}
#requetesLignes .reqLigLigneContent,#requetesLignes .reqLigPartieDroite{
	display: inline-flex;
}
#requetesLignes .inputNumero{
	max-height: 200px !important;
}
#requetesLignes .reqLigLibelle {
	font-family: 'source_sans_prosemibold';
	font-size: 17px;
	color: #7D7D7D;
	background-color: #f2f6ff;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);
	border: 1px solid #f2f6ff;
	padding: 4px 10px 5px 10px;
	margin: 0px;
	border-right: none;
	border-left: none;
	width: calc(100% - 50px);
}
#requetesLignes .reqLigSupprBtn {
	width: 30px;
}
#requetesLignes .reqLigSupprBtn  {
	background-color: #f2f6ff;
}


#tabRequetesLignes .inputNumero {
	border: 2px solid #f2f6ff;
	border-right:none;
}
#tabRequetesLignes .ptoPartieDroite {
	border: 2px solid #f2f6ff;
	border-left:none;
}
#tabRequetesLignes tr.selected .inputNumero {
	border: 2px solid #dfe9ff;
	border-right:none;
}
#tabRequetesLignes tr.selected .ptoPartieDroite {
	border: 2px solid #dfe9ff;
	border-left:none;
}

/*Nouveau serveur maintenance*/
#NouvServeurMaintenance{
    padding: 0px;
    display: none;
    font-size: 40px;
    text-align: center;
    padding-top: 200px;
	display: inline-flex;
}

#NouvServeurMaintenance {
    font-family: Arial, Helvetica, sans-serif;
    z-index: 10000000000000000;
    position: fixed;
    padding: 0;
    margin: 0;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, 0.4);
    font-size: 50px;
    text-align: center;
    vertical-align: center;
    align-items: center;
}

.blocMaintenance{
    border-radius: 16px;
    display: inline-block;
    z-index: 9999;
    background-color: #fff;
    text-align: left;
    white-space: normal;
    overflow-y: hidden;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
    position: relative;
    vertical-align: middle;
    height: 520px;
    width: 311px;

    width: 1060px;
    height: 640px;
    margin-right: auto;
    margin-left: auto;
}
.interneBlocMaintenance{
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
}

.imgMaintenanceServeur{
    background: url('https://cdn.organica.technology/OfficeWeb/bg/office_web_offline_deco.jpg');
    background-size: cover;
    height: 330px;
    width: 608px;
    margin-left: 200px;
	max-width: 100%;
}
.titreMaintenanceServeur{
    font-family: 'source_sans_proregular';
    letter-spacing: -1px;
    font-size: 42px;
    color: #4F4F4F;
    margin-right: auto;
    margin-left: auto;
    line-height: 110px;
	text-align: center;
	font-weight:bold;
}
.petitMaintenanceServeur{
	font-family: var(--font-familydefault);
	font-size: 18px;
	color: #737373;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	text-align: center;
}
.petitMaintenanceServeur2{
	padding-bottom: 22px;
}

.imgLoadingNouvServeurMaintenance{
    background: url('https://cdn.organica.technology/OfficeWeb/bg/office_web_offline_loading.png');
    background-size: cover;
    height: 56px;
    width: 56px;
    margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1200px){
    .blocMaintenance {
        width: 90%;
    }
	.imgMaintenanceServeur{
		margin-left: auto;
		margin-right: auto;
		right: 26px;
		position: inherit;
	}
}
@media (max-width: 680px){
    .imgMaintenanceServeur{
		background-repeat: no-repeat;
		background-size: 100% 100%;
		right: 0px;
		position: initial;
	}
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
	  -webkit-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	to {
	  -webkit-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
}
@keyframes rotating {
	from {
	  -ms-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -webkit-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	to {
	  -ms-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -webkit-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
}
.rotating {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

.fl table tr.ColorCatRelRouge td {color:#FF0000 !important;}
.fl table tr.ColorCatRelVert td {color:#558640 !important;}
.fl table tr.ColorCatRelBleu td {color:#3A00FF !important;}

.fl table tr.ColorCatMemBleu td {color: #183dcb !important;} /*183dcb*/
.fl table tr.ColorCatMemVert td {color: #26a130 !important;} /*26a130 */

.fl table tr.ColorDem4Rouge td {--_hue:354;}
.fl table tr.ColorDem4Vert td {--_hue:133;}
.fl table tr.ColorDem4Bleu td {--_hue:206;}
.fl table tr.ColorDem4Jaune td {--_hue:60;}
.fl table tr.ColorDem4Orange td {--_hue:32;}

.fl table tr:is(.ColorDem4Rouge, .ColorDem4Vert, .ColorDem4Bleu, .ColorDem4Jaune,.ColorDem4Orange) td {
	--_saturation: 90%;
	--_lightness: 97%;
	
	background-color: hsl(var(--_hue), var(--_saturation), var(--_lightness)) !important;
}
.fl table tr.current:is(.ColorDem4Rouge, .ColorDem4Vert, .ColorDem4Bleu, .ColorDem4Jaune,.ColorDem4Orange) td {
	--_saturation: 90%;
	--_lightness: 90%;
}
.fl table tr:hover:is(.ColorDem4Rouge, .ColorDem4Vert, .ColorDem4Bleu, .ColorDem4Jaune,.ColorDem4Orange) td {
	--_saturation: 90%;
	--_lightness: 90%;
}




span span.ColorCatMemVert {color: #26a130 !important;}
span span.ColorCatMemBleu {color: #183dcb !important;}
/*.libmarginarea{margin-top: -12px;}*/
.blocFondPerso {
	width: 50%;
    right: 0;
    position: absolute;
    height: 100%;
    z-index: 1;
	min-width: 600px;
    background-color: #ffffff;
	top: 0;
	display: flex;
    justify-content: center;
}
.bandeauaffiche .blocFondPerso {height: calc(100% - 50px) !important;bottom: 0;top: 50px;}
.withBandeauShutdown .blocFondPerso {height: calc(100% - 75px) !important;bottom: 0;top: 75px;}
.bandeauaffiche.withBandeauShutdown .blocFondPerso {height: calc(100% - 125px) !important;bottom: 0;top: 125px;}
@media (max-width: 600px){
	.blocFondPerso{
		min-width: 0!important;
    	width: 100% !important;
		display: flex;
		left: 0px !important;
    	justify-content: center;
	}
	.blocconnexion{
		justify-content: center;
	}
}


.froalaNotInit .champ {
	border: 1px solid #CCCCCC !important;
	border-radius: 4px !important;
	min-height: 199px !important;
}
.froalaNotInit .fr-view {
	min-height: 199px !important;
	font-family: sans-serif;
	color: #414141;
	font-size: 14px;
	line-height: 1.6;
	padding: 15px 6px;
	box-sizing: border-box;
	overflow-x: auto;
	text-align: left;
}
.froalaNotInit .fr-wrapper, .froalaNotInit .fr-wrapper .mCustomScrollBox {
	border-bottom: none !important;
}
.fr-wrapper:not(.fr-fullscreen-wrapper .fr-wrapper), .fr-element.fr-view  {
	max-height: calc(100vh - 380px);/* 380 correspond +- à l'en-tête principale + l'en-tete du FP + le titre de l'OG + le titre de ZG + le footer + qqll marges */
}
.fr-wrapper .mCustomScrollBox  {
	border-bottom: 1px solid #CCC;
}
.fr-fullscreen-wrapper .mCustomScrollBox { /* 02/01/2023 - 93194 */
	height: auto !important;
}
.froalaRendu.maiRenduLettre {
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	width: calc(19cm + 60px) !important;
	border: 1px solid #dcdcdc;
	margin: 10px;
	border-radius: 5px;
}
.blocfroala .fr-wrapper .mCSB_scrollTools  {
	z-index: 9;
}

.sflPlusieursLignes .heightreduite {
	width: calc(100% - 22px) !important;
}
.sesEffectuee input, .sesEffectuee textarea {
	background-color: #00ff0012 !important;
}
.facCliCotisContainer {
	max-height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.editeurEtiquette{
	background-color: #F3F3F3 !important;
	/*padding-top: 25px !important;*/
}

.maiStyleABR .fr-element{
	font-family:Verdana !important;
	font-size:14px !important;
	color:#797979 !important;
}
.maiStyleABR .fr-element a{
	color:#F29400 !important;
	text-decoration:none !important;
}

.btnAffDialFlot{
	display: flex;
	position: absolute;
	top: 10px;
	right: 0px;
	width: 14px;
	height: 14px;
	justify-content: center;
    text-align: center;
	color: grey;
	font-size: 11px;
	cursor: pointer;
}
.dialogueFlottant.pasafficher {
	display: none;
}

.dialogueFlottant {
	width: 330px;
	position: absolute;
	z-index: 999999999;
	background-color: #FFFFFF;
	border: 1px solid var(--color-btnentete);/*var(--main-bg-color);*/
	top: 86px;
	right: 6px;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 4%), 0px 12px 32px rgb(0 0 0 / 8%);
    border-radius: 8px;
}

.fondIconDialFlottant {
	background: transparent;
    border-radius: 8px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
    transition: 0.3s;
	display: block;
	position: relative;
	margin-right: 6px;
}

.fondIconDialFlottant .iconeClose {
	mask-image: url(../Images/iconesBoutons/close2.svg);
    -webkit-mask-image: url(../Images/iconesBoutons/close2.svg);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #FFFFFFAD;
    width: 100%;
    height: 100%;
    margin: auto;
	cursor: pointer;
	transition: 0.3s;
}
.fondIconDialFlottant .iconeClose:hover{
	background-color: #FFFFFF;
}

.dialogueFlottant .enteteDialogueFlottant {
	background-color: var(--color-btnentete);/*var(--main-bg-color);*/
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	width: 100%;
	height: 24px;
	position: relative;
  	cursor: move;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.dialogueFlottant .listeDialFlot {
	list-style-type: decimal;
	margin-block-start: 0em;
    margin-block-end: 0em;
	padding-inline-start: 14px;
	padding-top: 6px;
}
.dialogueFlottant .listeDialFlot li {
	margin-block-start: 0em;
    margin-block-end: 0.3em;	
	font-size: 14px;
	font-family: 'source_sans_prosemibold',sans-serif;
	color: #7D7D7D;
	line-height: 15px;
}
.dialogueFlottant .enteteDialogueFlottant:active{
	cursor: grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: -webkit-grabbing !important;
}
.dialogueFlottant .titreEnteteDialFlottant {
	color: #FFFFFF;
	font-size: 14px;
	font-family: var(--font-familydefault);
	margin-left: 8px;
}

.dialogueFlottant .corpDialogueFlottant{
	font-size: 17px;
    font-family: var(--font-familydefault);
    font-weight: 400;
    padding: 0px 8px 0px 8px;
    line-height: 22px;
	color: #7a7a7a;
	height: 126px;
	max-height: 126px;
    overflow-x: hidden;
    overflow-y: auto;
}

#namelogo {
	padding-right: 40px;
	width: 258px;
}

/* GOOGLE MAPS - CARTE */
.flInterneCarte{
	float: right;
	height: calc(100% - 55px);
	width: calc(100% - 306px);
	max-width: calc(100% - 306px);
}
.WrapperMapAccueil{
	height:100%;
	flex:2;
	-webkit-flex:2;
}
.BlocMapAccueil{
	height:100%;
	background-color:transparent;
  	position: relative;
  	overflow: hidden;
}
#map{
	height:100%;
}

#Loaderdialog {
	display:none;
	position:absolute;
	z-index:4;
	margin-top:210px;
	margin-left:calc(50% - 100px);
}
#Loaderdialog img{
	display:block;
	margin:auto;
}
.colonneNonID {
	display: none !important;
}

#ChargementCarte {
	z-index:4;
	background: #FFFFFF;
	display: none;
	height: 100%;
	width: 100%;
}
#ChargementCarte img{
	margin:auto;
	width: 100px;
    height: 100px;
    opacity: 0.3;
}
.vueCarteFLtbodycontent {
	width: 306px;
	float: left;
	min-width: 306px;
}
.vueCarteFLtbodycontent table tr td {
	font-size: 13px !important;
	line-height: 15px !important;
}
.vueCarteFLtbodycontent table tr .NomInterneMap {
	padding-top: 4px;
}
.vueCarteFLtbodycontent table tr .cbInterneMap {
	margin-top: -2px;
}
.vueCarteFLtbodycontent table tr td b{
	font-size: 13px !important;
}
.vueCarteFLtbodycontent table tr td.tdremplissage {
	padding: 0px !important;
	width: 0px !important;
	height: 0px !important;
	max-width: 0px !important;
}
.vueCarteFLtbodycontent table tr td:not(.tdremplissage):last-child {
	padding: 0px !important;
}
.fondIconMap {
	background-color: transparent;
    width: 28px;
    min-width: 28px;
    height: 30px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    transition: 0.3s;
}
.fondIconMap .iconMap {
	-webkit-mask: url(../Images/Map.svg) no-repeat center center;
    mask: url(../Images/Map.svg) no-repeat center center;
	background-color: #5e5e5e;
    width: 28px;
    height: 30px;
    margin: auto;
    -webkit-mask-size: contain !important;
	mask-size: contain !important;
}
.fondIconMap .iconMap.mapblanc {
	background-color: #FFFFFF;
}
.explorerDansMap, .explorerDansMap:focus {
	color: #444444;
}
.explorerDansMap:hover {
	color: var(--color-btnentete);
}
.flInterneCarte .statCard p{
	margin-block-start: 0em;
    margin-block-end: 0em;
	font-size: 14px;
    font-family: 'source_sans_prosemibold',sans-serif;
}
.flInterneCarte .statCard {
	padding-bottom: 16px;
}
.flInterneCarte .cluster div span{
	color: #FFFFFF;
	font-size: 15px;
}
.enteteCarteFL {
	position: absolute !important;
    left: 0px;
    width: calc(100%);
    margin-left: max(306px);
	display: flex;
	align-items: center;
	font-size: 17px;
	top: 18px;

	line-height: 19px;
	letter-spacing: 0.3px;
    max-height: 55px;
	font-size: 17px;
    font-family: 'source_sans_prosemibold',sans-serif;
    font-weight: 400;
	color: white;

	padding-bottom: 18px;
    padding-top: 18px;
    margin-top: -18px;
	background-color: var(--main-bg-color);
}
.enteteCarteFL span {
	text-align: left;
	padding-left: 6px;
}
.loading .enteteCarteFL {
	opacity:0.7;
	color: white;
	background-color: transparent;
}
.vueCarteFLtbodycontent .tbody .iconPinEnteteFL{
	display: none !important;
}
.bgsvgtest path{
	fill: var(--color-boutondroitetransparant);
}

/*Page avec message d'erreur ou de succès*/
#mainDisInv{
	height: 100%;
}
.messageAlertePage {
	height: 100%;
    background-color: #f9f9f9;
}
.messageAlertePage .enteteMessageAlerte {
	position: relative;
    background-color: #ffffff;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    top: 15%;
    height: 65%;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.30);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.messageAlertePage .fondCheckOrNot {
	background-color: transparent;
    width: 128px;
    min-width: 128px;
    height: 130px;
    display: flex;
    transition: 0.3s;
}

.messageAlertePage .fondCheckOrNot .checkOk {
	-webkit-mask: url(../Images/iconesBoutons/checked2.svg) no-repeat center;
    mask: url(../Images/iconesBoutons/checked2.svg) no-repeat center;
    background-color: #62e062;
}
.messageAlertePage .fondCheckOrNot .uncheckOk {
	-webkit-mask: url(../Images/iconesBoutons/unchecked2.svg) no-repeat center;
    mask: url(../Images/iconesBoutons/unchecked2.svg) no-repeat center;
    background-color: #ff8c8c;
}

.messageAlertePage .fondCheckOrNot .checkOk,.messageAlertePage .fondCheckOrNot .uncheckOk {
    width: 128px;
    height: 130px;
    margin: auto;
    transition: 0.3s;
}
.messageAlertePage .messageTextAlertePage {
	font-family: var(--font-familydefault);
    font-size: 18px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 0px;
}

.jstree-default .jstree-clicked, .jstree-default .jstree-wholerow-clicked, .jstree-default .jstree-wholerow-hovered {
	font-family:'source_sans_prosemibold',sans-serif;
}

.disxdt_date {
	cursor: pointer;
}
.disxdtrel_date, .disxdtrel2_date {
	cursor: pointer;
}


#btnParamsRecherche .nb {
  width: 17px;
  height: 16px;
  padding: 1px 0px 0px 0px;
  position: absolute;
  border-radius: 10px;
  background-color: #4f4f4f;
  color: white;
  text-align: center;
  margin: -23px 0px 0px 17px;
  font-family: 'source_sans_prosemibold';
  font-weight: 500;
  font-size: 11px;
  z-index: 99999;
  -webkit-animation: 1s linear 0s 5 alternate move_eye;
  animation: 1s linear 0s 5 alternate move_eye;
}

#newsletterAutoParams .blocchamp .libelle {
  width: 120px;
}

#SessParams .blocchamp .libelle {
  width: 500px;
  text-align: right;
}

.page_8196 {
	background-color:#f2f2f2;
	height:auto;
}
.page_8196 .bandeautitre {
	height: 80px;
	width: 100%;
	background: linear-gradient(90deg, rgba(97,203,224,1) 0%, rgba(83,83,237,1) 100%);
	display: flex;
	align-items: center;
	position: fixed;
	top: 0px;
	z-index: 1000;
	padding-left:50px;
	-webkit-box-shadow: 0px 8px 12px -8px rgb(0 0 0 / 60%);
	box-shadow: 0px 8px 12px -8px rgb(0 0 0 / 60%);
}

.page_8196 .bandeautitre .logo {
	-webkit-mask: url('../Images/ORGANON_PICTO.SVG') no-repeat center center /100% 100%;
    mask: url('../Images/ORGANON_PICTO.SVG') no-repeat center center /100% 100%;
    background-color:white;
	width:44px;
	height:44px;
}

.page_8196 .bandeautitre .titre {
	font-size:39px;
	line-height: 32px;
	color: #FFFFFF;
	padding-left: 25px;
	font-family: "arboria_book";
	letter-spacing:0.5px;
	margin-top:-8px;
}

.page_8196 img {
	border:1px solid #acacac;
	max-width:100%;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	display:block;
}

.page_8196 .texte {
	padding:130px 0px 60px 0px;
	margin:auto;
	max-width:800px;
}

.page_8196 .texteInfoUtil{
	padding:130px 250px 60px 250px;
	max-width:none;	
}
.page_8196 .texte .post {
	background-color:white;
	padding:40px;
	margin-bottom:60px;
	border-radius:10px;
	box-shadow: 0px 0px 5px 1px #dbdbdb;
	
	font-family:'source_sans_proregular',sans-serif;
	color:#6f6f6f;
	letter-spacing:0.5px;
}

.page_8196 .texteInfoUtil .postInfoUtil {
	/* background-color:white; */
	padding:0px;
	margin-bottom:30px;
	border-radius:10px;
	box-shadow: 0px 0px 5px 1px #dbdbdb;
	
	font-family:'source_sans_proregular',sans-serif;
	color:#6f6f6f;
	letter-spacing:0.5px;	
}
.page_8196 .TexteInfoUtil{margin-top: 25px;}

.page_8196 .texte .post:last-child{
	margin-bottom:0px;
}
.page_8196 .texte .post .version{
	float:right;
}

.page_8196 .texte .postInfoUtil .versionInfoUtilLeft{display: inline-block;text-align: left;width:75%;vertical-align: top;}
.page_8196 .texte .postInfoUtil .versionInfoUtilRight{display: inline-block;text-align: left;width:25%;vertical-align: top;}
.page_8196 .texte .postInfoUtil .versionInfoUtilHeader,.page_8196 .texte .postInfoUtil .TexteInfoUtil{ background-color: #f5f5f5;padding: 10px;border-radius: 10px;}


.page_8196 .texte .TitreInfoUtil{
	/* margin-top: 5px; */
	/* padding-top: 150px; */
	word-wrap:break-word;
	overflow:hidden;
	max-width: 1300px;
	height:auto;
	white-space:normal;
	padding-top:5px;
}

.page_8196 .form .accordeoncontentInfoUtil{
	padding: 20px;
}

.page_8196 .texte .post .TexteInfoUtil,.page_8196 .texte .post .versionInfoUtilLeft,.page_8196 .texte .post .versionInfoUtilRight{
	padding-left: 25px;
	padding-right: 25px;
}


.page_8196 .texte .post p{
	margin:0px 0px 30px 0px;
}
.page_8196 .texte .post p:last-child,.page_8196 .texte .post ul:last-child{
	margin-bottom:0px;
}
.page_8196 .texte .post h1{
	margin:0px 0px 30px 0px;
}
.page_8196 .texte .post h2{
	margin:0px 0px 30px 0px;
}
.page_8196 .texte .post h3{
	margin:0px 0px 30px 0px;
}

.page_8196 .texte .post ul {
	list-style-type: none;
	padding:0px;
	margin:0px 0px 30px 0px;
}
.page_8196 .texte .post ul li {
	position:relative;
	padding-left:25px;
	padding-bottom:10px;
}
.page_8196 .texte .post ul li:last-child {
	padding-bottom:0px;
}
.page_8196 .texte .post ul li::before {
	content:"";
	width:8px;
	height:8px;
	background-color:#5670ea;
	position:absolute;
	margin:8px 0px 0px 0px;
	left:0px;
}
.page_8196 .texte .post a{
	text-decoration:none;
	color:#5670ea;
}
.page_8196 .texte .post a:hover{
	text-decoration:underline;
}
.page_7975 {
	background-color:#b4c6d9;
}


.sfl-EtaSes-Ses {
	max-height: calc(100vh - 208px);
}

.previewUnlayer {
	min-height: 50px;
	border: solid 1px #DDD;
	border-radius: 5px;
}

.Div_AffProc22_Contenant,.Div_AffProc22_Contenant_membre{display: flex;}
.Div_AffProc22_Contenant_membre{margin-left: 11px;/*margin-top:10px;margin-bottom: 15px;*/}
.LienAvecPointer{cursor:pointer;}
.ligneDivicon {
	display: flex;
	flex-direction: row;
}
.surUneLigneDiv {
	display: flex;
	flex-direction: row;
}
.flechehautbas{
	height: 16px;
	width: 16px;
}
.surUneLigneDiv .contentRightCol{
	display: flex;
	flex-direction: row;
	align-items: center;
	position: absolute;
	background-color: var(--colorprincipale08);
	padding-right: 10px;
	animation: fadeInGen 0.8s linear 1;
}
.iconDansFLSpec{
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	border-radius: 16px;
	cursor: pointer;
	background-color: white;
}
.iconDansFLSpec .newicon {
	background-color: var(--colorprincipale05);
}

.mCustomScrollbar table tr th .textrecherchefl {
	display: none;
}

.nouvFoncSFLMax .sfl tr:first-child{
	position: sticky;
	top: 0;
	z-index: 999;
}
.nouvFoncSFLMax .sfl tr td:first-child, .nouvFoncSFLMax .sfl tr th:first-child{
	position: sticky;
	left: 0;
}
.nouvFoncSFLMax .sfl tr th:first-child{
	z-index: 9999;
}
.opeancienneVal{
	color: #d38845 !important;
}
.openouvelleVal{
	color: #4175b9 !important;
}
.correctTrftd td:first-child{
	padding: 5px 20px 5px 20px !important;
}
.badgeOffice{
	background-color: #EFF6FA;
    color: #727272;
    font: 500 14px/20px 'Inter';
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 12px 6px 12px;
    border-radius: 8px;
    width: auto;
	min-height: 20px;
	height: calc(100% - 12px);
}
.secondgenligne td{
	background-color: #bbcfed69 !important;
}
.openouvelleVal, .opeancienneVal{
	height: 20px;
}
.badgeOffice.badgeRouge{
	background-color: #e9b7b763; /*faebeb*/
    color: #727272;
}
.badgeOffice.badgeVert{
	background-color: #befbe58a; /*E1F7F0*/
    color: #727272;
}
tr.avecbadgeoffice td{
	vertical-align: middle !important;
}
.cpointeur {
	cursor: pointer !important;
}

.accordeoncontent.avecBoutonsDroitesPresents {
	display: flex;
}
.accordeoncontent.avecBoutonsDroitesPresents .sfletboutons {
	width: calc(100% - 80px);
}
.accordeoncontent.avecBoutonsDroites:not(.avecBoutonsDroitesPresents) .fonctionsdroitecontainer {
	display: none;
}
.accordeoncontent.avecBoutonsDroitesPresents .fonctionsdroitecontainer {
	padding-top: 38px;
}
.accordeoncontent.avecBoutonsDroitesPresents .fonctionsdroitecontainer .element {
	margin-bottom: 15px;
}
.accordeoncontent.avecBoutonsDroitesPresents .fonctionsdroitecontainer .element:hover {
	cursor: pointer;
}
.accordeoncontent.vuehorizontal{
	display: flex;
}
.accordeoncontent.vuehorizontal .blocchamp.blocfroala{
	display: flex;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px !important;
}
.accordeoncontent.vuehorizontal .zg{
	margin-left: 10px;
	margin-right: 10px;
}
.accordeoncontent.vuehorizontal .blocchamp.blocfroala .champ{
	width: 100%;
	min-height: 100% !important;
}
.accordeoncontent.vuehorizontal .blocchamp.blocfroala.froalaNotInit .champ .fr-box{
	padding-left: 0px;
}
.accordeoncontent.vuehorizontal .blocchamp.blocfroala .champ .fr-box .fr-second-toolbar:empty{
	min-height: 0px;
}
/*.zonefenetre .accordeoncontent.vuehorizontal .blocchamp.blocfroala.froalaNotInit .champ .fr-box > .fr-wrapper > .fr-element,.zonefenetre .accordeoncontent.vuehorizontal .blocchamp.blocfroala .champ .fr-box{
	min-height: calc(100vh - 588px) !important;
}
.zonefenetre .accordeoncontent.vuehorizontal .blocchamp.blocfroala > .champ > .fr-box > .fr-wrapper > .fr-element {
	min-height: calc(100vh - 733px) !important;
}*/

.contentsansaccordeon {
	position: relative;
	top: -10px;
}

.pointFocalImgContainer {
	padding-top: 25px;
	padding-right: 25px;
	width: calc(100% - 25px);
	text-align: center;
	height: calc(100% - 100px);
}
.pointFocalImgContainer2 {
	height: 100%;
}
.pointFocalImgContainer img {
	max-height: 100%;
	max-width: 100%;
}

.fauxLien:hover {
	cursor: pointer;
}


span.tag-custom {
    color:#f88379 !important;
}

.sflsanslibelle .blocchamp .libelle {
	display: none !important;
}


.exploEnsVot_Votations {
	max-width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 200px));
	grid-gap: 25px;
	padding: 0px 40px;
}
.exploEnsVot_Votation {
	max-width: 200px;
}
.exploEnsVot_Votation .zgcontent  {
	max-width: 100% !important;
}
.exploEnsVot_Votation .blocMessSimple  .champ {
	margin-left:0px !important;
}

.formOpCoFi > .zgcontent {
	height: calc(100% - 25px);
}
.fixTableHead { 
	overflow-y: auto; 
	height: 100%; 
} 
.fixTableHead thead th { 
	position: sticky; 
	top: 0; 
} 
.fixTableHead table { 
	border-collapse: collapse;         
	width: 100%; 
} 
.fixTableHead th, .fixTableHead td { 

} 
.fixTableHead th { 
	background: #ABDD93; 
} 

.opacity05 {
	opacity: 0.5;
}

#qurCiblesCib .ssaccordeoncontent, #qurCiblesGT .ssaccordeoncontent, #qurCiblesOG {
	margin-bottom: 0px !important;
}
#qurCiblesParams .ssaccordeoncontent {
	margin-bottom: 30px !important;
}
.btnExploHidden {
	display: none !important;
}
.imgQRScanPay {
	width: 130px;
	height: 130px;
	display: flex;
	background-size: cover;
	background-position: center center;
	margin-right: 0;
	margin-left: auto;
}
.nouvCurseur {
	cursor: url('../Images/iconesBoutons/rechCursor3.svg') 6 6, auto !important; /*Demande 92533*/
}
.marginGenealogie {
	margin-top: 14px;
}

#msgDescDoublon {
	display: inline-block;
}
#msgDescDoublon .styleLabelMessage {
	color: #eb2929;
}
#msgDescDoublon .champ {
	margin-top: 15px;
}
#msgDescDoublon_TableContainer {
	margin-left: 185px;
	width: calc(100% - 215px);
	font-family: var(--font-familydefault);
	color: #7c7c7c;
	max-height: 200px;
	overflow-y: scroll;
}
#msgDescDoublon_Table {
	width: 100%;
}
#msgDescDoublon_Table tr:hover {
	cursor: pointer;
}


.errormessage .fondNewIconFleche {
	display: none;
}

.fondIconFL {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
}

.errormessage .blocchamp .LibelleLong{width: 110px;}	
.errormessage .blocchamp .LibelleLong input[type=text]{ width: 190px;}	



#genererAttestTexte {
	color: #7A7A7A;
	font-size: 19px;
	font-family: var(--font-familydefault);
	font-weight: 400;
	padding-left: 30px;
	line-height: 24px;
	padding-bottom: 5px;
}

.autocompletedivpres .rechPropositions {
	list-style: none;
	position: fixed;
	z-index: 3;
	font-size: 14px;
    margin: 0px;
    padding: 4px 4px 4px 4px;
	background: #ffffff;
	border: 1px solid #d0d7de;
	border-radius: 4px;
    box-shadow: 0 3px 6px rgba(140, 149, 159, 0.15);
	width: 300px;
	margin-top: 4px;
}

.autocompletedivpres .rechPropositions li {
	display: block;
	width: calc(100% - 12px);
	font-weight: 500;
	padding: 6px 6px;
	color: #535353; /*#7A7A7A*/
	text-decoration: none;
	cursor: pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 4px;
	border: 0;
	font-family: var(--font-familydefault);
	background-color: #ffffff;
    -moz-transition: background-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.autocompletedivpres .rechPropositions li:hover {
	background-color: var(--colorprincipale10);
}

.ligneicontextfp {
	display: flex;
    align-items: center;
    vertical-align: middle;
}
.ligneicontextfp p {
	margin: 0px 0px 2px 5px !important;
}

.enteteWithUlElem {
	position: relative;
    z-index: 4;
}

.tablePublipostage {
	width: 100%;
}
.tablePublipostage tr:not(:first-child):not(:nth-child(2)) {
	height: 24px;
}
.tablePublipostage tr:not(:first-child):not(:nth-child(2)) td:not(:nth-child(3)) {
	width: 20%;
}
.tablePublipostage tr:nth-child(even) td {
    background-color: #f5f5f5;
}
.tablePublipostage .ligneHor {
	background-color:#2d2d2d !important;
}

.suivreFichesTaches {
	padding: 0px 25px 0px 25px !important;
}

.actionHistoClic {
	display: flex;
	gap: 18px;
	height: 100%;
}
.actionHistoClic .divActionHistoClic{
	width: 60%;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.actionHistoClic .divActionHistoClic .actionRea {
	max-height: calc(100% - 230px);
	overflow-y: auto;
	padding-right: 8px;
}
.actionHistoClic .divActionHistoClicDroite {
	width: 40% !important;
	gap: 0px !important;
} 
.labelActionHistoClic {
	font-size: 17px;
    font-family: 'source_sans_proregular';
    color: #7D7D7D;
	/*padding-bottom: 12px;*/
	margin-left: 1px;
}

.actionHistoClic .actionUWE {
	background-color: #efefef;
    border: 1px solid #DADADA;
    border-radius: 4px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
    margin-bottom: 10px;
    padding: 5px 10px 5px 10px;
    position: relative;

	font-size: 16px;
    font-family: 'source_sans_proregular';
    color: #7D7D7D;
}
.actionHistoClic .labelActionHistoClic {
	margin-top: 12px;
}
.actionHistoClic .actionUWE .flex {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.actionHistoClic .actionUWE .date {
    font-weight: bold;
}
.divActionHistoClic.form {
	margin: 0px !important;
}
.actionHistoClic .zg {
	margin-left: 0px !important;
	margin-right: 15px !important;
}
.actionHistoClic .blocchamp .libelle {
	width: 120px !important;
}
.actionHistoClic .blocchamp {
	margin-left: 30px;
}
.actionHistoClic .element {
	display: flex;
    flex-direction: row;
    cursor: pointer;
    align-items: center;
    justify-content: left;
}
.actionHistoClic .foncBasElement{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
	margin-left: 166px;
}
.actionHistoClic .element .libelle {
	display: block;
	font-size: 16px;
    font-family: var(--font-familydefault);
    font-weight: 600;
    letter-spacing: 0.8px;
	text-align: left;
    width: auto;
    min-width: auto;
    color: var(--color-logo) !important;
    padding: 0px 0px 0px 8px;
}

.actionUWE .type{
	font-weight:bold;
	color:white;
	background-color:grey;
	border-radius:4px;
	padding:2px 10px;
	font-size:14px;
	position:relative;
}
.actionUWE .type.emailin{background-color:#46a446;}
.actionUWE .type.emailout{background-color:#52c152;}
.actionUWE .type.phonein{background-color:#9292e6;}
.actionUWE .type.phoneout{background-color:#6464c1;}
.actionUWE .type.meeting{background-color:#f7a258;}
.actionUWE .type.todo{background-color:#ff5050;}
.actionUWE .type.recherchepartenaire{background-color:#2bc0c8;}
.actionUWE .type.adddocumentation{background-color:#2bc0c8;}