body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0;}
a img, img a { border:none;}
a, a:visited {color: #1122cc; text-decoration:underline;}
a:hover { color:#1122cc; text-decoration:none;}
h1, h2, h3 {color:#1122cc;}
p {margin:0px;}

.button-img {outline: none; border: none; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.button-img > * + * {margin-left: 5px;}

/* Connexion */
#connexion {height: calc(100vh - 50px);display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-top: 50px;}
#connexion > .form {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#connexion form {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: 1px solid #ccc;padding: 20px;border-radius: 5px;width: 260px;}
#connexion form .form {width: 100%;text-align: center;}
#connexion form .form label {float: unset; text-align: left; margin-bottom: 2px;}
#connexion form .form input {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px;}

/* Formulaires */
.form {clear:left; padding:5px 0;}
.form140 {display:block; width:140px; padding-right:20px; float:left; text-align:right;}
.form180 {display:block; width:180px; padding-right:20px; float:left; text-align:right; font-size:0.8em;}
.form200 {display:block; width:200px; padding-right:20px; float:left; text-align:right; font-size:0.8em;}
.form110 {display:block; width:110px; padding-right:20px; float:left; text-align:right;}
.form90 {display:block; width:90px; padding-right:20px; float:left; text-align:right;}
.formFloat {float:left; padding:5px 0;}
.formFloat2 {float:left; padding:5px;}
.formInline {display: inline-block;}

.clearLeft {clear:left;}
.clearRight {clear:right;}
.clear {clear:both;}
.floatLeft {float:left;}
.floatRight {float:right;}
.mtb-10{margin: 10px 0;}
.mtb-10{margin: 10px 0;}
.d-flex{display: flex; flex-wrap: wrap;}
.d-none{display:none !important;}
.f-none{float:none !important;}
.d-flex-column{display: flex; flex-flow:column;}
.d-flex-right{display: flex; flex-wrap: wrap; justify-content: end; gap: 15px;}
.d-flex-space{display: flex; flex-wrap: wrap; gap: 15px;justify-content: space-between;}
.reverse-c{flex-direction: column-reverse  !important;}


/* Messages réponse */

.reponse-message,
.reponse-erreurs, .ok { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; position:fixed; width:95%; z-index:1000;}

.reponse-erreurs { position:fixed; width:95%; z-index:1000; background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0 0.8em; }
.reponse-message, .ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse-erreur { color: #8a1f11; font-weight:bold; }
.reponse-message, .ok { color: #264409; font-weight:bold; }

.lien {cursor:pointer;}
.gras {font-weight:bold;}
.cellule {float: left; height:20px; padding-top:5px; padding-bottom:5px;}
.ligne {/*clear: left; width:1220px;*/}
.l1 { background-color: #F3F3F3;}
.l2 { background-color: #C5C7C7;}
.hidden { display:none;}
#tachesAjout { margin-top:15px;}
.taches-titre3 {float:left; margin:0; margin-bottom:10px;}
.listeDetails { float:left; width:300px;}
.voirPlus { cursor:pointer;}

.clear {clear:both;}
.listeDateJour { padding:10px 10px 10px 2px; font-weight:bold;}

.celluleII { border:#0066FF 1px solid;}
.celluleSemainier :hover { cursor:pointer;}

#include { margin: 0 10px; padding-bottom:25px; padding-top:70px;}

#menuTop {  font-size: 12px; background-color:#000000; color:#ccc; padding:5px 10px; padding-left:20px; position:fixed; width:100%; z-index:1000; box-sizing:border-box;}
#menuTop a, #menuTop a:visited { color:#ccc; text-decoration:none; padding: 5px;  display: block;}
#menuTop a:hover { color:#fff; text-decoration:underline;}
#menu-container {padding-top: 7px;  display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: flex-start;}
#menu-centre {  flex: 1;  display: flex;  flex-wrap: wrap;  justify-content: center;  align-items: center;}

#menu-bouton-supervision,
#menu-bouton-supervision:visited { padding:5px; color:white; text-decoration:none !important; border-radius:60px; width: 20px; height: 20px;  margin-right: 5px;  display: inline-block; vertical-align: middle; box-sizing: border-box;}
#tableau-supervision a.bouton-auto,
#tableau-supervision a.bouton-auto:visited {color:#fff;}

#actu-tache-container {float:left; margin-left:25px;}
#message-actu-tache {border:1px solid #FF0522; background-color:#FF0522; padding:5px; color:#000; cursor:pointer;}

.datepicker { width:70px; }

.reussit { background:#DBF9DB; font-weight:bold; padding-top: 20px; color:#227D22; text-align:center; height: 40px; border-bottom:2px solid #227D22;}
.erreur { background:#FBB6B9; font-weight:bold; padding-top: 20px; color:#FE0008; text-align:center; height: 40px; border-bottom:2px solid #FE0008;}


/* Ajout d'une tache */
#zoneAjoutTache {clear:both; background:#F3F3F3; width:700px; margin:5px; padding:10px; margin-left:20px;}
#ajout-tache-fermer {text-align:right; display:block; width:100px; cursor:pointer;}
.ajout-tache-labels {width:225px;float:left;}

/* Tableaux des personnes */
#personnes-container {  display: flex;  flex-wrap: wrap;  justify-content: flex-start;  align-items: flex-start;}
.personnes-tableau {  padding:5px; }
.personnes-case {text-align:center;}
.personnes-case a, .personnes-case a:hover, .personnes-case a:visited {text-decoration:none; color:#000; font-weight:bold;}

/* Liste taches */
.taches-zone-titres {margin: 10px 0;}
.taches-projets {padding-top:10px; margin-bottom:5px;}
.taches-ajout {margin-left:20px; text-decoration:none; color:#000; margin-top:5px;}
#taches-colonne1 {float:left;width: 900px; text-align:left;overflow:hidden;}
#taches-colonne2 {width:900px; margin-left:950px; overflow:hidden;}

/* Taches avec date de planification */
.tache-datee-planification {width:100px;}
.tache-datee-container {/*clear: left;*/ margin-top:0px; min-height:80px;}
.tache-datee-left {float:left; width:40px;}
.tache-datee-right {float:right; width:890px;}
.tache-datee-position {padding-top:10px;}
.tache-datee-delete {padding-top:15px;}

.paire { background-color: #F3F3F3;}
.impaire { background-color: #DBEAF9;}
.tache-datee-ligne {/*clear: left;*/ min-height:80px;}
.tache-datee-lien {cursor:pointer;}
.tache-datee-ligne2Tableau td {padding-top:10px;}


/* Taches sans date de planification */
.tache-sansDate-container {/*clear: left;*/ margin-top:0px; min-height:80px; overflow:hidden;}
.tache-sansDate-left {float:left; width:40px;}
.tache-sansDate-right {/*float:right;*/ width:890px;}
.tache-sansDate-position {padding-top:10px;}
.tache-sansDate-delete {padding-top:15px;}
.tache-sansDate-ligne1Tableau td {padding-left:20px;}

.paire { background-color: #F3F3F3;}
.impaire { background-color: #C5C7C7;}
.tache-sansDate-ligne {/*clear: left;*/ min-height:80px;}
.tache-sansDate-lien {cursor:pointer;}
.tache-sansDate-ligne2Tableau td {padding-top:10px;}

/* Layer */
#layer {position:absolute; top:-1000px; left:0px; width:100px; background-color:#000; z-index:8;  opacity: 0.7;}

#zoneModifTache { position:absolute; top:50px; left:50px; width:990px;  background-color:#fff; z-index:10; padding:15px; }
.semainier-modif-tache { cursor:pointer;}
.semainier-modif-tache-fermer {text-align:right; padding:10px 20px 10px 0;}


/* Agenda */
#agenda { width:95%;  }

.zoneAjout {
	text-align:center; 
	margin-left:20px;
	margin-top:5px;
	padding:3px; 
	width:120px; 
	border-radius : 10px; 
	background:#F3F3F3;
	border: 1px solid #F3F3F3;
}
.zoneAjout:hover{
	cursor: pointer;
	background:#CDC8FD;
	border: 1px solid #CDC8FD;
}

.zoneProjet {/*
	text-align:center; 

	margin-top:5px;
	padding:3px; */
}
#tachesAjout{
	margin-left:20px;	
	width:750px;
}

#include img{
	vertical-align:baseline;
	width:20px;
	height:20px;
	padding:2px;
	
}
img:hover{
	cursor: pointer;
}

.details{
	witdh:700px;
	margin-left:20px;
}

.infobulle{
	display:none; 
	position:absolute; 
	top:30px; 
	z-index:1000000;
	width:400px;
	min-height:50px;
	background: #fff;
	border:1px solid #000;
	padding:10px;
	text-align:justify;
	margin:10px;
}


/* Tableau de bord - Volume de travail */
#tdb-persons .tdb-person {display: flex; flex-direction: row; align-items: center; padding: 10px 0; z-index: 1;}
#tdb-persons .tdb-person + .tbd-person {border-top: solid #3E3E3E 2px;}

#tdb-persons .tdb-person-left {width: 100px;min-width: 100px;}
#tdb-persons .tdb-person-right {flex: 1 1 0; max-width: calc(100% - 100px); overflow: auto;}

#tdb-persons .tdb-person-workload {overflow: auto;}
#tdb-persons .tdb-person-workload-bar {display: inline-block; height: 30px;}

/* Tableau de bord - Volume de travail */
#tdb-table-messages {border-collapse: collapse;}

#tdb-table-messages thead tr {border-bottom: solid #3E3E3E 1px;}
#tdb-table-messages tbody tr {background-color: #EEEEEE;}
#tdb-table-messages tbody tr:nth-child(2n+1) {background-color: #DDDDDD;}

#tdb-table-messages thead th,
#tdb-table-messages tbody th {text-align: left; padding: 7px 15px;}
#tdb-table-messages tbody td {text-align: center;}

/* #tdb-table-messages thead th + th, */
/* #tdb-table-messages tbody td {border-left: solid #3E3E3E 2px;} */

/* Module messages accueil */
.messagesaccueil-col {display:inline-block; vertical-align:top; margin:0 10px 0 0; }
#messagesaccueil-gauche {width:720px;}
#messagesaccueil-droite {width:calc(100% - 760px);}
#messagesaccueil-liens {padding:15px;}
#messageaccueil-ajoutmessage {cursor:pointer;text-decoration:underline; color:#1122CC;}
#messageaccueil-ajoutmessage:hover {text-decoration:none;}

#messagesaccueil-ajout-container {display:none; padding:20px 0 10px 5px;}
#messageaccueil-ajout-destinataires {padding-left:160px;}
.messageaccueil-ajout-destinataire {width:150px;}
#messageaccueil-ajout-projet {width:550px;}
#messageaccueil-ajout-objet {width:550px;}
#messageaccueil-ajout-message {width:550px; height:150px;}
#messageaccueil-ajout-submit{padding-left:160px;}

#messageaccueil-messages {padding:15px;}
.messageaccueil-message-actions {padding-left: 30px; padding-top:10px; overflow:hidden;}
.messageaccueil-message-lire{ float:left; margin:0 20px; }
.messageaccueil-message-traiter{ float:left; margin:0 20px;}
.messageaccueil-message-container {float:left;width:550px; border:solid 1px #CCC; padding:10px;}
.non-lu {background:#8FED6D;}
.messageaccueil-message-expediteur {float:left;}
.messageaccueil-message-date {float:right;}
.messageaccueil-message-destinataire {clear:left;}

.messageaccueil-message-projet {padding:10px 0 5px; font-weight:bold;}
.messageaccueil-message-objet {padding:5px 0 10px;font-weight:bold;}

.messageaccueil-message-contenu {padding:10px 0;}

/* Taches accueil */
#accueil-tache-filtres {margin:10px 0 20px;}
#accueil-tache-filtres-conteneur {display:-webkit-box;  display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start;   -ms-flex-pack: start;     justify-content: flex-start;}
#accueil-tache-filtre-personne {margin:5px 10px; }
#accueil-tache-filtre-temps {margin:5px 10px;}


.accueil-tache-ligne {font-size:0;border-top:1px solid #ccc; border-bottom:1px solid #ccc;  display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.accueil-tache-ligne.titre {font-weight:bold; text-align:center;}
.accueil-tache-colonne {display:inline-block; vertical-align:top; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:5px 3px; font-size: 13px; min-height:35px;}
.accueil-tache-ligne.titre .accueil-tache-colonne {min-height:0;}
.accueil-tache-colonne span {display: flex; flex-direction: column;justify-content: center;min-height: 35px;} 
.accueil-tache-date {width:100px; }
.accueil-tache-client,
.accueil-tache-nom {width:calc(50% - 62px); }

/* Support */

#membre-error-login, #membre-error-password, #membre-error-nom, #membre-error-prenom, #membre-error-societe {display:none; color:#FF0522; padding:15px;}
.ok {font-size:15px;}
.err {font-size:15px;}
.form {clear:left;}
.form140 {display:block; width:140px; padding-right:20px; float:left; text-align:right; }
.form90 {display:block; width:90px; padding-right:20px; float:left; text-align:right; }
.form60 {display:block; width:60px; padding-right:5px; float:left; text-align:right; }


/** Mensuels */
#mensuels-form-conteneur {position:relative;}
#mensuels-form-conteneur form {margin-bottom: 10px;}
#mensuels-form-conteneur form > div + div {margin-top: 10px;}
#reponse-update { position:absolute; right: 190px;top: 70px;}
#reponse-update i {font-size:25px;}
#reponse-update .fa-check {color:#2de135;}
#reponse-update .fa-times {color:#ff0606;}


#mensuels-form-conteneur .loader {display: inline-block; vertical-align: middle;}
#mensuels-form-conteneur .loader img {display: block; width: 18px; height: 18px; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

#mensuels-contenu,
#mensuels-contenu-all {border-collapse:collapse;}
.mensuel-ligne {}
.mensuel-ligne-supprime {background-color: #ffbebe;}
.mensuel-cellule {padding:10px; border-bottom:1px solid #D6E2EE;}
.mensuel-cellule p {margin:10px 0 0;}
.mensuel-cellule p:first-child {margin-top:0;}
.mensuel-cellule a,
.mensuel-cellule a:visited,
.mensuel-cellule span {text-decoration:underline; color:#1122CC;}
.mensuel-cellule-flex {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 5px;}

/* Taches hierarchie */
.tache-client{}
.tache-client-titre {height:25px; margin-bottom:10px;}
.tache-client-titre span {font-weight:bold; color:#ED4949; font-size:23px; }
.tache-projet{ margin-left:30px;}
.tache-projet-titre  {height:25px; margin-bottom:10px;}
.tache-projet-titre span {font-weight:bold; color:#C649ED; font-size:18px;}
.tache-listetache {}
.tache-listetache-titre {height:25px; margin-bottom:10px;}
.tache-listetache-titre span {font-weight:bold; color:#429B53; font-size:15px;}

.bouton100, .bouton100:visited {background:url(../themes/default/bouton-background-100.png) top left no-repeat; display:inline-block; vertical-align:top; width:100px; height:25px; line-height:25px; font-size:11px; text-transform:uppercase; color: #FFF; text-align:center; border:none; cursor:pointer; text-decoration:none; font-weight:normal;}
.bouton100:hover {background:url(../themes/default/bouton-background-hover-100.png) top left no-repeat; text-decoration:none;}
.bouton150, .bouton150:visited {background:url(../themes/default/bouton-background-150.png) top left no-repeat; display:inline-block; vertical-align:top; width:150px; height:25px; line-height:25px; font-size:11px; text-transform:uppercase; color: #FFF; text-align:center; border:none; cursor:pointer; text-decoration:none; font-weight:normal;}
.bouton150:hover {background:url(../themes/default/bouton-background-hover-150.png) top left no-repeat; text-decoration:none;}
.bouton200, .bouton200:visited {background:url(../themes/default/bouton-background-200.png) top left no-repeat; display:inline-block; vertical-align:top; width:200px; height:25px; line-height:25px; font-size:11px; text-transform:uppercase; color: #FFF; text-align:center; border:none; cursor:pointer; text-decoration:none; font-weight:normal;}
.bouton200:hover {background:url(../themes/default/bouton-background-hover-200.png) top left no-repeat; text-decoration:none;}
.bouton {border:1px solid #CCCCCC; background-color:#ECE9D8; text-align:center; display:inline-block; vertical-align:top; padding:2px 5px; text-decoration:none; cursor:pointer; color:#000;}

.bouton-auto, .bouton-auto:visited {cursor:pointer;display:inline-block; vertical-align:top; width:auto; min-height:19px; line-height:19px; font-size:11px; text-transform:uppercase; color: #FFF; text-align:center; cursor:pointer; text-decoration:none; font-weight:normal;border:1px solid #093153; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  background:#0F72A7;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BB4CE', endColorstr='#0F72A7',GradientType=0 ); /* IE6-9 */ background-image:-moz-linear-gradient(180deg, #6BB4CE, #0F72A7); background-image:-moz-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:-webkit-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:-o-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:linear-gradient(180deg, #6BB4CE, #0F72A7); text-align:center; display:inline-block; padding:2px 5px; text-decoration:none; cursor:pointer; color:#fff;}
.bouton-auto:hover {border:1px solid #CB6102; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; background:#FF7C06;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9BD7D', endColorstr='#FF7C06',GradientType=0 );  background-image:-moz-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:-webkit-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:-o-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:linear-gradient(180deg, #F9BD7D, #FF7C06); text-decoration:none;}

  
/* Table de base */
.base-grid {border-collapse:collapse; width:100%;}
.base-grid td, .base-grid th {border:1px solid #ccc; padding:2px 5px;}
.base-grid th {background-color:#fff;}
.base-grid tbody tr:hover {background-color:#E8E8E8;}
.paire {background-color: #FFF;}
.impaire {background-color: #f1f1f1;}
.action {width:75px;}
.clear {clear:both;}

#admin-centre {padding: 10px 30px;}
.middle {
    vertical-align: middle;
}


.reponse-messages,
.reponse-erreurs, .ok {position:fixed; top:15px; width:95%; z-index:1000; margin-bottom: 1em; border: 2px solid #ddd; }

.reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0 0.8em; }
.reponse-messages, .ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.ok {padding: 0.8em;}
.reponse-erreur {margin:5px 0; color: #8a1f11; font-weight:bold; }
.reponse-message, .ok { color: #264409; font-weight:bold;padding: 0.8em; margin:0; }

.reponse-messages .reponse-message {background: none !important; border: none !important;  position: initial !important;}

#reponse-fermer {float:right; padding: 10px; cursor:pointer; font-weight:bold;}

  
/* Liste Supports */
.support-ticket-message iframe {padding: 0; margin: 0; border: none; width: 100%; overflow: hidden;}


/* Tableau de bord - Tâches */
	/* GLOBAL */
#tdb-taches,
#tdb-taches * {box-sizing: border-box;}

#tdb-taches {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 10px; width: 100%; margin: 16px auto 0 auto; padding: 0 15px 0 5px;}
#tdb-taches h2 {width: 100%; margin: 0; font-size: 20px; color: #1f2937;}
#tdb-taches h3 {margin: 0 0 10px 0; font-size: 17px; color: #1f2937;}

#tdb-taches #tdb-taches-taux-efficacite-label {margin-left: 10px; font-size: 1.1em;}
#tdb-taches #tdb-select-personne,
#tdb-taches #tdb-taches-taux-efficacite {position: relative; overflow: hidden; outline: none; border: 1px solid #ced4da; border-radius: 5px; background: #FFF;padding: 6px 12px 6px 6px; z-index: 1; box-sizing: border-box; box-shadow: none; color: #343a40; font-family: inherit; font-size: 1.1em; line-height: 1.5;}
#tdb-taches #tdb-select-personne {margin-left: 30px; font-size: 14px;}

#tdb-taches .tdb-liste-loader {display: none;}
#tdb-taches .tdb-liste-loader img {display: block; height: 100px; width: 100px; margin: 0 auto;}

	/* CONTENEURS */
#tdb-taches .tdb-box {padding: 10px; box-shadow: 0 2px 5px #0003; border: solid transparent 0; border-radius: 10px; background-color: #FFF;}
#tdb-taches .tdb-box-scroll {margin-top: 20px; box-sizing: content-box; background-image: linear-gradient(to top, white, white), linear-gradient(to top, white, white), linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0)), linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0)); background-position: bottom center, top center, bottom center, top center; background-color: white; background-repeat: no-repeat; background-size: 100% 20px, 100% 20px, 100% 10px, 100% 10px; background-attachment: local, local, scroll, scroll;}
#tdb-taches .tdb-flex-inline {display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px;}

	/* LISTE TACHES */
#tdb-taches .tdb-btn-ajout-tache {outline: none; border: none; background: none; padding: 7px 13px; border: solid transparent 0; border-radius: 100px; background-color: #74b9ff; color: #FFF; font-size: 1.4em; box-shadow: 0 2px 5px #4d92d899;}
#tdb-taches .tdb-btn-ajout-tache:hover {cursor: pointer;}
#tdb-taches .tdb-btn-ajout-tache i {margin-right: 5px;}

#tdb-taches .tdb-liste-taches {width: 700px;}
#tdb-taches .tdb-liste-taches + .tdb-liste-taches {margin-top: 30px;}
#tdb-taches .tdb-liste-taches .tdb-liste-vide {font-size: 1.2em; font-weight: 600; color: #777;}

#tdb-taches .tdb-tache {display: flex; justify-content: flex-start; align-items: center; gap: 5px; padding: 5px; border: solid transparent 0; border-radius: 8px; box-shadow: 0 2px 5px #0003; color: #38404D;}
#tdb-taches .tdb-tache + .tdb-tache {margin-top: 8px;}

#tdb-taches .tdb-tache .tdb-tache-priorite {display: block; width: 25px; height: 25px; margin-right: 7px; border: solid transparent 0; border-radius: 50%; background-color: #D8DCDF;}
#tdb-taches .tdb-tache .tdb-tache-priorite[data-priorite="2"] {background-color: #FFBA99;}
#tdb-taches .tdb-tache .tdb-tache-priorite[data-priorite="1"] {background-color: #99FFEC;}
#tdb-taches .tdb-tache .tdb-tache-priorite[data-priorite="0"] {background-color: #74B9FF;}
#tdb-taches .tdb-tache .tdb-tache-priorite[data-priorite="-1"] {background-color: #D8DCDF;}
#tdb-taches .tdb-tache .tdb-tache-priorite[data-priorite="-2"] {background-color: #D8DCDF;}
#tdb-taches .tdb-tache .tdb-tache-priorite[data-priorite="termine"] {background-color: #27ae60;}

#tdb-taches .tdb-tache .tdb-tache-info {flex: 1 1 0;}
#tdb-taches .tdb-tache .tdb-tache-info:hover {cursor: pointer;}
#tdb-taches .tdb-tache .tdb-tache-info .tdb-tache-info-projet {font-size: 1.2em; font-weight: bold;}
#tdb-taches .tdb-tache .tdb-tache-info .tdb-tache-info-nom {margin-top: 5px; color: #777;}

#tdb-taches .tdb-tache .tdb-tache-progression {width: 220px;}
#tdb-taches .tdb-tache .tdb-tache-progression .tdb-tache-progression-texte {display: flex; justify-content: space-between; font-weight: bold;}
#tdb-taches .tdb-tache .tdb-tache-progression .tdb-tache-progression-texte-valeur {color: #74B9FF;}
#tdb-taches .tdb-tache .tdb-tache-progression .tdb-tache-progression-barre {display: block; height: 6px; border: solid transparent 0; border-radius: 20px; background-color: #AAEFFF; margin-top: 10px;}
#tdb-taches .tdb-tache .tdb-tache-progression .tdb-tache-progression-barre-valeur {display: block; height: 100%; border: solid transparent 0; border-radius: 20px; background-color: #74B9FF;}

	/* LISTE PROJETS */
#tdb-taches .tdb-liste-projets {min-width: 700px;}

#tdb-taches .tdb-projet {display: flex; justify-content: flex-start; align-items: center; gap: 5px; padding: 5px; border: solid transparent 0; border-radius: 8px; box-shadow: 0 2px 5px #0003; color: #38404D;}
#tdb-taches .tdb-projet + .tdb-projet {margin-top: 8px;}

#tdb-taches .tdb-projet .tdb-projet-facture {display: block; width: 25px; height: 25px; margin-right: 7px; border: solid transparent 0; border-radius: 50%; background-color: #D8DCDF;}
#tdb-taches .tdb-projet .tdb-projet-facture[data-facture="1"] {background-color: #27ae60;}
#tdb-taches .tdb-projet .tdb-projet-facture[data-facture="0"] {background-color: #EB4D4B;}

#tdb-taches .tdb-projet .tdb-projet-info {flex: 1 1 0;}
#tdb-taches .tdb-projet .tdb-projet-info .tdb-projet-info-client {font-size: 1.2em; font-weight: bold;}
#tdb-taches .tdb-projet .tdb-projet-info .tdb-projet-info-nom {margin-top: 5px; color: #777;}

#tdb-taches .tdb-projet .tdb-projet-performance {width: 220px;}
#tdb-taches .tdb-projet .tdb-projet-performance .tdb-projet-performance-texte {display: flex; justify-content: space-between; font-weight: bold;}
#tdb-taches .tdb-projet .tdb-projet-performance[data-color="2"] .tdb-projet-performance-texte-valeur {color: #27ae60;}
#tdb-taches .tdb-projet .tdb-projet-performance[data-color="1"] .tdb-projet-performance-texte-valeur {color: #74B9FF;}
#tdb-taches .tdb-projet .tdb-projet-performance[data-color="0"] .tdb-projet-performance-texte-valeur {color: #929699;}
#tdb-taches .tdb-projet .tdb-projet-performance[data-color="-1"] .tdb-projet-performance-texte-valeur {color: #EB4D4B;}
#tdb-taches .tdb-projet .tdb-projet-performance .tdb-projet-performance-barre {display: block; height: 6px; border: solid transparent 0; border-radius: 20px; background-color: #AAEFFF; margin-top: 10px;}
#tdb-taches .tdb-projet .tdb-projet-performance[data-color="2"] .tdb-projet-performance-barre {background-color: #5DE496 !important;}
#tdb-taches .tdb-projet .tdb-projet-performance[data-color="1"] .tdb-projet-performance-barre {background-color: #AAEFFF !important;}
#tdb-taches .tdb-projet .tdb-projet-performance[data-color="0"] .tdb-projet-performance-barre {background-color: #D8DCDF !important;}
#tdb-taches .tdb-projet .tdb-projet-performance[data-color="-1"] .tdb-projet-performance-barre {background-color: #FFB2B0 !important;}
#tdb-taches .tdb-projet .tdb-projet-performance .tdb-projet-performance-barre-valeur {display: block; height: 100%; border: solid transparent 0; border-radius: 20px; background-color: #74B9FF;}
#tdb-taches .tdb-projet .tdb-projet-performance[data-color="2"] .tdb-projet-performance-barre-valeur {background-color: #27ae60 !important;}
#tdb-taches .tdb-projet .tdb-projet-performance[data-color="1"] .tdb-projet-performance-barre-valeur {background-color: #74B9FF !important;}
#tdb-taches .tdb-projet .tdb-projet-performance[data-color="0"] .tdb-projet-performance-barre-valeur {background-color: #929699 !important;}
#tdb-taches .tdb-projet .tdb-projet-performance[data-color="-1"] .tdb-projet-performance-barre-valeur {float: right; background-color: #EB4D4B !important;}

	/* SUPPORTS */
#tdb-taches #tdb-supports p,
#tdb-taches #tdb-supports ul {font-size: 1.2em;}

#tdb-taches #tdb-supports ul {list-style: none; margin: 10px 0 0 0; padding: 0;}
#tdb-taches #tdb-supports ul li::before {content: "-"; margin-right: 7px;}
/* FIN - Tableau de bord - Tâches */




/* Formulaires */
#admin-centre form {margin:0; padding:0;}
#admin-centre select {font-family:Arial, Helvetica, sans-serif; font-size:11px; border: #ccc 1px solid;}
#admin-centre input {border:#ccc 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#admin-centre .input-text {width:400px;}
#admin-centre .textarea {width:400px;}
#admin-centre .submit {border:none;}
#admin-centre .form {margin:10px 0; padding-left:30px;}
#admin-centre .form > div {padding-bottom:15px; clear:left;}
#admin-centre .form select {width:400px;}
#admin-centre .form80 {display:block; width:90px; float:left; padding-right:20px; font-weight:bold;}
#admin-centre .form90 {display:block; width:90px; float:left; padding-right:20px;}
#admin-centre .form120 {display:block; width:120px; padding-right:20px; float:left;}
#admin-centre .form140 {display:block; width:160px; padding-right:20px; float:left; text-align:left;}
#admin-centre .form180 {display:block; width:180px; padding-right:20px; float:left;}
#admin-centre .bouton {cursor:pointer;}