/* GLOBAL */

/* Définition des couleurs */
/*
Pour définir une variable : ajouter une ligne avec --var
Pour l'utiliser par la suite, utiliser : var(--var)
ATTENTION, ne fonctionne pas sur IE
Exemple : 
déclaration : :root{ --couleurPrincipaleClient: #00aac2; }
usage : .maclass { background-color: var(--couleurPrincipaleClient); }
*/
:root{
    --colorGrisNoir : #000000; /* Menu / header */
    --colorGrisSombre : #999999; /* Survols d'onglets */
    --colorGrisClair : #ccc; /* Onglets */
	--colorRougeFonce : #8B0000; /* hover menu */
	--colorFiltreBckgd :#f6f5f5; /* fond / background des filtres */
	--colorFiltreFont :#011a30; /* couleur police des filtres */
	--colorInput :#b5b6b3; /*contour des inputs*/
	--colorLabelInput :#b1b1b1; /*label des inputs*/
	--colorBouton:#d2d1d1; /* couleur des boutons */
	--colorBleu:#2b98c5; /*bleu*/
	--colorVert:#50a052; /*vert*/
	--colorGrisFormulaire:#d9d9d9; /*couleur grise de fond des formulaires*/
	--couleurRougeTransparent:#d90d152b; /* couleur rouge transparent pour le survol des BI*/
	--couleurFondEntete: #364b56;

	--color-bleu: #011a30;
    --color-bleu-RGB: 1,26,48;
	--color-bleu-vert-1: #6fc2bb;
	--color-bleu-vert-2: #619391;
	--color-gris: #576878;
	--color-jaune: #edb318;
	--color-vert: #65b32e;
	--color-rouge: #ea5553;
	--color-rouge-RGB: 234,85,83;
	--color-bg-input: #e5e8ea;
	--color-principale-light: #c6e7e4;
	--color-ged-RGB-perso-RGB : 247, 145, 86;
	--color-ged-RGB: var(--couleurPrincipaleClient-RGB);
	--color-dragover-RGB: 0, 60, 255;
}

/* Définition des polices */
@font-face {
	font-family: "Quicksand";
	font-weight: normal;
	font-style: normal;
	src: url('../inc_librairie/Font/Quicksand-Regular.ttf');
}
@font-face {
	font-family: "Quicksand";
	font-weight: normal;
	font-style: italic;
	src: url('../inc_librairie/Font/Quicksand-Italic.otf');
}
@font-face {
	font-family: "Quicksand";
	font-weight: bold;
	font-style: normal;
	src: url('../inc_librairie/Font/Quicksand-Bold.ttf');
}
@font-face {
	font-family: "Quicksand";
	font-weight: bold;
	font-style: italic;
	src: url('../inc_librairie/Font/Quicksand-BoldItalic.otf');
}
@font-face {
	font-family: "Quicksand";
	font-weight: 300;
	font-style: normal;
	src: url('../inc_librairie/Font/Quicksand-Light.ttf');
}
@font-face {
	font-family: "Quicksand";
	font-weight: 300;
	font-style: italic;
	src: url('../inc_librairie/Font/Quicksand-LightItalic.ttf');
}

@keyframes rotate{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
/*
@font-face {
	font-family: 'icon-fonts';
	src:  url('../inc_librairie/icon-fonts/icomoon.eot?55sukt');
	src:  url('../inc_librairie/icon-fonts/icomoon.eot?55sukt#iefix') format('embedded-opentype'),
	  url('../inc_librairie/icon-fonts/icomoon.ttf?55sukt') format('truetype'),
	  url('../inc_librairie/icon-fonts/icomoon.woff?55sukt') format('woff'),
	  url('../inc_librairie/icon-fonts/icomoon.svg?55sukt#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
	font-family: 'icon-fonts' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	color: var(--color-bleu);
	font-size: 16px;

  }
  
  .icon-desactiver:before {
	content: "\e900";
  }
  .icon-fermer:before {
	content: "\e901";
  }
  .icon-activer:before {
	content: "\e902";
  }
  .icon-supprimer:before {
	content: "\e903";
  }
*/
@font-face {
	font-family: 'icon-fonts';
	src: url('../inc_librairie/icon-fonts/icomoon.eot?79ua41');
	src: url('../inc_librairie/icon-fonts/icomoon.eot?79ua41#iefix') format('embedded-opentype'),
		url('../inc_librairie/icon-fonts/icomoon.ttf?79ua41') format('truetype'),
		url('../inc_librairie/icon-fonts/icomoon.woff?79ua41') format('woff'),
		url('../inc_librairie/icon-fonts/icomoon.svg?79ua41#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icon-fonts' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	color: var(--color-bleu);
	font-size: 20px;
	position: relative;
}
.table_liste td a[class^="icon-"],
.table_liste td a[class*=" icon-"] {
	color: var(--color-bleu);
	cursor: pointer;
}

.icon-small {
	font-size: 16px;
}

.icon-fermer:before {
	content: "\e91e";
}

.icon-devis2:before {
	content: "\e900";
}

.icon-esport-excel-contact:before {
	content: "\e903";
}

.icon-import-contact:before {
	content: "\e905";
}

.icon-inter2:before {
	content: "\e906";
}

.icon-inter3:before {
	content: "\e907";
}

.icon-modifier:before {
	content: "\e908";
}

.icon-pdf:before {
	content: "\e909";
}

.icon-prendre-photo:before {
	content: "\e90a";
}

.icon-reactiver:before {
	content: "\e90b";
}

.icon-recurrence:before {
	content: "\e90c";
}


.icon-sauvegarder-et-fermer:before {
	content: "\e90f";
}

.icon-sauvegarder:before {
	content: "\e910";
}

.icon-sup-inter:before {
	content: "\e911";
}

.icon-sup:before {
	content: "\e912";
}

.icon-valider-bt:before {
	content: "\e913";
}

.icon-valider-ot:before {
	content: "\e914";
}

.icon-valider-rex:before {
	content: "\e915";
}

.icon-voir-liste:before {
	content: "\e916";
}

.icon-voir:before {
	content: "\e917";
}

.icon-activer:before {
	content: "\e918";
}

.icon-ajout-achat:before {
	content: "\e919";
}

.icon-ajout-client-fournisseur:before {
	content: "\e91a";
}

.icon-ajout-DI:before {
	content: "\e91b";
}

.icon-desactiver:before {
	content: "\e92a";
}

.icon-desactiver2:before {
	content: "\e92b";
}

.icon-devis1:before {
	content: "\e92c";
}

.icon-ajout-ligne:before {
	content: "\e904";
}

.icon-clients-fournisseurs:before {
	content: "\e920";
}
.icon-planning:before {
	content: "\e91f";
}
.icon-parametrage:before {
	content: "\e91c";
}
.icon-gescom:before {
	content: "\e925";
}
.icon-doc-ged-gestions-droits:before {
	content: "\e923";
  }
.icon-mon-compte:before {
	content: "\e901";
}
.icon-compta:before {
	content: "\e921";
}
.icon-liste-equipements:before {
	content: "\e922";
}

/* -------------------------------------------------------------------------- */
/*                              Modification icon                             */
/* -------------------------------------------------------------------------- */

.icon-retour-liste-inter:before {
	content: "\e90e";
	font-size: 0.8em;
}

.icon-retour-inter:before {
	content: "\e90d";
	font-size: 0.8em;
}

.icon-ajout-societe
{
	position: relative;
}

.icon-ajout-societe:before {
	content: "\e91d";
}

.icon-ajout-societe:after {
	content: "\10e91d";
	opacity: .4;
	position: absolute;
	left: 0;
}

.icon-ajout-ligne
{
	position: relative;
}

.icon-ajout-ligne:before {
	content: "\e904";
}

.icon-ajout-ligne:after {
	content: "\10e904";
	opacity: .4;
	position: absolute;
	left: 0;
}
.icon-dupliquer
{
	position: relative;
}

.icon-dupliquer:before {
	content: "\e902";
}

.icon-dupliquer:after {
	content: "\10e902";
	opacity: .4;
	position: absolute;
	left: 0;
}
  
  

.bgAppliClient{background:transparent url(../inc_images/design/fond.png) no-repeat top center; background-size: auto;image-rendering:-webkit-optimize-contrast;}
.bgIconeClient{background-color: var(--bgIconeClient);}
.colorClient{color: var(--colorClient);}

/* div layout */
table, tr, td, th{margin: 0; padding: 0; border-spacing: 0; text-align: left}
tr, td, th{margin: 0; padding: 2px; border-spacing: 0;text-align: left; } 
th{text-align: left}
table {display: inline-table;}

*{position: relative;box-sizing: border-box}
body {height:100%; font-family: 'Quicksand', sans-serif;font-size:16px;background:transparent;vertical-align: top; margin: 0px; padding: 0px; text-align: center;color: var(--colorClient);}


/* headers */
h1, h2, h3 {font: bold 1em 'Avenir', sans-serif;}
h1 { font-size: 1.7em; color: var(--couleurPrincipaleClient); }
h2 { font-size: 1.2em; color: var(--couleurPrincipaleClient); text-align: center; text-transform:uppercase;}
h3 { font-size: 1em; color: #999; }

p {margin: 3px 7px;color: #000000;}
ul {color: #000;margin: 0px 0px 0px 0;padding: 0;text-decoration: none;}
a {color: unset;text-decoration: none !important;border: none;outline:none;}
a:hover {text-decoration: underline;color: unset;}
a:visited {color: unset;text-decoration: none;border: none;}


/* FORMULAIRES */
input, textarea, select, .dropzone {border-radius:3px;border:none;min-height:20px;font-weight:normal;font-size:12px; font-family:'Quicksand', sans-serif;outline:none;}
input{ font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}
input[type=number]{padding-right: 0px;}
input[type=button]{cursor: pointer;}
button{cursor: pointer;}
select{font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;/*max-width: 190px;*/}
textarea{font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;}

.a_lien
{
	cursor: pointer;
}

.bold {font-weight: bold;}
.breakAll { word-break: break-all;}
/* Style des inputs, textarea, select */
.div_principal input:not([type='button']):not([type='search']):not([type='checkbox']):not([type='radio']),  .div_principal select, .div_principal textarea, .div_principal button.ui-multiselect,
.popin-content input:not([type='button']):not([type='search']):not([type='checkbox']):not([type='radio']),  .popin-content  select, .popin-content textarea, .popin-content button.ui-multiselect
{
	clip-path: polygon(10px 0%, 100% 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0% calc(100% - 10px), 0% 10px);
	background-color: var(--color-bg-input);
	color: var(--color-bleu);
	border-radius: 5px;
	font-size: 1em;
	border: none;
	transition: background-color .2s ease-in-out, filter .2s ease-in-out;
	padding: 10px;
}

.popin-content input:not([type='button']):not([type='search']):not([type='checkbox']):not([type='radio']),  .popin-content  select, .popin-content textarea, .popin-content button.ui-multiselect
 {
	background-color: white;
 }
 .div_principal input.secondaryColor:not([type='button']):not([type='search']):not([type='checkbox']):not([type='radio']),  .div_principal select.secondaryColor, .div_principal textarea.secondaryColor, .div_principal button.secondaryColor.ui-multiselect,
.popin-content input.secondaryColor:not([type='button']):not([type='search']):not([type='checkbox']):not([type='radio']),  .popin-content  select.secondaryColor, .popin-content textarea.secondaryColor, .popin-content button.secondaryColor.ui-multiselect
{
	background-color: var(--couleurPrincipaleClient);
	color: white;
}

.select_petit{width: 120px;}
.select_moyen{width: 210px;}
td .input_form > .select_petit{width: 120px;}
td .input_form > .select_moyen{width: 210px;}

.div_principal input:focus, .div_principal select:focus, .div_principal textarea:focus, .div_principal button.ui-multiselect:focus, .div_principal button.ui-multiselect.ui-state-active,
.popin-content input:focus, .popin-content select:focus, .popin-content textarea:focus, .popin-content button.ui-multiselect:focus, .popin-content button.ui-multiselect.ui-state-active
{
	background-color:  rgba(var(--couleurPrincipaleClient-RGB),.4) !important;
	box-shadow: none;
}
.div_principal select:focus,
.popin-content select:focus
{
	border: none;
}
.div_principal input:hover, .div_principal select:hover, .div_principal textarea:hover, .div_principal button.ui-multiselect:hover, button:hover,
.popin-content input:hover, .popin-content select:hover, .popin-content textarea:hover, .popin-content button.ui-multiselect:hover, button:hover
{
	filter: brightness(.9);
}
.div_principal input[readonly], .div_principal select[readonly], .div_principal textarea[readonly],
.div_principal input[disabled], .div_principal select[disabled], .div_principal textarea[disabled],
.popin-content input[readonly], .popin-content select[readonly], .popin-content textarea[readonly],
.popin-content input[disabled], .popin-content select[disabled], .popin-content textarea[disabled]
{

	opacity: .35;
	cursor: default;
}
.div_principal input[readonly]:hover, .div_principal select[readonly]:hover, .div_principal textarea[readonly]:hover,
.div_principal input[disabled]:hover, .div_principal select[disabled]:hover, .div_principal textarea[disabled]:hover,
.popin-content input[readonly]:hover, .popin-content select[readonly]:hover, .popin-content textarea[readonly]:hover,
.popin-content input[disabled]:hover, .popin-content select[disabled]:hover, .popin-content textarea[disabled]:hover
{
	filter:none;
}
.div_principal input[readonly]:focus, .div_principal select[readonly]:focus, .div_principal textarea[readonly]:focus,
.div_principal input[disabled]:focus, .div_principal select[disabled]:focus, .div_principal textarea[disabled]:focus,
.popin-content input[readonly]:focus, .popin-content select[readonly]:focus, .popin-content textarea[readonly]:focus,
.popin-content input[disabled]:focus, .popin-content select[disabled]:focus, .popin-content textarea[disabled]:focus
{
	background-color: var(--color-bg-input) !important;
}
.div_principal option,
.popin-content option
{
	background-color: var(--color-bg-input);
}

.div_principal input::placeholder,
.popin-content input::placeholder
{
	color: var(--color-bleu);
}

.div_principal button.ui-multiselect.hasInfo,
.popin-content button.ui-multiselect.hasInfo
{
	margin-right: 0;
}
.div_principal select, .div_principal button.ui-multiselect,
.popin-content select, .popin-content button.ui-multiselect
{
	cursor: pointer;
}
.liste_info 
{
	cursor: help;
}

.input_form_popin_classique .inputNumberParametrage, .inputNumberParametrage{width: 50px;text-align: right}
.rangebar.bar {width: 100% !important;}
.champObligatoire{color: #8d0000; font-size: 15px;}
.aRetour{}
.aRetour::before{content:'< '}
/* FIN FORMULAIRES */


.div_principal{vertical-align:top; text-align:left;height:100%;min-height: 900px;min-width:900px;position:relative; padding-bottom: 50px;/*overflow-x: hidden;*/}
.div_principal.noBG{background: transparent}
.div_principal.noBG:after{content: none;}
.div_principal.hasMenu{padding-left: 100px; padding-top: 100px;min-height: 900px;padding-right: 30px; padding-bottom: 50px;min-height: 100vh}
.div_principal:after{position: absolute; top: 0; left: 200%; bottom: 0; right: 0;content: ""; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 300px); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 300px);animation: slideRight 0.7s linear}

.div_page_centrale_param{display: flex; flex-wrap: wrap;}
.div_page_centrale_param div{margin: 20px; min-width:20%; flex-basis: 47%;}

.detail_dossier_gauche{display: block; float: left;}
.OuvertureTabGrand .detail_dossier_gauche{width: 46%;}
.detail_dossier_droit{display: block; float: left;};

.absolute{position:absolute;}

p.msg_ok{color:var(--colorVert);}
p.msg_erreur{color:var(--color-rouge);}



.align_left, .AlignLeft{text-align:left;}
.align_right, .AlignRight{text-align:right;}
.align_center, .AlignCenter{text-align:center;}
.AlignCenterI{text-align:center !important;}
.underline {text-decoration:underline;}

.loading{opacity: 0;text-align: center; background: #fff;position: absolute; pointer-events: none;top: 0; left: 0; right: 0; bottom: 0; transition: 0.2s; min-height: 200px;}
.loading:after{content: ""; background: url(../inc_images/design/picto/loader.png) no-repeat center center; width: 100px;height: 100px;display: inline-block;top: 50%;position: fixed;}
.loading.visible{opacity: 0.5; z-index: 200000; pointer-events: auto;position: fixed;}
.loading.visible:after{animation: rotate 1s linear infinite;}

.picto_active{display: block; background: url("../inc_images/design/picto/picto_actif_bleu.png") no-repeat center center; background-size: contain; width: 20px; height: 20px;}
.picto_desactive{display: block; background: url("../inc_images/design/picto/picto_inactif_rouge.png") no-repeat center center; background-size: contain; width: 20px; height: 20px;}
.picto_acces{background: #000 url('../inc_images/design/picto/gestion-acces.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;}
.picto_blocage{display: block; background: #000 url("../inc_images/design/picto/blocage2.png") no-repeat center center; width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;}
.picto_clone{display: block; background: #000 url("../inc_images/design/picto/clone-jaune.png") no-repeat center center; width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;}
.picto_save{display: block; background: url("../inc_images/picto/picto_save.png") no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer}
.picto_loupe{display: block; background: url("../inc_images/picto/view.png") no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer}
.picto_warning{display: block; background: url("../inc_images/picto_client/warning.png") no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer; display: inline-block}

.picto_btn_radio,
.ui-icon.picto_btn_radio{background: url(../inc_images/design/picto/btn_radio.png) 0 0 no-repeat !important;width: 14px;height: 14px;}

.picto_btn_checkbox,
.ui-icon.picto_btn_checkbox{background:no-repeat center/100% url(../inc_images/design/picto/btn_checkbox.png)!important;width:14px;height:14px;}

.picto_btn_select,
.ui-icon.picto_btn_select{background:no-repeat center/100% url(../inc_images/design/picto/btn_select.png)!important;width:14px;height:14px;}

.picto_btn_grille1,
.ui-icon.picto_btn_grille1{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille1.png)!important;width:14px;height:14px;}

.picto_btn_grille2,
.ui-icon.picto_btn_grille2{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille2.png)!important;width:14px;height:14px;}

.picto_btn_grille3,
.ui-icon.picto_btn_grille3{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille3.png)!important;width:14px;height:14px;}

.picto_btn_grille4,
.ui-icon.picto_btn_grille4{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille4.png)!important;width:14px;height:14px;}

.picto_btn_txtlong,
.ui-icon.picto_btn_txtlong{background:no-repeat center/100% url(../inc_images/design/picto/btn_txt.png)!important;width:14px;height:14px;}

.picto_btn_txtcourt,
.ui-icon.picto_btn_txtcourt{background:no-repeat center/100% url(../inc_images/design/picto/btn_txt_court.png)!important;width:14px;height:14px;}

.btn_txt_seul,
.ui-icon.btn_txt_seul{background:no-repeat center/100% url(../inc_images/design/picto/btn_txt_seul.png)!important;width:14px;height:14px;}

.picto_btn_img,
.ui-icon.picto_btn_img{background:no-repeat center/100% url(../inc_images/design/picto/btn_img.png)!important;width:14px;height:14px;}

.picto_btn_num,
.ui-icon.picto_btn_num{background:no-repeat center/100% url(../inc_images/design/picto/btn_numerique.png)!important;width:14px;height:12px;}


.hide{display: none;}
.displayFlex{display:flex;align-items:center}

.demi{display: inline-block; width: 48%; vertical-align: top;padding: 20px;box-sizing: border-box;box-shadow: 2px 2px 8px #ccc;margin: 0 15px; transition: 0.3s}
.demi:hover{box-shadow: 2px 2px 8px transparent;}

.bgRouge, .bgOrange, .bgVert{display: inline-block; width: 50px; height: 23px; vertical-align: top; margin: 0 2px}
.bgRouge{background: #ff3333 !important;}
.bgOrange{background: #f58c46 !important;}
.bgVert{background: #00cc00 !important;}
.vert{color: #7ec9cd;}
.orange{color: #e56a54;}
.rouge{color: #e56a54;}

.dtable{display: table; width: 100%;}
.dcell{display: table-cell; vertical-align: top;}
.dib{display: inline-block;vertical-align: top;}

.fleche_bas{display: inline-block; vertical-align: top;width: 100%; background: transparent url("../inc_images/design/picto_fleche_select.png") no-repeat bottom center; border-top: 1px solid #bdbdbd;height: 12px;cursor: pointer;}
.fleche_haut{display: inline-block; vertical-align: top;width: 100%; background: transparent url("../inc_images/design/picto_fleche_select.png") no-repeat bottom center; border-top: 1px solid #bdbdbd;height: 12px;cursor: pointer;}

.absoRight{position: absolute; top: 3px; right: 3px;}
.absoLeft{position: absolute; top: -0px; left: 3px;}

fieldset{position: relative}

.rond{width: 100px; height: 100px; border-radius: 50%; background: #2b98c5; color: #FFFFFF; line-height: 100px; font-size: 20px;display: inline-block;}
.petit{font-size: 10px;}

.tablePleinePage{width:100%;padding:5px;background: transparent;}
.table3QuartPage{width:75%;padding:5px;background: transparent;}

.floatLeft{float:left;}
.floatRight{float:right;}

label.champInvalide{color: #e56a54;}
input.champInvalide, textarea.champInvalide{border-color: #e56a54}
.picto_plus{display: inline-block; color: #33ff99; font-size: 25px;line-height: 20px;}
.vcenter{top: 50%; transform: translateY(-50%); -webkit-transform: translatY(-50%);display: block;}
.center{text-align: center}
.souligne{text-decoration: underline;}
.disabled{opacity: 0.6;}
.dib{display: inline-block !important; vertical-align: top;}
.dcell{display: table-cell;}
.dtable{display: table; width: 100%;}
.valign{vertical-align: middle;}

.borderJaune{border-color: #33ff99;}
.bgBlanc{background-color: #fff;}
.bgNoir{background-color: #000;}
.colorJaune{color: #33ff99 !important;}
.colorBlanc{color : #fff;}

.loader{width: 50px; height: 50px;  top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.loader:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: url("../inc_images/design/picto/loader.png") no-repeat center center; background-size: contain; content: ""}
.loader.actif:after{animation: rotate 1s infinite linear;}

h2.titrePage{font-size: 38px; text-transform: uppercase;text-align: center; padding-right: 580px;margin: 0}
.conteneurTitrePage{height: 100px;overflow: hidden; text-align: left}
.conteneurTitrePage:after{content: "";position: absolute;width: 650px; background: url("../inc_images/design/ligne_sous_titre.png") no-repeat bottom 10px right; background-size: auto 44px;height: 100%; right: 0; top: 0;pointer-events: none;}
.conteneurTitrePage:before{content: ""; position: absolute; right: 650px; top: 0; width: 100%;background: url("../inc_images/design/ligne_droite.png") repeat-x bottom 10px right;height: 100%;}
.title_arrondi {width: auto;text-align: center;
background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient));border-radius:2px;padding:3px;display: block;color:#fff;margin : 10px 0px;font-weight:bold;}
/* FIN GLOBAL */

/* MENU */

.topFixed{position: fixed; width: 100%; top: 0; left: 0; z-index: 45}
.menuSite{ width: auto; margin-left: auto; padding-right: 300px; display: table;background: #fff; }
.menuSite .lien{margin: 3px 10px; color: #6f6f6f; font-size: 16px; text-decoration: underline; display: inline-block}
.topAppli{height: 70px; background: var(--color-bleu) ; text-align: left; transition: 0.3s linear;display: flex;flex-direction: row;}
.logoMenu{display: inline-block; vertical-align: top; height: 100%; width: 170px; background: url("../inc_images/design/logo_accueil.png") no-repeat center left;background-size: contain;margin-left: 70px;}
.logoMenu a{display: block; width: 100%; height: 100%;}

/* -------------------------------------------------------------------------- */
/*                                 Header menu                                */
/* -------------------------------------------------------------------------- */
.header_menu
{
	width: 100%;
	display: flex;
	flex-direction:row;
	align-items: center;
	color: white;
}

.header_menu_item
{
	height: 100%;
	width: 100%;
	transition: background-color .1s ease-in;
	background: none;
}
.header_menu_item .pictoMenu
{
	display: none;
}
.header_menu_item a
{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
}
.header_menu_item:hover
{
	background-color: rgba(var(--couleurPrincipaleClient-RGB),.3);
}
.header_menu_item.active
{
	background-color: rgba(var(--couleurPrincipaleClient-RGB),.8);
}

/*.menuCompte{position: absolute; top: 20px; right: 50px; width: 50px; height: 100%;color:#000;}
.menuCompte a{text-decoration: none;}*/
.titreMenuCompte{color: #fff; font-size: 20px; text-transform: uppercase; top: 30%; transform: translateY(-50%);-webkit-transform: translateY(-50%);display: block;text-align: center}
.nomCompte{bottom: 30px;position: absolute; right: 5px;  text-align: left; color: #fff; transition: 0.3s; font-weight: bold; }

a.menuMonCompte, 
a.menuMonCompte:hover, 
a.menuMonCompte:visited{color: #fff;padding:5px;border-radius:3px;font-size:10px}
a.menuMonCompte:hover{background-color:var(--bgIconeClient)}

.menuHaut {position: absolute; top:0;width:60px;height:100%;}
.menuHaut.menuParam{right: 100px; }

.menuHaut .picto{width:100%; height:100%;background-size: 36px;opacity:1;display:inline-block}
.menuHaut .picto:hover{opacity:1;}

.pictoParam {background: url("../inc_images/design/picto/pictoParam.png") no-repeat center center;}

.pictoParamGeneral{background: url("../inc_images/design/picto/parametre-black.png") no-repeat;}
span.pictoWarning{background: url("../inc_images/design/picto_attention.png") no-repeat center center;display:inline-block; width:15px;height:15px;background-size:15px;margin-right:5px;}
span.pictoActif{background: url("../inc_images/design/actif.png") no-repeat center center;display:inline-block; width:15px;height:15px;background-size:15px;margin-right:5px;}
span.pictoAttention{background: url("../inc_images/design/picto/picto_attention.png") no-repeat center center;display:inline-block; width:20px;height:20px;background-size:20px;margin-left:10px;}

.pictoDelete{background: var(--bgIconeClient) center/70% url("../inc_images/design/picto/delete.png") no-repeat;display:inline-block;vertical-align:middle; width:15px;height:15px;margin:0 5px;border-radius:90px; padding:12px;}

.picto_intervention {background: no-repeat center/100% url("../inc_images/picto_client/picto_intervention.png"); }
.picto_fleche_droite {background: no-repeat center/100% url("../inc_images/design/fleche_bouton_valider_11.png"); }
.picto_fleche_droite_rouge {background: no-repeat center/100% url("../inc_images/design/fleche_bouton_valider_rouge.png"); }
.picto_fleche_gauche {background: no-repeat center/100%  url("../inc_images/design/fleche_retour.png"); }
.picto_fleche_gauche_rouge {background: no-repeat center/100%  url("../inc_images/design/fleche_bouton_retour_rouge.png"); }
.picto_deconnexion {background: no-repeat center/100%  url("../inc_images/picto_client/picto_deconnexion.png"); width: 30px; height: 30px;display: block;}

.menu_top{
position: relative; 
/*display:none;*/
/*left: -160px; top:-10px;*/ max-height: 0; 
overflow: hidden;background: var(--couleurPrincipaleClient);
width: 100%;border-radius:0 0 5% 5%;
/*min-width:250px;*/
box-shadow:1px 1px 2px var(--color-bleu);
}
.header_menu_item:hover .menu_top{
	max-height: 500px;
	padding: 15px 0;
	transition: 0.8s; 
}



.menu_top .menu_top_item{
	min-height:20px;display: flex;flex-wrap: nowrap; flex-direction: row;align-items: center;text-decoration: none;
	background-size:20px;
	background-position:left center;
	/*margin:10px 0 0 10px;*/ padding-left:25px;font-weight:bold;
}
.menu_top .menu_top_item:hover{text-decoration: underline;background-color: rgba(var(--color-bleu-RGB),.3);}
.menu_top .menu_top_item.lien{color: var(--colorGrisNoir); font-size: 12px; padding-right: 5px;}

.sousmenuTop a{padding-left:40px;font-size: 10px; }

#menuGauche{background: linear-gradient(to right, var(--couleurPrincipaleClient) 100%, transparent);box-shadow: none;width: 70px;transition: 0.1s;text-align: left;position: fixed;top: 70px;height: 100%;transition: 0.3s linear;left: 0;z-index: 10;margin-bottom: 8px;overflow: hidden;padding-top: 50px;}
/*#menuGauche.open, #menuGauche:hover {background:linear-gradient(to right, var(--couleurPrincipaleClient) 280px, transparent);width: 300px;}*/
#menuGauche.open .lien, #menuGauche:hover .lien{opacity: 1;}
#menuGauche table{width: 100%;margin-top:20px /*pour avoir accès au sous menu*/}
#menuGauche .boutonOpen{position: absolute; top: 0; left: 0; width: 70px; height: 70px; background: url(../inc_images/design/picto/pictoOuvreMenu.png) no-repeat center;cursor: pointer;}
#menuGauche.open .boutonOpen{background: url(../inc_images/design/picto/pictoCroixMenu.png) no-repeat center;}

.menu_gauche{text-align:left;padding: 0;margin: 0;display: flex;flex-wrap: nowrap; flex-direction: row; height: 50px;line-height: 50px;transition: 0.3s; font-size:14px; font-weight:bold;}
.menu_gauche:hover{text-decoration: none;opacity:1;}
.menu_gauche:hover:before{position: absolute; width: 80%; content: ""; height: 100%;background: linear-gradient(to right, rgba(54,75,86,0.5) 150px, transparent); border-radius: 10px;top: 0; left: 5px;}

/*.menu_gauche .picto{width: 70px;background: url("../inc_images/design/menu/picto_param.png") no-repeat center center;}
.menu_gauche .lien{opacity: 0; transition: 0.5s ease-in; color: #fff; width: 230px; text-align: left; text-decoration: none !important; padding-left: 5px;}
*/


/* Liste des pictos du menu */
/* Commente cette partie car le menu n'est plus à gauche sur cette appli */

/*.menu_gauche.picto{min-width:70px;height:50px;background-size:36px;opacity:0.8;z-index:200;margin:5px 0;} /*couleur bckgd différente que ci-dessous pour identiifer les manques de picto*/
/*.menu_gauche.selected.picto{opacity:1;}

.menu_gauche .pictoMenu{position: absolute; top: 0; left: 0; width: 70px; height: 90%; background-size: 50% auto !important; background-position:center ;}

.menu_gauche .pictoMenu.lienClientMenu	{background: url("../inc_images/design/picto/pictoClients.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienDossier	{background: url("../inc_images/design/picto/pictoDossiers.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienFacturation	{background: url("../inc_images/design/picto/pictoFacturation.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienParams	{background: url("../inc_images/design/picto/pictoParams.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienPointage	{background: url("../inc_images/design/picto/pictoPointage.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienStat	{background: url("../inc_images/design/picto/pictoStat.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienTarifs	{background: url("../inc_images/design/picto/pictoTarifs.png") no-repeat center ;}*/

/* liste des pictos menu visibles sur tablette */
.pictoMenu::before
{
	font-size: 40px;
	color: white;
	font-family: 'icon-fonts';
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: .8;
}
.header_menu_item.active .pictoMenu::before
{
	opacity: 1;
}
.pictoMenu.lienMonCompteMenu::before
{
	content: "\e901";
}

.pictoMenu.lienIntervention::before
{
	content: "\e906";
}

.pictoMenu.lienParamMenu::before
{
	content: "\e91c";
}

.pictoMenu.lienClientMenu::before
{
	content: "\e920";
}

.pictoMenu.lienEquipementMenu::before
{
	content: "\e922";
}

.pictoMenu.lienAchats::before
{
	content: "\e925";
}

.pictoMenu.lienDocuments::before
{
	content: "\e923";
}

.pictoMenu.lienCompta::before
{
	content: "\e921";
}

.pictoMenu.lienMenuPlanning::before
{
	content: "\e91f";
}

#menuGauche .sousmenu
{
	display: block;
	/*left: 100%;*/
	left:70px;
	min-height: 50px;
	border-radius:0 5px 5px 0; 
	z-index:0;
	transition: 0.4s;
	opacity: 0;
}


#menuGauche:hover .sousmenu, #menuGauche.open .sousmenu{
	display:block;
	/*transition: 5.5s ease-out; */
	
	opacity: 1;
  left:70px;
}
#menuGauche table tr:first-child td{padding-top: 20px;} 
#menuGauche table tr:first-child td .sousmenu{margin-top: 0px;} 
.sousmenu ul {margin:0; padding:0; list-style:none;}
.sousmenu li {margin:0; padding:0 5px; list-style:none;text-align:left}
.sousmenu .lien{ color: #fff; width: 250px; text-align: left; padding-left:0px; text-decoration: none !important; }
.sousmenu .lienMenu{ color: #fff; text-align: left; padding:0 5px;  font-weight: bold; font-size:14px;}
.sousmenu ul li:not(:first-child) a:hover{font-weight: bold; text-decoration: none;}

.titrePage{position: absolute; left: 50%; top: 0; height: 100%; transform: translateX(-50%);color: #fff; font-size: 23px; text-transform: uppercase;line-height: 72px;}
.titrePage:after{position: absolute; bottom: -5px; left: 50%; content: ""; transform: translateX(-50%);background: var(--couleurPrincipaleClient); border-radius: 5px;height: 10px; width: 100px;}
/* FIN Liste des pictos du menu */
/* FIN MENU */

/* BOUTONS */
.btn{display: inline-block;border-radius:3px;padding: 7px 25px;color: #ffffff !important;width: auto;cursor: pointer;text-align: center;font-size:12px;vertical-align: middle;transition: 0.3s;border: none;background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient));}
.btn:hover{color:#ffffff !important;text-decoration:none;}
.btn.disabled{opacity: 0.5}
.btn_add:after{content:""; display:inline-block; width:15px; height:15px;background: var(--bgIconeClient) center/65% url("../inc_images/design/picto/add.png") no-repeat; vertical-align: middle; margin-left:5px;border-radius:90px;padding:4px;}


.petit_btn{display: inline-block;border-radius:15px;padding: 25px 25px;color: #000 !important;width: auto;cursor: pointer;text-align: center;font-size:14px;vertical-align: middle;transition: 0.3s;border: none;}
.petit_btn:hover{text-decoration:none;transition:box-shadow .3s ease;filter: drop-shadow(2px 2px 3px var(--colorFiltreFont));}
.petit_btn.disabled{opacity: 0.5}
/*.petit_btn_add:after{content:"+"; vertical-align: middle; margin-left:5px;font-size:20px}*/
.petit_btn_minus:after{content:"-"; vertical-align: middle; margin-left:5px;font-size:20px}
.petit_btn_del:after{content:"x"; vertical-align: middle; margin-left:5px;font-size:20px}
.petit_btn_invisible{visibility: hidden;}

.petit_btn.ajoutIntervention{background: no-repeat center/contain url("../inc_images/design/ajout_dossier.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.ajoutAction{background: no-repeat center/contain url("../inc_images/design/ajout_action.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.ajoutSociete{background: no-repeat center/contain url("../inc_images/design/ajout_user.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.ajoutArticle{background: no-repeat center/contain url("../inc_images/design/ajout_presta.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.ajoutTarif{background: no-repeat center/contain url("../inc_images/design/ajout_tarif.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.ajoutPenalite{background: no-repeat center/contain url("../inc_images/design/ajout_presta.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.petit_btn_valide{background: no-repeat center/contain url("../inc_images/design/enregistrer_2.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.petit_btn_abandonner{background: no-repeat center/contain url("../inc_images/design/abandonner.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.petit_btn_reprendre{background: no-repeat center/contain url("../inc_images/design/reprendre.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.ajoutDoc{background: no-repeat center/contain url("../inc_images/design/ajout_doc.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.ajoutFacture{background: no-repeat center/contain url("../inc_images/design/ajout_facture.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.ajoutMessage{background: no-repeat center/contain url("../inc_images/design/ajout_doc.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.ajoutUtilisateur{background: no-repeat center/contain url("../inc_images/design/ajout_user.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.ajoutGroupe{background: no-repeat center/contain url("../inc_images/design/ajout_groupe.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.petit_btn_calcule{background: no-repeat center/contain url("../inc_images/design/calculer.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.petit_btn_finalise{background: no-repeat center/contain url("../inc_images/design/finaliser.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.petit_btn_retour{background: no-repeat center/contain url("../inc_images/design/fleche_retour.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.petit_btn_plus{background: no-repeat center/contain url("../inc_images/design/picto/add.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.petit_btn_etape{background: no-repeat center/contain url("../inc_images/design/fleche_bouton_valider_11.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.petit_btn_test{background: #374a55;border-radius: 10px; padding: 5px 10px; color: #fff !important; margin-left: 5px;}
.petit_btn.importDossierRecouvrement{background: no-repeat center/contain url("../inc_images/design/enregistrer.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn.analyseDossierRecouvrement{background: no-repeat center/contain url("../inc_images/design/voir.png");image-rendering:-webkit-optimize-contrast;}
.petit_btn_datatable{display: inline-block !important;width: auto !important;cursor: pointer !important;text-align: center !important;font-size:14px !important;vertical-align: middle !important;transition: 0.3s !important;border: none !important;background: #374a55 !important;border-radius: 10px !important; padding: 5px 10px !important; color: #fff !important; margin-left: 10px !important;margin-bottom: 0px !important}
.petit_btn_supp_ligne{font-size: 22px; color: var(--color-bleu-vert-1); padding: 2px 5px;cursor:pointer;}
.petit_btn_duplique_ligne{font-size: 22px; color: var(--color-bleu-vert-1); padding: 2px 5px;cursor:pointer;}
.petit_btn_supp_ligne > i {font-size: 22px; color: var(--color-bleu-vert-1);}
.petit_btn_duplique_ligne > i {font-size: 22px; color: var(--color-bleu-vert-1);}
.petit_btn_datatable.btn_supprimer { background-color: rgb(206, 0, 0) !important;}
/* FINS BOUTONS */

/* TABLEAU / TABLE */
/*table tr:nth-child(odd){background-color:#fdfdfd}*/
/* FIN DATATABLE */

/* DATATABLE */
.table_liste{width:100%;}
/* FIN DATATABLE */

/* POPIN */
/*
.popin_classique {padding:10px;text-align:justify;text-indent:5px;background:transparent;border-radius:.5em;}
.popin_classique.popin-content {padding:10px;}
.popin_classique.popin-content p {padding:0;margin:0 0 1em;}*/
.popin-content{overflow:hidden !important;overflow-y:auto !important;}
.popin-content .fond_popin_classique tr,
.popin-content .fond_popin_classique th,
.popin-content .fond_popin_classique td {padding:5px 20px;}

table.fond_popin_classique{width:100%; height:100%; background:#e1eeed ; font-weight:normal; font-size:11pt; color:var(--colorClient); margin-top: 0px;border-radius: 5px;table-layout: fixed;}
table.fond_popin_grande{width:100%; height:750px; background:#ebebeb ; font-weight:normal; font-size:8pt; color:var(--colorClient); margin-top: 0px;border-radius: 5px;}
table.fond_popin_compteur{width:900px; height:580px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
table.popin_suivi_releve{width:1080px; height:600px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
table.popin_suivi_export{width:960px; height:600px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
table.popin_do_export{width:450px; height:300px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }

tr.titre_popin{background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient)); height:30px; font-size:14pt; color:#ffffff; text-align: left;margin : 10px 0px;font-weight:bold;}
tr.titre_popin td{text-align: left}

.title_arrondi {width: auto;text-align: center;
background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient));border-radius:2px;padding:3px;display: block;color:#fff;margin : 10px 0px;font-weight:bold;}
/* FIN GLOBAL */

tr.bas_popin{background-color:transparent; height:30px; font-size:10pt; color:#ffffff;  background-repeat:repeat-x;}
table.fond_popin_classique .dataTables_wrapper{min-height: 0}
table.conteneur_popin_classique{text-align: left;padding:5px;box-sizing: border-box}
table.conteneur_popin_releve{border:1px solid #c0c0c0; text-align: left}
tr.titre_popin_classique{color:#fff; font-size:10pt; height:25px; text-align: left; margin-left:5px;}
tr.titre_popin_classique td{text-align: center;}
tr.submit_popin_classique{background-color:#2b98c5; color:#ffffff;font-weight:bold; height:25px}
td.lib_form_popin_classique{color:var(--colorClient); font-weight:normal; padding-left:2px; padding-right:2px; min-width:20%; width:auto;padding-top:1px; padding-bottom:1px; text-align: left}
td.input_form_popin_classique{color:var(--colorClient); font-weight:normal; padding-left:2px; padding-right:2px; min-width:30%; width:auto; padding-top:1px; padding-bottom:1px; text-align: left;display:flex;align-items:center;}
td.lib_form_popin_classique_mini{color:#2b98c5; font-weight:normal; padding-left:2px; padding-right:2px;  padding-top:1px; padding-bottom:1px; text-align: left}
td.input_form_popin_classique_mini{color:#2b98c5; font-weight:normal; padding-left:2px; padding-right:2px;  padding-top:1px; padding-bottom:1px; text-align: left}
td.td_close_popin{text-align: right; padding-right: 10px;}
/*td.input_form_popin_classique input{color:#000000; font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;}*/
td.input_form_popin_classique input[type=number]{padding-right: 0;}
/*td.input_form_popin_classique select{color:#000000; font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;}
td.input_form_popin_classique textarea{color:#000000; font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;min-height:100px}
tr.submit_popin_classique td input{color:#000000; font-weight:bold; text-align:center; font-size:8pt; width:auto;padding-left: 5px;padding-right: 5px;}*/
.popin_close_cross{background-image: url('../inc_images/design/picto/close.png');background-repeat: no-repeat;width: 20px;height:20px;position: absolute; z-index: 2; background-size: contain;right: 15px; top:7px; cursor: pointer;}
td.lib_form_popin_classique.align_right{text-align: right}
.input_form_popin_classique input,.input_form_popin_classique select{width: 200px;}
.input_form_popin_classique input[type='checkbox'],.input_form_popin_classique input[type='radio']{width: auto}
.input_form_popin_classique input, .input_form_popin_classique select, .input_form_popin_classique textarea{width: 250px;}
/*tr td.lib_form_popin_classique, */
tr td th.input_form_popin_classique{ padding: 5px 0; /*border-bottom : 1px solid #eee;*/}

td.contenu_popin_classique{width:780px; vertical-align: top;}
table.contenu_popin_classique{width:780px; vertical-align: top;}

/*tr td.lib_form_popin_classique:before { content:""; display: inline-block; width: 17px; height: 17px; margin-right:5px; margin-left:5px;background: url('../inc_images/design/puce.png') transparent no-repeat; vertical-align:middle;}*/
.input_form_popin_classique input.widthInit, .input_form_popin_classique select.widthInit, .input_form_popin_classique textarea.widthInit{width: initial;}

td.td_log_modif_creation{font-style: italic;}

.libelleTableau{font-weight: bold;}
/* FIN POPIN */

/* TABLEAU DROITS */
tr.tab_liste_selected{background-color:var(--colorGrisClair); color:#000;}

.tableauDroits{background: #fff;}
.tableauDroits thead tr{background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient));}
.tableauDroits thead th:first-child{width:15%;} 
.tableauDroits thead th{padding:5px 10px; color:#fff;font-weight:bold;}
.tableauDroits tr:nth-child(even){background:#efefef;}
.tableauDroits td:first-child{border-right:1px solid var(--colorGrisSombre)} 
.tableauDroits td{color:var(--colorClient); padding:2px 5px;}
.tableauDroits tbody tr:hover{background:var(--colorBleu)}
/* FIN TABLEAU DROITS */



/* Fil d'Ariane */
div.FilAriane{color:#2b98c5; font-size:10pt; float:left;padding-left:15px;}
div.FilAriane a{color:#2b98c5;text-decoration:none; border:none; padding-left:8px; padding-right:8px; outline:none; font-size:10pt; }
div.FilAriane a:visited{color:#2b98c5;text-decoration:none; border:none; padding-left:8px; padding-right:10px;}
div.FilAriane a:hover{color:#2b98c5; text-decoration:underline;}
/* FIN Fil d'Ariane */

/* PARTIE SITE (si existante) */
.menu_page{text-align: left;}
/* FIN PARTIE SITE */

/*  PICTOS DATATABLE  */
/*.liste_voir{background: var(--bgIconeClient) url('../inc_images/design/picto/voir.png') center center;background-repeat: no-repeat;width:40px !important;height:35px !important;border-radius: 40%; background-size: 60% auto;cursor: pointer;display:inline-block;vertical-align:middle;}*/
.liste_user{background: var(--bgIconeClient) url('../inc_images/design/picto/liste-contact.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_selection{background: var(--bgIconeClient) url('../inc_images/design/picto/slect-adresse.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_add_contact{background-image: url('../inc_images/picto_client/add-min.png');image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:20px;height:20px;}
/*.liste_add{background: var(--bgIconeClient) url('../inc_images/design/picto/save.png') center center;background-repeat: no-repeat;width:40px !important;height:35px !important;border-radius: 40%; background-size: 60% auto;cursor: pointer;}*/
/*.liste_close{background: var(--bgIconeClient) url('../inc_images/design/picto/annuler.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:40px !important;height:35px !important;border-radius: 40%; background-size: 60% auto;cursor: pointer;}*/
.liste_info{background-image: url('../inc_images/design/picto/info2.png');image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:20px !important;height:20px !important;background-size: 100% auto; }
.liste_sauvegarde_nuage{background: var(--bgIconeClient) url('../inc_images/design/picto/enregistrer2.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_avis{background: var(--bgIconeClient) url('../inc_images/design/picto/avis_jaune.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_upload{background: var(--bgIconeClient) url('../inc_images/design/picto/enregistrer.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_tel{background: url('../inc_images/design/picto/phone.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:24px !important;height:24px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.rondPictoGroupe{background:var(--couleurPrincipaleClient); width:20px;height:20px;margin-right:5px !important}
.picto.pictoGroupeClients{background: url("../inc_images/design/picto/clients.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;background-size: 15px;width:15px;height:15px;display:inline-block;margin-top:2px;margin-left: 2px;}

/*.liste_activer{background: url('../inc_images/design/picto/Pictos_Activer.png') center center;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_desactiver{background: url('../inc_images/design/picto/Pictos_Desactiver.png') center center;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;}*/
.liste_valider{background: url('../inc_images/design/picto/Pictos_Valider.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_copy{background:  url('../inc_images/design/picto/Pictos_Copier.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_mail{background: url('../inc_images/design/picto/Pictos_Envoi_mail.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_non_paye{background: url('../inc_images/design/picto/Pictos_Non_paye.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_paye_client{background: url('../inc_images/design/picto/Pictos_Paye_client.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_paye_reaction{background: url('../inc_images/design/picto/Pictos_Paye_Reaction.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_pdf{background: url('../inc_images/design/picto/Pictos_PDF.png') center center;background-repeat: no-repeat;image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_word{background: url('../inc_images/design/picto/Pictos_Word.png') center center;background-repeat: no-repeat;image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_relance{background: url('../inc_images/design/picto/Pictos_Relancer.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_retard{background: url('../inc_images/design/picto/Pictos_Retard.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_modif{background: no-repeat center/contain url("../inc_images/picto_client/picto_modif.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_modif_small{background: no-repeat center/contain url("../inc_images/picto_client/picto_modif.png");image-rendering:-webkit-optimize-contrast;width:20px !important;height:20px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_exec_action{background: no-repeat center/contain url("../inc_images/design/execute_action.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_delete{background: no-repeat center/contain url("../inc_images/picto_client/picto_delete.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_activer{background: no-repeat center/contain url("../inc_images/design/reprendre2.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_desactiver{background: no-repeat center/contain url("../inc_images/picto_client/picto_delete.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_close{background: no-repeat center/contain url("../inc_images/design/annuler_desactiver.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.petit_btn_annule{background: no-repeat center/contain url("../inc_images/design/annuler_desactiver.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_add{background: no-repeat center/contain url("../inc_images/design/enregistrer_2.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_voir{background: no-repeat center/contain url("../inc_images/picto_client/picto_voir.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_action{background: no-repeat center/contain url("../inc_images/design/ajout_action.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_retour{background: no-repeat center/contain url("../inc_images/design/reprendre.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_valide{background: no-repeat center/contain url("../inc_images/picto_client/Pictos_Valider.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.doc_present{background: no-repeat center/contain url("../inc_images/design/doc_present.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.doc_absent{background: no-repeat center/contain url("../inc_images/design/doc_absent.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.liste_declenche{background: no-repeat center/contain url("../inc_images/picto_client/declencher.png");image-rendering:-webkit-optimize-contrast;width:25px !important;height:25px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.toggleIfModif.hide{display: none;}

.lock{background: url('../inc_images/design/picto/unlock.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:20px !important;height:20px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.unlock{background: url('../inc_images/design/picto/lock.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:20px !important;height:20px !important;cursor: pointer;display:inline-block;vertical-align:middle;}


/* FIN PICTOS DATATABLE  */

/* FILTRES */
/*.DivFiltre{display: inline-block; vertical-align: top;margin: 0 4px; text-align: left}*/
.contentFiltre{display:inline;vertical-align: top; width: 1000px}
.labelFiltre{padding: 5px; text-align: right;font-size: 15px;color:var(--colorClient);}
.inputFiltre{height: 30px;padding: 2px;}
.inputFiltre input, .inputFiltre select{height: 100%; border: none; background: #f1f1f1; font-size: 15px;}
td.legende, div.legende, span.legende{font-size: 25px; font-weight: bold;text-transform: uppercase;text-align: left; /*padding-left: 20px;*/display: inline-block; vertical-align: top;background-color:transparent; padding:5px; color:#000;}
fieldset.Filtre{max-width: 1000px;margin: auto; text-align: left;border-radius:10px;}


.filtre_favoris{}
.filtre_favoris_img_jaune{ background:url('../inc_images/design/picto/favoris.png') no-repeat left center;image-rendering:-webkit-optimize-contrast;}
.filtre_favoris_img_vert{ background:url('../inc_images/design/picto/favoris_vert.png')  no-repeat left center; image-rendering:-webkit-optimize-contrast;}
.filtre_favoris_img_rouge{ background:url('../inc_images/design/picto/favoris_rouge.png')  no-repeat left center;image-rendering:-webkit-optimize-contrast;}
/* FIN FILTRES */

/* TINYMCE */
.defaultSkin table.mceToolbar{display: block !important;}
.tabsParam .mce-container{margin: auto}
/* FIN TINYMCE */

/* TOAST */
.jq-has-icon{box-sizing: border-box;}
/* FIN TOAST */

/* TABS */
li.ui-tabs-tab:not(.page_title){border-top-left-radius: 20px;border-top-right-radius: 20px;font-size:12px;padding:0px !important;}
.ui-tabs .ui-tabs-panel{position: relative}
.ui-tab.ui-state-disabled{width: 0; opacity: 0 !important; margin: 0 !important; border: 0 !important; padding: 0 !important;}
.ui-tabs.ui-widget.ui-widget-content{border: none !important;padding: 0; background: transparent !important;}
.ui-tabs .ui-tabs-nav{padding: 0 !important; background: none !important;}
.ui-tabs .ui-tabs-nav li{border-radius: 10px;border: none; background: #f6f6f6; margin:0 5px 0 0 !important; margin-right: 20px !important; border-radius: 10px 10px 0 0;position: relative;min-width: 200px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li:hover {background: linear-gradient(to bottom, var(--color-principale-light) 0%, white 90%) !important; color: var(--colorClient) !important; border: none !important;}
.OuvertureTabGrand .ui-tabs .ui-tabs-nav li.ui-tabs-active{background: linear-gradient(to bottom, var(--color-principale-light) 0%, white 80%)  !important;}
.ui-tabs .ui-tabs-nav li a{font-size:16px;width: 100%;}
.ui-tabs .ui-tabs-nav .ui-state-active a, 
.ui-tabs .ui-tabs-nav .ui-state-active a:link, 
.ui-tabs .ui-tabs-nav .ui-state-active a:visited{ color: #000 !important; font-weight: bold; }

.contenuPage .ui-tabs .ui-tabs-nav{ border-bottom: 1px solid var(--couleurPrincipaleClient) !important;border-radius: 0;}

.ui-widget-header{border: none !important;background:#c2c2c2 !important;}
.ui-widget{font-family: "Quicksand", sans-serif !important;}
/* FIN TABS */

/* DATATABLE */
.textareaDatatable{width: 100%; height: auto;}
.dataTables_paginate{max-width: 100%;}
.export-excel{width: 20px; height: 20px; background: url("../inc_images/design/picto/excel.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;display: inline-block;vertical-align: top;background-size: contain;}
.export-pdf{width: 35px; height: 35px; display: inline-block;vertical-align: top;border-radius: 50%; background: #000 url("../inc_images/design/picto/pdf.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; background-size: 60% auto;}
.table_liste .liste_voir.hide{display: none;}
.multiselectDatatable{width: 150px;}
.ui-multiselect{width: 100% !important;max-width: 100%;min-width: 80px;}
.table_liste .ui-multiselect{max-width: 100%;}
.dataTables_wrapper{margin-bottom: 30px;}
.table_liste .liste_modif a.zone_href, .table_liste .liste_delete a.zone_href{display: block; width: 100%; height: 100%;float: none;}
.dt-button{border: none; background: #000;padding: 7px;margin-bottom: 5px;height: 40px; min-width: 40px;transition: 0.3s; box-sizing: border-box; vertical-align: top;cursor: pointer;}
.dt-button span{display: block; width: 100%; }
.dt-button span .export-excel{width: 100%; height: 100%; background-size: contain;}
.dt-button span .export-pdf{border-radius: 0;width: 100%; height: 100%; background-size: contain;}
.dt-button:hover{padding: 6px;}
.table_liste, .table_liste table{max-width: none;}
.table_liste tr.inactif td{font-style: italic;background-image: repeating-linear-gradient(-45deg,transparent,transparent 5px,#e6e6e6 5px,#e6e6e6 10px)}
/* FIN DATATABLE */

/* Page Parametrage des listes */
.paramListes{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.paramListe{width: 100%;padding: 10px;box-sizing: border-box;/*border: 1px solid #ccc;*/ margin: 15px;box-shadow: 2px 2px 8px #ccc; transition: 0.3s}
.paramListe:hover{box-shadow: 2px 2px 8px transparent;}

.menuListes{display: inline-block; width:330px; vertical-align: top; text-align: left;font-size:12px;}
.menuListes a{display: block;margin: 2px 0; cursor: pointer;color:var(--colorClient);text-decoration:none}
.menuListes a i{padding:8px 5px}
.menuListes a:hover{background:var(--colorGrisClair)}
.menuListes a.selected{font-weight: bold; /*color: var(--couleurPrincipaleClient);*/background:var(--colorGrisClair)}
.paramListes{display: inline-flex; width: calc(100% - 340px);width: -webkit-calc(100% - 340px); vertical-align: top}
.paramListe{flex-grow: 1;}
.paramListe  table td > input
{
	width: 100%;
}
/* FIN Page Parametrage des listes */

/* AUTOCOMPLETE */
.ui-autocomplete{max-height: 200px; overflow-y: auto; overflow-x: hidden; z-index: 10000 !important}
.ui-autocomplete .ui-state-active{box-sizing: border-box}
.ui-autocomplete{text-align: left}
.ui-autocomplete.ui-widget-content .ui-state-active{border: none; margin: 0px;}
.ui-autocomplete.ui-widget-content .ui-state-active{background:  var(--colorFiltreBckgd); color: var(--colorFiltreFont)}
/* FIN AUTOCOMPLETE */

/* DATEPICKER */
.ui-datepicker { z-index: 9999 !important; }
.datepicker {width: 120px;}
/* FIN DATEPICKER */

/* CHOSEN */
.chosen-results li{font-size: 10px !important;}
.chosen-container{/*position: absolute !important;*/ -webkit-transition: width 1s; transition: width 1s; top: 3px;padding-bottom:8px;}
.chosenVille{padding-bottom:10px !important;}
/* FIN CHOSEN */

/* Espace disque */
.InfosStats{color: var(--colorClient);}
.InfosStats p{color: var(--colorClient);margin-left:auto;margin-right:auto;width:500px;}
.InfosStats p label{display:block;float:left;width:200px;}
.InfosStats p input{float:left;}
.InfosStats h1, .InfosStats h2 {margin-bottom: 5px;padding: 5px;color: #ffffff;text-transform: uppercase;font: normal bold 15px verdana, tahoma, arial;background: linear-gradient(to right, var(--couleurPrincipaleClient), 50%, var(--colorClient));}
/* FIN Espace disque */

/* Connexion / Inscription / mdp oublié */
.contentMdpOublie{position: relative; font-weight: bold; width:380px; color:#fff; margin:10px;}
.infosMDP{position: absolute; left: calc(100% + 15px); top: 0; width: 200px;background: rgba(0, 0, 0, 0.8); text-align: left !important; z-index: 4;padding: 10px; border-radius: 10px; color: #fff;}
.listeConditions{padding-left: 25px;text-align: right}
.infosMDP:before{position: absolute;top: 50%; top: calc(50% - 27px);top: -webkit-calc(50% - 27px); content: ""; right: 100%; border: 10px solid transparent; border-right: 10px solid  rgba(0, 0, 0, 0.8);}
.listeConditions .condition{font-weight: bold; position: relative;color: var(--couleurPrincipaleClient);}
.listeConditions .condition.condPassOk{color: #65c462}
.condPassNOk{color: red}
.listeConditions .condition.condPassOk:after{content: "";position: absolute; left: -30px;margin-left: 3px;top: 0; width: 15px; height: 100%; background: url("../img_global/picto/check_petit.png") no-repeat center center; image-rendering:-webkit-optimize-contrast;background-size: contain;}
#formChangeMdp{text-align: center}
a.lien_mdp_oublie{color:#8fadba;text-align:right;padding-left:20px;line-height:25px}
.bgConnexion{width: 100%; height: 100vh; height: 100svh; background: transparent url(../inc_images/design/fond-login.png) no-repeat center center;image-rendering:-webkit-optimize-contrast; text-align: center; min-height: 900px;background-repeat:no-repeat;background-size:cover;}
.divConnexion{margin: auto;width: 550px; height: 650px; padding-top:40px;  margin-bottom: 90px;}
.logoConnexion{width: 460px; height: 100px; background: url("../inc_images/design/logo_accueil.png") no-repeat top center; image-rendering:-webkit-optimize-contrast;background-size: contain; display: block; margin: auto; margin-bottom: 10px;}
.compagnon{width: 460px; height: 100px; background: url("../inc_images/design/compagnon_fixe.png") no-repeat top center; image-rendering:-webkit-optimize-contrast;background-size: contain; display: block; margin: auto; margin-bottom: 10px;}
.saisie_formulaire{width: 380px; margin: auto;text-align:left;display: flex; flex-direction: row; justify-content:space-between; }
.saisie_formulaire input, .saisie_formulaire span {vertical-align:middle}
.saisie_formulaire.extraBoutons
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-transform: lowercase;
}
.saisie_formulaire.extraBoutons #afficheMDP
{
	margin: 0;
}
.saisie_formulaire.extraBoutons label[for="afficheMDP"]
{
	color: #8fadba;
	margin-left: 10px;
}

.contentReinitialise {
    width: 50%;
    margin: auto;
    display: flex;
    justify-content: center;
}

a.lienConnexion, .lienConnexion{color: #b2b2b2; font-size: 23px;margin-bottom: 10px; display: inline-block}
.divConnexion h2{color: #fff; margin-top: 10px;}
.divConnexion.divInscription{padding-top: 60px;font-size: 16px; color: #fff}
.divConnexion.divInscription .logoConnexion{width: 350px; height: 60px;margin-bottom: 20px;}
.labelInscription{font-size: 16px;color: #b2b2b2;  cursor: pointer; transition: 0.2s; border: 1px solid #4a4b4d;padding: 10px; display: block;}
.labelInscription:hover,.divConnexion input[type="radio"]:checked ~ label{color: #fff;border: 1px solid #fff; }
.containerRadio{display: inline-block; width: 48%;margin: 18px 0px; }
.containerRadio:first-child{margin-right: 2px;}
.containerRadio:last-child{margin-left: 2px;}
.checkMention{padding: 0 60px;}
.btnConnexion{display: block;width: 100%; height: 100%; border: none; background: transparent;line-height: 180px;color: #fff;font-weight: bold;font-size: 45px;text-transform: uppercase; cursor: pointer;   text-align: center; }
.divBtnConnexion:hover .conteneurImageBouton{animation: rotate 1s linear infinite}
.btnConnexion:focus{outline: none;}
.divConnexion.divInscription .divBtnConnexion{width: 150px; height: 150px; left: 90%; bottom: 45px;}
.divConnexion.divInscription .btnConnexion{line-height: 150px;}
.divBtnConnexion{display: block; position: absolute; width: 180px; height: 180px;  bottom: -80px;  left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); }
.conteneurImageBouton{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background : #33ff99 url("../inc_images/design/lueur_interne.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;border-radius: 50%;border: 10px solid #2f3031;}
.divConnexion .divBtnConnexion{left: 90%; bottom: 45px;width: 150px; height: 150px;}
.divConnexion .btnConnexion{line-height: 150px;}
input.input_connexion{line-height: 20pt;text-align: center;width: 280px;background: rgba(4, 35, 69, 0.3); border: 1px solid #2d6275; color: #8fadba; box-sizing: border-box;font-size: 23px;width: 100%; padding: 10px 20px; font-weight: normal;outline:none; text-align: center;margin: 5px auto;border-radius: 5px;}
input.input_connexion::placeholder{color:white}
.btn_connexion .btn{width:380px;border-radius:5px; background: rgba(var(--couleurPrincipaleClient-RGB), .7); color: #fff;text-align: center;padding: 10px 20px; font-size: 17px; text-transform: lowercase;height: 50px;transition: filter .1s ease-in;}
.btn_connexion .btn:hover{filter: brightness(.7)};
.home_msg_bienvenue{font-weight:700;font-size: 25px;;margin:20px;}
.home_msg_bienvenue_detail{font-size: 20px;font-weight:400;}
.bgConnexion .verticalSeparator {
	height: 40px;
	width: 2px;
	margin: 20px auto;
	margin-top: 10px;
	background-color: var(--couleurPrincipaleClient);
}
/* FIN Connexion / Inscription / mdp oublié */

/* NOTIFICATIONS */
.infosLive{transition: 0.3s; text-align: center; display: flex; justify-content: center; align-items: center; width: 100px;}
.notifModif{display: inline-block; color: #e56a54; font-size: 11px; padding-right: 20px;width: 300px;position: absolute; top: 5px; right: 0;text-align: right;}
.notifModif .fermerNotif{position: absolute; top: 5px; right: 0;width: 10px; height: 10px;cursor: pointer; background: url("../inc_images/design/picto/annuler2.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; background-size: contain;}
#Notifications{position: fixed; bottom: 0; right: 0; width: 300px; height: 0px;transition: 0.3s; z-index: 46000}
#Notifications .pictoFermer{display: none;position: absolute;width: 30px; height: 30px; top: -15px; left: -15px;background: url("../inc_images/design/picto/close2.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;background-size: contain;z-index: 40; cursor: pointer;}
#Notifications .contentPicto{display: none;width: 60px;position: fixed; bottom: 0; right: 0;background: rgba(64,64,64,1);padding-top: 5px;padding-left: 10px;cursor: pointer;height: 40px;transition: 0.3s}
#Notifications.open .contentPicto{right: -60px;}
#Notifications.open{height: 300px;}
#Notifications.open .pictoFermer{display: block;}
#Notifications .pictoNotif{width: 30px; height: 30px;background: url("../inc_images/design/picto/mail-white.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; background-size: contain;}
#Notifications.hasNotif .pictoNotif{background: url("../inc_images/design/picto/mai.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; background-size: contain;}
#Notifications .nbNotif{display: none;}
#Notifications.hasNotif .nbNotif{position: absolute;top: 3px; left: 30px;color: #fff; width: 20px; height: 20px; background: #e56a54; border-radius: 50%;display: block;line-height: 20px; text-align: center; animation: zoom 1s infinite}
#listeNotifs{width: 100%; height: 300px; overflow-y: auto;position: absolute; top: 0;background: rgba(64,64,64,0.8);}
#listeNotifs .info,.notif{background: rgba(0,0,0,0.8);padding: 10px;border-bottom: 1px solid; color: #fff;}
.notif.vue{background: transparent; color: #fff}
.notif a{color: #b40c64;display: block;}
.notif.vue a{color: #fff;}
.rondPictoNotification{text-transform: uppercase;width: 55px;font-size: 12px;display: inline-block;cursor: pointer;}
.rondPictoNotification .picto{background:url("../inc_images/design/picto/pictoMessage.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;width:40px; height:40px; line-height:70px;background-size: 100%; margin: auto;}
.rondPictoNotification.hasNotif .picto{background: url("../inc_images/design/picto/pictoMessage.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;background-size: 100%}
.rondPictoNotification .nbNotif{display: none;font-size: 12px;}
.rondPictoNotification.hasNotif .nbNotif{position: absolute;top: -8px; left: 25px;color: #fff; width: 25px; height: 25px; background: #e56a54; border-radius: 50%;display: block;line-height: 25px; text-align: center; animation: zoom 1s infinite}
/* FIN NOTIFICATIONS */

/* Tooltips */
.fctHover{float:right;width: 20px; height: 20px;}
.fctHover:hover .hoverFct{display: block;z-index: 45800}
/* AA 05/01/2024 - modifie left en right pour avoir le tooltip bien toujours visible même en bord droit de l'écran */
.fctHover .hoverFct{position: absolute;z-index: 145; right: 50%; top: 50%;color: #ffffff; background:#999; width: 300px; height: auto; border-radius: 5px;text-transform: none;text-align: left;padding: 10px;}
/* FIN Tooltips */

/* tooltip jquery */
.ui-tooltip{min-width: 30% !important; padding-left: 20px !important;}

/* MULTISELECT */
/*.ui-multiselect{max-width: 200px;}*/
.ui-multiselect-checkboxes .ui-corner-all span{display: inline-block; vertical-align: text-top; width: calc(100% - 20px); width: -webkit-calc(100% - 20px)}
.ui-widget.ui-widget-content.ui-multiselect-menu{border-radius: 0; padding: 0;border: 1px solid #000}
.ui-widget-header.ui-multiselect-header{background:  var(--colorFiltreBckgd); }
.ui-widget-content .ui-multiselect-checkboxes .ui-state-hover{background:  var(--colorFiltreBckgd); color: var(--colorFiltreFont)}
.ui-widget-content .ui-multiselect-checkboxes .ui-state-active { background-color: var(--couleurPrincipaleClient); border: 0; border-bottom: 1px solid var(--couleurPrincipaleClient); }
.ui-widget.ui-widget-content.ui-multiselect-menu { border-color: var(--couleurPrincipaleClient); border-radius: 5px;}
.ui-widget.ui-widget-content.ui-multiselect-menu li { padding-right: 0;}

.ui-widget.ui-multiselect-menu .ui-multiselect-header
{
	padding: 2px;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-filter {
	float: none;
	margin-right: none;
	font-size: 11px;
	width: 100%;
	padding: 2px;
	display: flex;
	margin: 0;
	display: flex;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-filter > input
{
	width: 100% !important;
	max-width: unset !important;
	padding: 0;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header span.ui-icon
{
	float: none;
}


.hasInfo{margin-right:5px;}
.info_multiselect .contenu_info{padding: 5px;text-align: left;position: absolute; top: 50%; left: 50%; height: auto; background: #f1f1f1; border-radius: 5px;z-index: 45000;display: none; width: 200px;color: #000}
.info_multiselect:hover .contenu_info{display: block;}
.info_multiselect:hover{z-index: 450000}
/* FIN MULTISELECT */

/* JQUERY CONFIRM */
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover,.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background:var(--couleurPrincipaleClient) !important;}
/* FIN JQUERY CONFIRM */


/* TABLEAUX DE BORD */
.listeAPuce{display: inline;background: url("../inc_images/design/picto/rond.JPG") no-repeat center center; image-rendering:-webkit-optimize-contrast;background-size:20px;width:20px;height:20px;}
.TDBListes{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.TDB{width: 550px;padding: 10px 10px 20px 10px;box-sizing: border-box;/*border: 1px solid #ccc;*/ margin: 25px 15px 15px 30px;box-shadow: 2px 2px 4px #ccc; transition: 0.3s}
.TDB:hover{box-shadow: 4px 4px 16px #ccc;}
.TDBTable td{text-align:left;padding:5px 30px 0px 0px; }
.TDBTitle{padding-left:50px;font-size:20px;text-transform: uppercase;}
.TDBTitleNumber{padding-right:30px;float:right;position:absolute;top:20px;right:20px;}
.TDBTitleNumber2{padding-right:30px;float:right;position:absolute;bottom:25px;right:20px;}
.TDBLibelle{padding:0px 50px 5px 5px;width:450px;display:inline-block;}
.TDBNumber{float:right;}
.TDBLibelle, .TDBNumber,.TDBLibelle:visited, .TDBNumber:visited,.TDBLibelleAvis,.TDBLibelleAvis:visited{color:#000;}
.TDBLibelle:hover, .TDBNumber:hover,.TDBLibelleAvis:hover{color:#33ff99;}
/* FIN TABLEAUX DE BORD */

/* SUPER SESSION (test user) */
.superSession{padding:5px;margin:10px;background: #e56a54;font-weight: bold;}
.superSessionBack{font-weight: normal;text-decoration:underline;cursor: pointer;}
/* FIN SUPER SESSION (test user) */

/* DOCUMENTS */
.infoNB{font-size: 10px; font-style: italic;}
/* FIN DOCUMENTS */

/* PARAM DESIGN */
.previsuImage{width: auto; height: auto;margin: auto;max-width: 350px;overflow: hidden;}
.previsuImage img{max-width: 100%; height: auto;display: block; margin: auto;}
.previsuImagePrincipale{background: var(--couleurPrincipaleClient);}
.previsuImageFond{background: var(--bgAppliClient);}
.previsuCouleur{width: 100px; height: 20px; margin: auto;}
#param_style{background: #fff;text-align: center;}
.tableClassique{width: auto;text-align: left;background: transparent;}
.tableClassique td{text-align: left;padding: 5px 40px;border-left: 1px solid;border-top: 1px solid}
.tableClassique td:first-child{border-left: none;}
.tableClassique tr:first-child td{border-top: none;}
.tableClassique th{background-color: var(--couleurPrincipaleClient);color: #fff;padding: 5px 40px;}
.tableClassique tr:hover td{background-color: var(--colorGrisClair)}
.center-table{display: table; margin: 0 auto;}
/* FIN PARAM DESIGN */


/* SORTABLE ou DRAG&DROP */
.list-drag-drop.ui-sortable li .handle{
    cursor: grabbing;
}
.list-drag-drop{
    list-style: none;
}
.placeholder-bg{
    border: 1px solid #cacaca;
    padding: 5px;
}

#list_question_modif{width:auto; margin: 20px auto 0;}
.delete_question.pictoDelete{position: absolute;right: 10px; bottom: 5px;}
#list_question_modif li{margin-bottom: 15px;}
.bg_question{background: #f1f1f1; padding: 10px 10px 30px 10px;}
.type_question{display: block; position: absolute; right: 10px; top: 5px;}
.handle.fa-grip-horizontal.handle{display: block;text-align:center;padding-bottom:20px;}
/* FIN DRAG & DROP*/


/* FORMULAIRE */
.container_flex_row{display: flex; flex-flow: row wrap; justify-content:space-between; margin: 0 5px; }
.question_bouton .input_bouton{text-align: center; white-space: normal;cursor: pointer;border-radius: 10px !important; font-weight: bold; background: #fff;}
.question_bouton .input_bouton:hover{background-color: var(--colorGrisFormulaire);}
.question_bouton{margin-top: 20px;}

.question_illustration{border: 1px solid black; border-radius: 10px; padding: 5px; text-align: center;cursor: pointer;margin-top: 20px;}
.question_illustration:hover{background-color: var(--colorGrisFormulaire);}
.question_illustration img{border: 1px solid black; border-radius: 10px;cursor: pointer;}
.question_illustration input{border: none; background: transparent; padding-top: 5px;cursor: pointer;}

.question_selecteur img{vertical-align: middle; margin-right: 15px;}
.question_selecteur .bg_reponse{background-color:var(--colorGrisFormulaire); padding:5px 60% 5px 10px; border-radius: 10px;}
.liste_question_selecteur{list-style: none; width: 100%;}
.liste_question_selecteur li{margin-bottom: 15px;}
.liste_question_selecteur input{width: 20px;}

.div_numerique { position: relative; width: 100%;}
.input_numerique { display: block; padding: 10px 10px 10px 20px; width: 90%; border: 1px solid black; border-radius: 10px;}
.unite_numerique { position: absolute; display: block;right: 15%; top: 10px;  z-index: 9; font-weight: bold;}

.liste_question_tableau{list-style: none; width: 100%;}
.liste_question_tableau li{margin-bottom: 15px;}
.liste_question_tableau .libellereponse_numerique{border: 1px solid black;border-radius: 10px; font-weight: bold; width: 50%; margin-right: 10%;padding: 10px 10px 10px 20px;}
.liste_question_tableau input.input_numerique{width: 40%;}
.liste_question_tableau .unite_numerique{right: 5%;}
.bg_question_formulaire{background:var(--colorGrisFormulaire); height:80px;}
.question_formulaire{font-size: 1.5em; border: 1px solid black; border-radius: 5px; text-align: center; white-space: normal;display: flex; justify-content: center; align-items: center;background: #fff;margin: -5px 5px 15px 5px; font-weight: bold;}
.titre_formulaire{font-size: 1.5em; text-align: center; white-space: normal;display: flex; justify-content: center; align-items: center;background: #fff;margin: -5px 5px 15px 5px; font-weight: bold;}

.question_catalogue{border: 1px solid black; border-radius: 10px; padding: 10px; text-align: center; cursor: pointer; margin-top:20px;}
.question_catalogue:hover{background-color: var(--colorGrisFormulaire);}

.picto_actif.submit{ background:url('../inc_images/design/picto/picto_actif.png')  no-repeat left center;image-rendering:-webkit-optimize-contrast; width: 20px; height: 20px; background-size: 20px; cursor: pointer;}
.container_flex_validation{display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap;}
.image_formulaire{text-align: center;margin-top: 5px;}

.visualisation_formulaire{margin: 0 auto;}
.visualisation_formulaire .container_formulaire{margin: 0 auto 70px auto; border:1px solid var(--colorGrisFormulaire); padding: 20px;}

/* image à la place d'un input file */
.FormInputFile{font-size:20px;vertical-align:middle;}
/* remplacement si il y a un element avec la class FormInputFile avant */
.FormInputFile + input[type='file']{
    position: absolute;
    margin-top: 3px;
    margin-left: 3px;
    height: 1px;
    width: 1px;
    z-index: -5;
}
.SpanInfoFile{width:auto; height:20px; border:1px solid red; display:none/*inline-block*/;}
.list_question_modif{}
 .imgup{vertical-align:middle}
/* FIN FORMULAIRE */

@media screen and (max-width: 1300px){
    h2.titrePage{font-size: 28px;}
}

.contenuPage{background: #fff; padding: 15px 20px; border-radius: 10px;overflow-x: clip;}
#tabsSSMenu + .contenuPage
{
	border-top-left-radius: 0px;
}

input.input_numerique_court {width: 60px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}
input.input_numerique_long {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}

td.input.input_numerique_court {width: 50px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}
td.input.input_numerique_long {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}

td.input.input_numerique_court[type=number] {width: 50px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}
td.input.input_numerique_long[type=number] {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}

td.input_form_popin_classique input.input_numerique_court[type=number] {width: 50px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}
td.input_form_popin_classique input.input_numerique_long {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}

/* style pour liste factures */
.grouplabel th {background-color: var(--couleurFondEntete); color: white;}
.tbfact {width: 100%;}
.tbfact td {border:1px solid var(--colorGrisSombre)}
.clear {
    clear: both;
}

/* style formulaire factures */
.table_form_fact {display: table; width: 100%; border: 1px solid white;}
.table_form_fact tr {line-height: 26px;}
#form_fact_droite {display: block; float: right;}
#form_fact_gauche {display: block; float: left;}


.containerFlex{display: flex; flex-direction: row; flex-wrap: wrap;}
.containerFlex .partieGauche{width: 60%;}
.containerFlex .partieDroite{width: 40%;padding-left: 20px;}
.containerFlex .contenu_mid_gauche{width: 50%;padding-right: 20px;}
.containerFlex .contenu_mid_droite{width: 50%;padding-left: 20px;}

.detailLegende{width: 33%;}
.colorLegende{width: 50px; height: 20px;margin-left: 10px;}

#previsuMail,#previsuMail table, #previsuMail tr:not(.titre_popin), #previsuMail td, #previsuMail tbody, #previsuMail iframe{height: 100%;}

li.ui-multiselect-disabled{display: none!important;}

/*.previsuAction iframe{display: none;}
.previsuAction.showIframe iframe{display: initial;}
.previsuAction h2{text-align: left;cursor: pointer;}*/

#suiviAction{width: 100%; height: 100px;}

.td_boutons {padding: 5px;}

.fc-timegrid-slot {
    height: 3em !important;
    border-bottom: 0 !important;
}


.FieldFiltre legend{cursor: pointer;}
.FieldFiltre legend .openFiltre:after{content: " - "; font-weight: 700;}
.FieldFiltre.closed legend .openFiltre:after{content: " + ";}
.FieldFiltre.closed .DivFiltre{display: none;}

#adresseVille{width: 162px;}

.jq-toast-wrap.bottom-right{z-index: 90000 !important}
html.hasPopin{overflow: hidden !important;}

#Table_ConfigEmail{background: #fbfbfb;}
#Table_ConfigEmail td{padding: 2px;border-bottom: 1px solid;border-right: 1px solid #aaa;}
#Table_ConfigEmail td:first-child{border-left: 1px solid #aaa;}
#Table_ConfigEmail tr:first-child td{border-top: 1px solid #aaa;}
#Table_ConfigEmail label{font-weight: bold;}

.RechercheGenerale{position: absolute; top: 22px; left: 340px;}
.RechercheGenerale input.rechercheGlobale{width: 200px; height: 28px; line-height: 28px; border: 1px solid #a0a0a0; border-radius: 5px; background: transparent; color: #ddd;font-size: 15px;vertical-align: top;}
.RechercheGenerale input.loupeSubmit{width: 28px; height: 28px; background: url("../inc_images/design/loupe_recherche.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;vertical-align: top;cursor: pointer;border: none;}
.fonctionnalite{display: inline-block;width: 49%;margin-right: 15px;vertical-align: top;}

/* affichage import des dossiers */
.table_recap_import {display: table; border: 1px solid white;}
.table_recap_import th {border:1px solid var(--colorGrisSombre);font-weight: bold;}
.table_recap_import .titreRecap {font-weight: bold;font-size: 10pt;}

.colorAlerte{color: var(--couleurPrincipaleClient);}

select:focus{border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}

/* statistiques */
.table_stat{border:0px solid #a9a9a9; font:normal  normal 11px "Quicksand", sans-serif;width:100%;padding: 5px;}
.table_stat th{color:#000;font-size:12px;padding:2px;text-align: left; padding: 0 4px;}
.table_stat tr{border-bottom:1px solid #a9a9a9;}
.table_stat td{color:var(--colorClient);font-size:12px;padding:2px;text-align: left; padding: 0 4px;border-bottom: 1px solid #aaa; height: 36px;}
.table_stat td div{margin:0px;margin-left:auto;margin-right:auto;}
.table_stat td a{padding:0px;text-decoration:none;color:var(--colorClient)}
.table_stat td a:hover{text-decoration:underline;}
.table_stat a.zone_href{float:left;width:26px;height:26px;margin-left:auto;margin-right:auto;}
.table_stat a.zone_href_petit{float:left;width:15px;height:15px;margin-left:auto;margin-right:auto;}
.table_stat .couleur1_pro{background-color: #D9E2F3;}
.table_stat .couleur1_part{background-color: #B4C6E7;}
.table_stat .couleur1_tot{background-color: #8EAADB;}
.table_stat .couleur2_pro{background-color: #FBE4D5;}
.table_stat .couleur2_part{background-color: #F7CAAC;}
.table_stat .couleur2_tot{background-color: #F4B083;}
.table_stat .total_pro{background-color: #E2EFD9;}
.table_stat .total_part{background-color: #C5E0B3;}
.table_stat .total_tot{background-color: #A8D08D;}

/* style en plus pour les menus tinymce */
.mce-menu, .mce-floatpanel {position:fixed !important;}

.milieu_page {overflow: auto;}
.dataTables_wrapper { /*overflow: auto;*/}

.header_page
{
	display: flex;
	flex-direction: row;
}
.header_page.space_between{
    justify-content: space-between;
}
.header_page .actions_header
{
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 55px;
}
.page_title
{
	color: var(--color-bleu);
	display: inline-flex;
	align-items: center;
	column-gap: 20px;
	background: linear-gradient(to bottom, var(--color-principale-light) 0%, white 90%);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 65px;
	padding-left: 90px;
	padding-right: 5px;
	min-width: 470px;
}
.page_title .title
{
	font-size: 25px;
	color: var(--color-bleu);
	font-weight: bold;
}
.page_title .picto 
{
	width: 55px;
	height: 55px;
	left: 10px;
	top: 5px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	color: var(--couleurPrincipaleClient);
}

/* -------------------------------------------------------------------------- */
/*                         Onglet retour dans les tabs                        */
/* -------------------------------------------------------------------------- */
.ui-tabs .ui-tabs-nav li.onglet_retour
{
	float: right !important;
	background: transparent !important;
	border-radius: 0 !important;
	height: 65px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.ui-tabs .ui-tabs-nav li.onglet_retour:hover
{
	background: transparent !important;
}
.ui-tabs .ui-tabs-nav li.onglet_retour a
{
	float: none !important;
	padding: 0 !important;
}

/* -------------------------------------------------------------------------- */
/*                                Onglet étapes                               */
/* -------------------------------------------------------------------------- */

.ui-tabs .ui-tabs-nav li.onglet_etape
{
	background: transparent;	
	border-right: 1px solid #a0a3a8;
	margin-right: 0 !important;
	height: 65px;
	border: none;
}

.ui-tabs .ui-tabs-nav li.onglet_etape::after
{
	content: "";
	position: absolute;
	right: 0;
	height: 80%;
	top: 10%;
	width: 1px;
	background-color: #a0a3a8;
}
.ui-tabs .ui-tabs-nav li.onglet_etape a
{
	width: 100%;
	padding: 0;
	opacity: 1;
	padding-right: 20px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ui-tabs .ui-tabs-nav li.onglet_etape.disabled a 
{
	pointer-events: none;
}

.ui-tabs .ui-tabs-nav li.onglet_etape > a .page_title
{
	display: none;
}
.ui-tabs .ui-tabs-nav li.onglet_etape a > .initial
{
	background: var(--color-bleu);
	border-radius: 100%;
	width: 50px;
	height: 50px;
	color: white;
	font-weight: bold;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	float: none;
	margin: auto;
	font-size: 24px;
	opacity: 1;
}
.ui-tabs .ui-tabs-nav li.onglet_etape.disabled a > .initial
{
	opacity: .2;
}
.ui-tabs .ui-tabs-nav li.onglet_etape.last a > .initial
{
	opacity: .6;
}
.ui-tabs .ui-tabs-nav li.onglet_etape.disabled:hover
{
	background: transparent !important;
}

.ui-tabs .ui-tabs-nav li.onglet_etape.ui-state-active > a .page_title
{
	display: inline-flex;
}
.ui-tabs .ui-tabs-nav li.onglet_etape .page_title
{
	background: transparent !important;
	min-width: 410px;
}



/* -------------------------------------------------------------------------- */
/*                             Boutons avec texte                             */
/* -------------------------------------------------------------------------- */

.btn_action_text
{
	height: 40px;
	min-width: 200px;
	border-radius: 10px;
	border: 1px solid var(--couleurPrincipaleClient) !important;
	color: var(--color-bleu) !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition: .2s ease-in-out;
	cursor: pointer;
	background-color: var(--bgAppliClient);
}
.btn_action_text.hide
{
	display: none;
}
.btn_action_text.small
{
	height: 30px;
	min-height: 30px;
	/*width: auto;*/
        min-width: max-content;
}
.btn_action_text.warning
{
	border: 1px solid var(--color-rouge) !important;
}
.btn_action_text:hover
{
	background-color: rgba(var(--couleurPrincipaleClient-RGB),.4);
}
.btn_action_text.warning:hover
{
	background-color: rgba(var(--color-rouge-RGB),.4);
}
.btn_action_text > span
{
	margin-left: auto;
	font-size: 18px;
	padding: 0 10px;
	text-align: center;
	line-height: 14px;
}
.btn_action_text.small > span 
{
	font-size: 15px;
	padding: 0 10px;
}
.btn_action_text > i
{
	height: 100%;
	width: 40px;
	border-radius: 8px;
	background-color: var(--couleurPrincipaleClient);
	border: none;
	color: white;
	margin-left: auto;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.btn_action_text > i:first-child
{
	margin-left: 0;
	margin-right: auto;
}
.btn_action_text > i ~ span
{
	margin-left: 0;
	margin-right: auto;
}
.btn_action_text.warning > i
{
	background-color: var(--color-rouge);
}
.btn_action_text.small > i 
{
	width: 30px;
	font-size: 14px;
}

.btn_action_text > i::before,.btn_action_text > i::after
{
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
}

/* -------------------------------------------------------------------------- */
/*                             Barre de recherche                             */
/* -------------------------------------------------------------------------- */

.search_bar
{
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-radius: 5px;
	padding: 10px 10px 10px 40px !important;
	background-image: url("../inc_images/picto_client/picto_search.png");
	background-repeat: no-repeat;
	background-position: 10px;
	background-size: auto;
	font-size: 14px;

}
.search_bar::placeholder
{
	color: var(--color-bleu);
}

/* -------------------------------------------------------------------------- */
/*                                 Formulaires                                */
/* -------------------------------------------------------------------------- */

table.tableForm {
	width: 100%;
	border-spacing: 0 15px;
	font-size: 16px;
}
table.tableForm tbody tr > td {
	width: 50%;
}
td .label_form 
{
	font-weight: bold;
}
td .input_form
{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	width: auto;
	max-width: 550px;
	margin-top: 5px;
}
td .input_form > *
{
	width: 100%;
	min-height: 40px;
}
td .input_form > textarea
{
	resize: vertical;
}

.infos_di
{
	width: 100%;
	background-color: rgba(var(--couleurPrincipaleClient-RGB), .1);
	padding: 10px 100px;
	font-size: 12px;
	margin-bottom: 20px;
}
/* form.formFlex => .formFlex pour permettre d'avoir le même rendu sur des éléments qui ne sont pas forcéments des form (voir onglet méthode)*/
.formFlex
{
	display: flex;
	flex-direction: row;
}
.formFlex .formContent
{
	width: 85%;
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: 85%;
}
.formFlex .formActions
{
	width: auto;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-self: flex-end;
	position: sticky;
	bottom: 15px;
	gap: 10px;
	padding-left: 15px;
}
.formFlex .formActions .btn_action_text
{
	width: 100%;
}
.formActions fieldset
{
	border-color: #011a30;
	border-width: 1px;
	border-radius: 10px;
}
.formActions fieldset legend
{
	color: #011a30;
}
.formActions  .liste_boutons
{
	display: flex;
	flex-direction: column;
	gap: 5px;
}

legend{font-size: 20px;font-weight: bold;}

.formFlex fieldset{
    overflow-x: auto;
    width: 100%;
    min-width: 100%;
}
/* -------------------------------------------------------------------------- */
/*                                  Jconfirm                                  */
/* -------------------------------------------------------------------------- */
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default
{
	background-color: var(--color-bleu) !important;
	color: white;
}

/* -------------------------------------------------------------------------- */
/*                         Historique des formulaires                         */
/* -------------------------------------------------------------------------- */
#retour_historique
{
	margin-bottom: 5px;
}
.tableHistorique
{
	width: 100%;
}
.tableHistorique tr td
{
	transition: .1s ease-in-out;
	cursor: pointer;
	padding: 3px;
}
.tableHistorique tr:hover td
{
	background-color: var(--color-principale-light);
}
.tableHistorique .pictoHistorique 
{
	width: 50px;
	text-align: center;
	color: var(--couleurPrincipaleClient);
	cursor: pointer;
}
.form_histo form
{
	/*background: white repeating-linear-gradient(45deg, rgba(var(--couleurPrincipaleClient-RGB), .1) 5px, rgba(var(--couleurPrincipaleClient-RGB), .1) 10px, transparent 10px, transparent 40px);*/
	background-color: rgba(var(--couleurPrincipaleClient-RGB), .1);
}

.form_histo form .formContent {width: 80%;}

.form_histo form input[readonly], .form_histo form select[readonly], .form_histo form textarea[readonly], 
.form_histo form input[disabled], .form_histo form select[disabled], .form_histo form textarea[disabled]
{
	opacity: .5;
}

.pad{border: solid var(--color-gris) 2px;}

.currentHistorique{background-color: var(--color-bg-input);font-weight: bold;}

/* -------------------------------------------------------------------------- */
/*                             Page import/export                             */
/* -------------------------------------------------------------------------- */
#resultat_import
{
	overflow: auto;
}
#resultat_import table
{
	border: 1px solid gray;
	border-collapse: collapse;
	margin-top: 10px;
	min-width: 550px;
}

#resultat_import table th, #resultat_import table td
{
	border: 1px solid gray;
	padding: 3px;
	text-align: left;
}
#resultat_import table th
{
	background-color: #576878;
	color: white;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}
#resultat_import table.new_data th
{
	background-color: #576878;
	color: white;
}
#resultat_import table.update_data th
{
	background-color: #6fc2bb;
	color: black;
}
#resultat_import table th, #resultat_import table td
{
	border: 1px solid gray;
}
#resultat_import table caption
{
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
#resultat_import table.new_data  caption
{
	color: #576878;
}
#resultat_import table.update_data caption
{
	color: black;
}

#resultat_import .resultat_err
{
	font-weight: bold;
	color: rgb(202, 13, 13);
}
#resultat_import .resultat_warning
{
	font-weight: bold;
	color: rgb(223, 136, 7);
}
table.table_import_export {
	border-collapse: collapse;
}

table.table_import_export td,
table.table_import_export th {
	border: 1px solid grey;
	padding: 10px;
	background-clip: padding-box;

}
/* -------------------------------------------------------------------------- */
/*                                   CSS GED                                  */
/* -------------------------------------------------------------------------- */
/* .explo_arbo_tabs.ui-tabs .explo_arbo_tab_content.ui-tabs-panel, .explo_fil_ariane, .explo_files_list, .explo_previsu_file
{
	background-color: rgba(var(--couleurPrincipaleClient-RGB), .1);
	border-radius: 5px;
	border: 1px solid var(--couleurPrincipaleClient);
} */

#explo_arbo_tabs_commun, #explo_dir_commun
{
	--color-ged-RGB: var(--couleurPrincipaleClient-RGB);
}
#explo_arbo_tabs_perso,  #explo_dir_perso
{
	--color-ged-RGB: var(--color-ged-RGB-perso-RGB);
}

.explo_arbo_tabs.ui-tabs .explo_arbo_tab_content.ui-tabs-panel, 
.explo_fil_ariane, .explo_files_list, .explo_previsu_file
{
	background-color: rgba(var(--color-ged-RGB), .1);
	border-radius: 5px;
	border: 1px solid rgb(var(--color-ged-RGB));
}

.explo_arbo_tabs.ui-tabs .explo_arbo_tab_content.ui-tabs-panel .btn_action_text,
.explo_dir .btn_action_text
{
	border-color: rgb(var(--color-ged-RGB)) !important;
}
.explo_arbo_tabs.ui-tabs .explo_arbo_tab_content.ui-tabs-panel .btn_action_text > i,
.explo_dir .btn_action_text > i
{
	background-color: rgb(var(--color-ged-RGB));
}
.explo_arbo_tabs.ui-tabs .explo_arbo_tab_content.ui-tabs-panel .btn_action_text:hover,
.explo_dir .btn_action_text:hover
{
	background-color: rgba(var(--color-ged-RGB),.4);
}
.explo_arbo_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active
{
	background: linear-gradient(to bottom, rgba(var(--color-ged-RGB),.3) 0%, white 90%) !important
}

#explorateur_doc
{
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	gap: 20px;
	position: relative;
}
#explo_arbo
{
	display:flex;
    flex: 1 1 24%;
    max-width:25%;
	flex-direction: column;
	gap: 10px;
	min-height: calc(100svh - 150px);
}
.explo_arbo_tabs
{
	width: 100%;
}
.explo_arbo_tabs.ui-tabs .ui-tabs-nav
{
	border-bottom: none !important;
}
.explo_arbo_tabs.ui-tabs .ui-tabs-nav li
{
	min-width: 100px;
	margin-right: 0;
	width: auto;
}
.explo_arbo_tabs.ui-tabs .explo_arbo_tab_content.ui-tabs-panel
{
	padding: 5px;
}
#explo_dir_content
{
	display:flex;
    flex: 1 1 74%;
    max-width:75%;
	gap: 5px;
	flex-direction: column;
}
.explo_dir
{
	display:flex;
	gap: 5px;
	flex-direction: column;
	height: 100%;
}
.explo_fil_ariane
{
	width: 100%;
	height: 30px;
	color: var(--color-bleu);
	display: flex;
	align-items: center;
	padding: 5px;
	flex-direction: row;
}
.explo_fil_ariane .element
{
	font-weight: bold;
}
.explo_fil_ariane .element[onclick]
{
	text-decoration: underline;
	cursor: pointer;
	transition: color .1s ease-in-out;
}
.explo_fil_ariane .element[onclick]:hover
{
	color: rgb(var(--color-ged-RGB));
}
.explo_fil_ariane .separator
{
	color: rgb(var(--color-ged-RGB));
	margin: 0 5px;
}
.explo_files_list
{
	padding: 5px;
	width: 100%;
}
#explorateur_doc .table_files td
{
	cursor: pointer;
}
#explorateur_doc .table_files td i
{
	font-size: 18px;
	color: var(--color-bleu);
}
#explorateur_doc .table_files th
{
	padding: 5px;
}
#explorateur_doc .table_files tr.directoryLine td:nth-child(2n)
{
	background-color: rgba(var(--color-ged-RGB),.2) !important;
}
#explorateur_doc .table_files tr.directoryLine td
{
	background-color: rgba(var(--color-ged-RGB),.1) !important;
}
#explorateur_doc .table_files tr.fileLine td:nth-child(2n)
{
	background-color: #f6f6f6 !important;
}
#explorateur_doc .table_files tr.fileLine td
{
	background-color: white !important;
}
#explorateur_doc .table_files tr.fileLine.selected td{background: rgba(var(--color-bleu-RGB),.5) !important; opacity:.6;color: var(--color-principale-light);}
#explorateur_doc .table_files tr.fileLine.selected td:nth-child(even){background: rgba(var(--color-bleu-RGB),.6) !important; opacity:.6;color: var(--color-principale-light);}
#explo_barre_action
{
	padding: 5px;
}
.explo_files_container
{
	display: flex;
	height: 100%;
}
.explo_previsu_file
{
	width: 0;
	/*height: 100%;*/
	flex-shrink: 0;
	border: none;
}
.explo_files_list, .explo_previsu_file
{
	transition: width .1s ease-in;
}
.lastActionDoc
{
	display: block;
	border-radius: 100%;
	margin: auto;
}
.explo_previsu_file.opened
{
	width: 40%;
	padding: 10px;
	border: 1px solid rgb(var(--color-ged-RGB));
	margin-left: 10px;
}
/* .filePreview.autoScale
{
	width: 100%;
	height: 100%;
} */
.filePreview.autoScale
{
	object-fit: contain;
	width: auto;
	height: auto;
	max-width: 100%;
} 

iframe.filePreview.autoScale
{
	min-height: 575px;
	width: 100%;
}
.arbo_folder
{
	padding: 20px;
	font-size: 18px;
	width: 100%;
	overflow: auto;
}
.arbo_folder li
{
	list-style: none;
}

.fileLineName
{
	display: flex;
	gap: 5px;
	align-items: center;
	height: 24px;
	cursor: pointer;
	color: var(--color-bleu);
	transition: background-color .2s ease-in;
	border-radius: 5px;
	user-select: none;

}
.fileLineName.targetDropFolder
{
	transition: none;
	background-color: rgba(var(--color-dragover-RGB), 0.1);
	border-bottom: 2px solid rgba(var(--color-dragover-RGB), 0.5);
}
.fileLineName.active
{
	background-color: rgba(var(--color-ged-RGB),.3);
}
.fileLineName.active > .explorerIcon > .fa-folder
{
	font-weight: bold;
}
.fileLineName .explorerName
{
	margin-right: auto;
	white-space: nowrap;
}
.fileLineName .favIcon
{
	color: rgb(var(--color-ged-RGB));
}
.fileLineName .favIcon:hover .gestionFav, .fileLineName .favIcon .gestionFav.isFav
{
	font-weight: bold;
}
.fileLineName:hover .explorerName, 
.fileLineName:hover .explorerIcon 
{
	color: rgb(var(--color-ged-RGB));
}
.fileLineName .expandContainer
{
	width: 18px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.fileLineName .expandFolder
{
	cursor: pointer;
	transform: rotate(0deg);
	transition: .2s ease-in;
	font-size: 14px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fileLineName .expandFolder:hover
{
	color: rgb(var(--color-ged-RGB));
}
.expandFolder.opened
{
	transform: rotate(180deg);
}
.subfolder
{
	display: none;
	margin-left: 30px;
	padding-top: 12px;
}
.arbo_folder li.folder::before
{
	position: absolute;
	left: -11px;
	top: 0;
	height: 24px;
	width: 1px;
	background-color: rgb(var(--color-ged-RGB));
	content: '';
}
.arbo_folder ul.subfolder li.folder:last-child {
	padding-bottom: 12px;
}
.arbo_folder li.folder:not(:last-child) li:last-child::after {
	position: absolute;
	left: -26px;
	bottom: -10px;
	height: 32px;
	width: 1px;
	background-color: rgb(var(--color-ged-RGB));
	content: '';
	transform: rotate(-112deg);
}
.arbo_folder ul.subfolder::before {
	position: absolute;
	left: -26px;
	top: -10px;
	height: 32px;
	width: 1px;
	background-color: rgb(var(--color-ged-RGB));
	content: '';
	transform: rotate(112deg);
}

select.selectNivDroit
{
	clip-path: none;
	height: 30px;
	width: 100px;
	padding: 5px;
	object-fit: contain;
	box-sizing: border-box;
}
select.selectNivDroit:focus
{
	background-color: unset !important;
}

.selectNivDroit.droitUser[data-value='-1']
{
	font-style: italic;
	filter: grayscale(0.6);
}
.selectNivDroit.droitUser option
{
	font-weight: bold;
	font-style: normal;
}
.selectNivDroit.droitUser option[value='-1']
{
	font-style: italic;
	font-weight: normal;
}

.selectNivDroit.droitUser[data-value]:not([data-value='-1'])
{
	font-weight: bold;
	opacity: 1;
	font-style: normal;
	border: 2px solid red;
}
.selectNivDroit.droitUser[data-value]:not([data-value='-1']):disabled
{
	font-weight: bold;
	opacity: .45;
	font-style: normal;
	border: 2px solid red;
}
.selectNivDroit.droitUser[data-value='-1']:hover
{
	filter: brightness(.9) grayscale(0.6);
}

.liste_droit_grp_doc td:first-child
{
	text-decoration: underline;
	padding: 0 10px;
}
.liste_droit_grp_doc td
{
	text-align: center;
	width: 110px;
}
.liste_droit_grp_doc tr:hover td
{
	background-color: rgba(var(--couleurPrincipaleClient-RGB),.3);
}

.liste_droit_grp_doc th
{
	text-align: center;
}

#nomDossierParent, #nomDossierDoc {
	font-weight: bold;
	margin-right: 10px;
	font-size: 18px;
}

.arbo_container_popin.loaded
{
	background: #eaeaea;
	border: 2px dashed var(--color-bleu);
	padding: 5px;
	margin-top: 5px;
}

#nomDossierDocContainer #addDossier
{
	margin-left: 40px;
	color: var(--color-bleu);
	font-size: 24px;
	vertical-align: middle;
}
#modifDossierParent > i
{
	font-size: 24px;
	cursor: pointer;
}

.flex75
{
	display: flex;
	width: 75%;
	max-width: 75%;
	min-width: 0;
	flex: 1 1 75%;
}
.flex66
{
	display: flex;
	width: 66.6%;
	max-width: 66.6%;
	min-width: 0;
	flex: 1 1 66.6%;
}
.flex33
{
	display: flex;
	width: 33.3%;
	max-width: 33.3%;
	min-width: 0;
	flex: 1 1 33.3%;
}
.flex25
{
	display: flex;
	width: 25%;
	max-width: 25%;
	min-width: 0;
	flex: 1 1 25%;
}

.flexCol
{
	display: flex;
	flex-direction: column;
}

.flexRow
{
	display: flex;
	flex-direction: row;
}

#form_modif_achat > fieldset, #form_modif_achat_doc > fieldset
{
	width: 100%;
	min-width: 100%;
	overflow-x: auto;
}

select[readonly], input[type='checkbox'][readonly]
{
	pointer-events: none;
}
/* -------------------------------- Dropzone -------------------------------- */
.dz-clickable
{
	background: white;
	border: 1px solid var(--couleurPrincipaleClient);
	color: var(--color-bleu);
	padding: 5px;
	cursor: pointer;
}
.dz-preview
{
	background: white;
	border: 1px solid var(--couleurPrincipaleClient);
	border-top: none;
	color: var(--color-bleu);
	padding: 5px;
}
.dz-remove
{
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
	z-index: 2;
}
.dz-remove .icon-sup
{
	font-size: 1.5em;
	color: var(--colorRougeFonce);
}
.dz-progress
{
	display: block;
	border-radius: 5px;
	height: 10px;
	background-color: rgb(207, 207, 207);
	border: 1px solid var(--couleurPrincipaleClient);
}
.dz-upload
{
	display: block;
	border-radius: 5px;
	background-color: var(--color-principale-light);
	height: 100%;
	width: 0px;
}
.helperDragFile
{
	display: none;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.5);
	border: 10px solid rgba(var(--color-dragover-RGB),.5);
	border-radius: 5px;
	justify-content: center;
	align-items: center;
	font-size: 2em;
	color: var(--color-bleu);
}
.helperDragFile > div
{
	display: flex;
	gap: 0.5em;
}
.dz-drag-hover > .helperDragFile
{
	display: flex;
}

/* --------------------------- Operation bancaires -------------------------- */
.op_bancaire_affectation
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 10px;
	text-align: center;
}
#btn_affecte_montant
{
	min-width: 100px;
}
.detail_montant_op_bancaire
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 500px;
	margin-bottom: 5px;
	color: var(--color-bleu);
	padding: 5px;
}
.detail_montant_op_bancaire:not(:last-child)
{
	border-bottom: 1px solid gray;
}
.montant_op_bancaire 
{
	width: 100px;
}
#detail_content
{
	border: 2px solid var(--couleurPrincipaleClient);

}

.fixed-datatable-header
{
	position: absolute !important;
	z-index: 40;
	background-color: #576878;
}

.petit_btn_toggle_calcul_total 
{
	color: var(--couleurPrincipaleClient);
	padding: 2px 5px;
	font-size: 22px;
	width: fit-content;
	cursor: help;
}
.petit_btn_toggle_calcul_total.calc_manuel
{
	cursor: pointer;
}
.petit_btn_toggle_calcul_total.disabled
{
	opacity: .7;
	cursor: help;
}
.petit_btn_toggle_calcul_total.calc_manuel .fa-calculator::after
{
	content: "";
	position: absolute;
	z-index: 1;
	background-color: red;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
	width: 2px;
	height: 150%;
	width: 2px;
}
.table_mo tfoot input[type="time"]
{
	width: unset;
}
/* 
On affiche pas le contenu des onglets tant que JQTabs n'a pas fait ce qu'il avait à faire.
Comme ça on ne voit pas le contenu des onglets apparaître et disparaître au chargement de la pages
*/
.explo_arbo_tabs:not(.ui-tabs) > div
{
	display: none;
}

/* table de liste des articles dans un achat */
.table_articles_achat tr, .table_articles_achat th, .table_articles_achat td{padding: 5px 10px;}

.nowrap
{
	white-space: nowrap;
}

.table_liste_tags
{
	border-collapse: collapse;
	border: 1px solid var(--color-bleu);
}
.table_liste_tags td, .table_liste_tags th
{
	border: 1px solid var(--color-bleu);
	background-clip: content-box;
}

/* -------------------------------------------------------------------------- */
/*                                  Planning                                  */
/* -------------------------------------------------------------------------- */

/* ------------------------------ Semaine type ------------------------------ */

.calendar_semaine_type .fc-timegrid-slot
{
	height: 1em !important;
}

.calendar_semaine_type  .fc-day-today {
	background: none;
}
#table_param_semaine_type_year 
{
	border-collapse: collapse;
}
#table_param_semaine_type_year td
{
	border: 1px solid rgb(212, 212, 212);
	padding: 5px;
}
#table_param_semaine_type_year td:nth-child(even)
{
	background-color:  rgb(253,252,251);
	background-clip: padding-box;
}
#table_param_semaine_type_year td .weekNumber
{
	color: var(--color-bleu);
	font-weight: bold;
}
#table_param_semaine_type_year td .weekContent
{
	display: flex;
	align-items: center;
}
#table_param_semaine_type_year .fillBottom
{
	cursor: pointer;
	border-radius: 100%;
	width: 25px;
	height: 25px;
	background-color: white;
	border: 1px solid var(--couleurPrincipaleClient);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
#table_param_semaine_type_year .fillBottom:hover
{
	background-color: rgba(var(--couleurPrincipaleClient-RGB),.3);
}
#table_param_semaine_type_year .fillBottom i
{
	color: var(--couleurPrincipaleClient);
}

/* ------------------------------ Timelines vis ----------------------------- */
.planning_container
{
	display: flex;
	flex-direction: row;
	column-gap: 10px;
}
.planning
{
	width: 85%;
}
.liste_inter_planning
{
	width: 15%;
	border: 1px solid var(--color-bleu);
	border-radius: 5px;
}
.vis-item.vis-range
{
	border-color: gray;
	border-radius: 5px !important;
	border-width: 2px;
}
.vis-item.vis-range.vis-selected
{
	border-color: gray;
}
.vis-item.vis-range.vis-selected::after
{
	content: "";
	background-color: rgb(255, 255, 208);
	opacity: .5;
	width: 100%;
	height: 100%;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
}
.planning .vis-timeline
{
	position: sticky;
	top: 70px;
}


.planning .vis-labelset .vis-label, .planning .vis-time-axis .vis-text
{
	color: var(--color-bleu);
}

.vis-item.vis-background.zone-dispo
{
	background-color: rgba(13, 155, 8, 0.25);
}
.vis-item.vis-background.zone-dispo .vis-item-content
{
	font-size: 10px;
}

.vis-item.vis-background.zone-feries
{
	background-color: rgba(213,221,246,.4);
}

.filtrePeriodePlanning
{	
	display: flex;
	justify-content: center;
	align-items: center;
	width: 75%;
}
.liste_inter_planning
{
	padding: 5px;
}
.header_liste_inter_planning
{
	font-size: 18px;
	color: var(--color-bleu);
	font-weight: bold;
	margin-bottom: 10px;
}
.content_liste_inter_planning
{
	display: flex;
	flex-direction: column;
	row-gap: 5px;
	
}
.content_liste_inter_planning div.item
{
	background-color: var(--color-principale-light);
	color: var(--color-bleu);
	padding: 5px;
	border: 1px solid var(--color-bleu);
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	cursor: grab;
}
.content_liste_inter_planning div.item .item-title, 
.content_liste_inter_planning div.item .item-desc
{
	display: flex;
	justify-content: space-between;
}
.content_liste_inter_planning div.item .item-titre
{
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.content_liste_inter_planning div.item .item-equipement
{
	font-size: 0.9rem;
}
.content_liste_inter_planning div.item .item-desc
{
	font-style: italic;
}

/* -------------------------------------------------------------------------- */
/*                                  Checklist                                 */
/* -------------------------------------------------------------------------- */
.table_liste_checklist_container
{
	margin-top: 10px;
}
.table_liste_checklist 
{
	border: 1px solid black;
  	width: fit-content;
}

.table_liste_checklist .row
{
	display: flex;
	flex-direction: row;
}
.table_liste_checklist .childs
{
	display: flex;
	flex-direction: column;
}
.table_liste_checklist .header
{
	display: flex;
	flex-direction: row;
}
.table_liste_checklist .cell,.table_liste_checklist .head
{
	padding: 5px;
	border: 1px solid black;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	/*max-width: 150px;*/
}
.table_liste_checklist .cell
{
	word-break: break-word;
}
.table_liste_checklist .head
{
	background-color: #576878;
	color: white;
	width: 100%;
}
.table_liste_checklist .ordre
{
	background-color: var(--couleurPrincipaleClient);
	cursor: grab;
	color: white;
	font-weight: bold;
	text-align: center;
}


.table_liste_checklist .row
{
    height: 100%;
}
/*
.table_liste_checklist_container
{
    overflow: auto;
}
*/
.table_liste_checklist .header
{
	position: sticky;
	top: 70px;
	z-index: 1;
}
.table_liste_checklist
{
    min-width: 1200px;
}

.choisiOk 
{
	color: var(--couleurPrincipaleClient);
}
.choisiNok 
{
	color: var(--color-rouge);
}

@media screen and (max-width: 1500px){
	.popin-content input:not([type="button"]):not([type="search"]):not([type="checkbox"]):not([type="radio"]), .popin-content select, 
	.popin-content textarea, .popin-content button.ui-multiselect
	{
		width: 8vw;
	}
}
@media screen and (min-width:1500px) and (max-width: 1800px){
	.popin-content input:not([type="button"]):not([type="search"]):not([type="checkbox"]):not([type="radio"]), .popin-content select, 
	.popin-content textarea, .popin-content button.ui-multiselect
	{
		width: 10vw;
	}
}

/* tableau avec bordures */
.table_borders {border-collapse: collapse;}
.table_borders td, .table_borders th {border: 1px solid var(--colorClient);}

/* -------------------------------------------------------------------------- */
/*                              Popin type de MO                              */
/* -------------------------------------------------------------------------- */

.form_type_mo th
{
	width: 30%;
}

.releve_mesure > *
{
	padding: 5px;
}

.valeurDefaut:not(.hide)
{
	margin-left: 20px;
	display: inline-flex;
	padding: 3px;
	background: rgba(var(--couleurPrincipaleClient-RGB),.7);
	color: white;
	border-radius: 10px;
	align-items: center;
	gap: 5px;
}

.mesureContainer:not(.hide)
{
	display: flex;
	align-items: center;
	column-gap: 5px;
}

.tableau_methode_comparaison th
{
	background-color: #576878;
	color: white;
}
.mesure_methode:not(.hide)
{
	display: flex;
}

/* -------------------------------------------------------------------------- */
/*                                     Fin                                    */
/* -------------------------------------------------------------------------- */
.libelleUnit
{
	font-weight: bold;
}
.input_petit{width:100px;}

.mesureContainer.isAlerte::before
{
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	background: transparent url(../inc_images/alerte.gif) no-repeat center center;
	right: 50%;
	bottom: 30px;
	z-index: 1;
}
.mesureContainer.isAlerte input[type="text"]
{
	color: red !important;
}

.ui-tooltip.alerte_mesure
{
	color: red;
	box-shadow:1px 2px 5px rgba(0,0,0,.5);
}

.liste_equipement_client
{
	width: 100%;
}
.line_equipement_client .ui-multiselect 
{
	width: 150px !important;
}

.line_equipement_client td:first-child
{
	white-space: break-spaces;
}
.div_all_equipement
{
	display: flex;
	gap: 5px;
	align-items: center;
}

.table_mo
{
	border-collapse: collapse;
}
.table_mo tbody tr > .tdCheckboxMO
{
	text-align: center;
}
.table_mo tbody tr > .tdCheckboxMO.withBorder
{
	border-right: 1px solid black;
}
.table_mo th
{
	text-align: center;
}
.pictoFacturable i:last-child
{
	font-size: .6em;
	margin-left: -5px;
	background-color: white;
}
.table_mo th.entetePicto
{
	font-size: 20px;
	min-width: 50px;
}
.zone_interruption legend {
	font-size: 1rem;
}

.boutonOpenSlider
{
    display: none;
}
/* ------------------- */
/* plan de maintenance */
/* ------------------- */
.table_plan_maintenance{
    /*border-collapse: collapse; enlève le collapse car sinon ça enlève les bordures quand on devient sticky*/
}
.table_plan_maintenance th.unite{
}
.table_plan_maintenance th.colInfoLeftFirst{
}
.table_plan_maintenance th.colInfoLeftSecond{
}
.table_plan_maintenance td, .table_plan_maintenance th{
    border: 1px solid var(--color-bleu);
    background-clip: padding-box;
    text-align: center;
	width: 50px;
	min-width: 50px;
	padding: 0;
}
.table_plan_maintenance td
{
	height: 50px;
	min-height: 50px;
}
.table_plan_maintenance td.colInfoLeftFirst, .table_plan_maintenance td.colInfoLeftSecond
{
	padding: 5px;
}
.table_plan_maintenance td.couleur1_tot, .table_plan_maintenance th.couleur1_tot{
    /*background-color: rgba(var(--couleurPrincipaleClient-RGB),.3); pas de transparence, car on fait du sticky*/
    background-color: #D4EDEA;
}
.table_plan_maintenance td.couleur1, .table_plan_maintenance th.couleur1{
    /*background-color: rgba(var(--couleurPrincipaleClient-RGB),.2); pas de transparence, car on fait du sticky*/
    background-color: #E2F3F1;
}
.table_plan_maintenance td.couleur2_tot, .table_plan_maintenance th.couleur2_tot{
    background-color: #f6f6f6;
}
.table_plan_maintenance td.couleur2, .table_plan_maintenance th.couleur2{
    background-color: white;
}

.div_plan_maintenance{
    overflow: auto;
}

.table_plan_maintenance .draggable{
    user-select: none;
}
.table_plan_maintenance .drag-target, .table_plan_maintenance td .deplaceOccurence[data-x]{
    z-index: 100 !important;
}
.table_plan_maintenance .txt_fonce{
    color: var(--color-bleu);
}
.td-fullheight
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.td-fullheight > div
{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.table_plan_maintenance td .deplaceOccurence.drag-target
{
	box-shadow: 1px 1px 5px rgb(0, 0, 0,.5);
}

.plan_maintenance_legende 
{
	width: 100%;
	display: flex;
	flex-direction: column;
	color: var(--color-bleu);
}
.plan_maintenance_legende .title
{
	margin: auto;
	font-size: 1.2rem;
	font-weight: bold;
}
.plan_maintenance_legende .item-list
{
	justify-content: flex-start;
	gap: 8px;
}
.plan_maintenance_legende .item
{
	position: relative;
	font-size: 14px;
	align-items: center;
	justify-content: center;
	display: flex;
	text-align: center;
	/* width: 150px;
	max-width: 150px; */
	border-radius: 5px;
	gap: 5px;
	height: 20px;
	padding: 5px;
	color: black;
}

.plan_maintenance_legende .item .rond_legende
{
	width:10px; 
	height:10px;
	border-radius:10px;
	border: 1px solid gray;
}
.plan_maintenance_legende .item .fond
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .2;
	border-radius: 5px;
}
.couleur_realise
{
	background-color: rgb(180, 232, 220);
}

.table_plan_maintenance .fixedColonne{
    position: static;
    position: sticky;
    left: 0px;
    z-index: 1;
}/*classe sur les td de la colonne pour les data qui doivent rester fixes*/

.table_plan_maintenance .fixedColonne2{
	position: static;
    position: sticky;
    z-index: 1;
}/*classe sur les td de la colonne pour les data qui doivent rester fixes 2e col*/

.table_plan_maintenance .fixedHead{
    z-index: 3;
    left: 0px;
	position: sticky;

}/*classe sur les th qui correspondent aux td des data qui doivent rester fixes */

.table_plan_maintenance .fixedHead2{
    z-index: 3;
	position: sticky;

}/*classe sur les th qui correspondent aux td des data qui doivent rester fixes 2e col*/

/* ----------------------- */
/* fin plan de maintenance */
/* ----------------------- */


/* -------------------------------------------------------------------------- */
/*                              Methode carrousel                              */
/* -------------------------------------------------------------------------- */
#galeriePhotos
{
	width: 70%;
	padding: 10px 45px;
}
#galeriePhotosPreview
{
	width: 70%;
	padding: 10px 45px;
}
#galeriePhotos .slick-slider::before
{
	content: "";
	position: absolute;
	bottom: -7px;
	width: 100%;
	height: 17px;
	border-radius: 5px;
	background-color: rgb(140, 140, 140)
}
#galeriePhotos .slick-list
{
	border: 1px solid rgb(190, 190, 190);
	background-color: #e4e4e4;
	border-radius: 5px;
}

#galeriePhotos .slick-slide
{
	min-height: 250px;
	background-color: #e4e4e4;
}
#galeriePhotos .slick-arrow::before
{
	color: var(--couleurPrincipaleClient);
	font-size: 35px;
}
#galeriePhotos .slick-arrow
{
	width: 35px;
	height: 35px;
}
#galeriePhotos .slick-prev
{
	left: -40px;
}
#galeriePhotos .slick-next
{
	right: -40px;
}
#galeriePhotos .slick-prev, #galeriePhotos .slick-next
{
	line-height: 0;
	font-size: 0;
}
#galeriePhotos .imgContainer
{
	height: 300px;
}
#galeriePhotos .imgContainer .imgTitle
{
	position: absolute;
	left: 50%;
	bottom: 10px;
	transform: translateX(-50%);
	color: white;
	background: var(--color-bleu);
	border-radius: 20px;
	padding: 5px 15px;
	display: none;
}
#galeriePhotos .imgContainer .imgVoir, #galeriePhotos .imgContainer .imgDelete
{
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
#galeriePhotos .imgContainer .imgDelete
{
	top: auto;
	bottom: 0;
	color: var(--colorRougeFonce);
}
#galeriePhotos .imgContainer .imgDelete i
{
	color: var(--colorRougeFonce);
}
#galeriePhotos .imgContainer:hover .imgTitle
{
	display: block;
}
#galeriePhotos .imgContainer img
{
	height: 100%;
	margin: auto;
}
#methode_doc_dz_clickable
{
	padding: 0;
	background: var(--bgAppliClient);
	display: none;
}
#methode_doc_dz .buttons
{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
/* -------------------------------------------------------------------------- */
/*                            Fin methode carrousel                            */
/* -------------------------------------------------------------------------- */

.ui-tooltip.planning_tooltip {
    background: var(--color-bleu);
    color: white;
    z-index: 46;
    border: none;
    padding: 5px;
    min-width: 0 !important;
    white-space: pre-line;
    border: none !important;
	border-radius: 5px;
	max-width: 350px;
}
.ui-tooltip.planning_tooltip::before {
    z-index: -1;
    content: "";
    position: absolute;
    top: -5px;
    left: 10px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
    background: var(--color-bleu);
}
.ui-tooltip.planning_tooltip.left::before {
    left: -5px;
    right: unset;
    top: 10px;
}
.ui-tooltip.planning_tooltip.right::before {
    right: -5px;
    top: 10px;
    left: unset;
}
.ui-tooltip.planning_tooltip.middle::before {
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

table.stickyHeader > thead > th, table.stickyHeaderPrincipal > thead th
{
	position: sticky;
	top: 0px;
	z-index: 1;
}
table.stickyHeaderPrincipal > thead th
{
	top: 70px;
}

table.tb_detail_eqp tbody tr > .w33
{
    width: 33%;
}

.containerFlex > div
{
    display: flex;
    align-items: center;
}