h2 {border-bottom: 15px solid #ffed00;}
h2 span {background:#ffed00;}
#main #menu ul li a {border:2px solid #ffed00;}
#main #menu ul li a.masterfichierl {background:#3e104e;color:white;width:75px;}
#main #menu ul li.selected a {
background:#ffed00;
}
#menu_att a.selected {
    background:#ffed00;
}
#main #contenu h3.sous-titre {
	background:url(/images/idfn/bg-h32.gif?new2021) left center no-repeat;
}
#main #contenu a.bt-ok {
	background:url(/images/idfn/bg-ok2.gif?new2021) left top no-repeat;
}
#main #contenu a.bt-ok.btn_lancer {
    background-image:url(/images/idfn/btn_lancer2.gif?new2021);
}
.referenceHTML div.enteteHTML {background:url('/libs/html2doc/header-idfn.jpg') left top no-repeat;}
.referenceHTML div.enteteHTML p.typeHTML {background:url('/images/idfn/topLogo.png') left top no-repeat;color:#000000;}
#main #contenu form p.form_title {
	background-color:#000000;
}
#main #contenu form div.submit input {
	color:#000000;
}
#main #contenu #recherche-rex label {
	background-color:#000000;
}
#main #contenu #recherche-rex input.text {
	border:1px solid #000000;
}
table.derniers_retours thead {
	background-color:#000000;
}
.referenceHTML div.enteteHTML p.typeHTML {color:#000000;}
.referenceHTML p.designationHTML {background:#000000;}
.referenceHTML p.footerHTML {background:url('/images/idfn/colosLogo.png') right center no-repeat;}
@media (max-width: 980px) {
	body {margin:0 10px;}
	h2 {clear:both;margin:0;}
	#main #contenu p.bienvenue {clear:both;position:relative;float:none;top:inherit;}
	p.logo img {max-width: 100%}
	#main #menu  {clear:both;width:100%;position: relative;top:inherit;float:none;}
	#main #menu ul {clear:both;width:100%;position: relative;top:inherit;float:none;}
	#main #menu ul li {float:left;width:31%;margin:1% 1%;height:50px}
	#main #menu ul li a {;}
	#main, #main #header {width:100%;clear:both;}
	p.accueil_lien {clear:both;margin:0;position:relative;}
	#contenu {clear:both;}
	.trombinoscope .wrapTrombi {width:100%;float:none;margin:0;border:none;padding:5px 0 5px 5px;}
	.trombinoscope .bread {width:100%;}
	.trombinoscope .picture {float:none;width:80%;clear:both;margin-left:0 !important;margin:10px auto !important;height:inherit;}
	.trombinoscope .agenceContainer {text-align:center;}
	.trombinoscope .agenceContainer img {float:none;margin:0;}
	.trombinoscope .agenceContainer span {text-align:center;float:none;max-width: inherit;clear:both;display:block;width:100%;}
	.trombinoscope .centerContainer {width:100%;float:none;}
	#main #contenu form input.text, #main #contenu form select.text {width:100%;}
}
div.autocomplete-suggestion b {color:#ffed00;}
.button#voirArrivees.button {
  overflow: hidden;
  z-index:555;
  margin: 10px;
  padding: 12px 12px;
  cursor: pointer;
  user-select: none;
  transition: all 60ms ease-in-out;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  text-transform: none;
  text-transform: capitalize;
  color: #fff;
  border: 0 none;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
  display: block;
    width: 40%;
    margin:10px auto;
    text-align: center;
  box-shadow: 2px 5px 10px rgba($dark, .1);
  &:hover {
    transition: all 60ms ease;
    opacity: .85;
  }
  &:active {
    transition: all 60ms ease;
    opacity: .75;
  }
  &:focus {
    outline: 1px dotted #959595;
    outline-offset: -4px;
  }
}
.button#voirArrivees.button.-regular {
  color: #202129;
  background-color: #f2f2f2;
  &:hover {
    color: #202129;
    background-color: #e1e2e2;
    opacity: 1;
  }
  &:active {
    background-color: #d5d6d6;
    opacity: 1;
  }
}
.button#voirArrivees {color:black;background:#FEF30E;}
.politespace-proxy {float:left;}
div.tabAffaire  {
  clear:both;    width: 90vw;    margin-left: calc(-45vw + 482px);
}
div.tabAffaire .dataTables_scrollBody {
  max-height:calc(100vh - 470px);
}
table.dataTable thead th, table.dataTable tfoot th, table.dataTable thead td {
  background:#a5a5a5;
  color:black;
}
@media (max-width: 980px) {
  div.tabAffaire  {
    margin-left:0;width:100%;
  }
}
div h2, .h2 {font-size:22px;margin-top:60px;}
div table.dataTable.nowrap tbody th, div table.dataTable.nowrap tbody td {
    white-space: initial;
    min-width: 150px;
} div table.dataTable.nowrap tbody td {
   color:black;font-size:14px;
}
div .table-hover tbody tr:hover,
div .table-hover tbody tr.isClicked {
    background-color: #f9dc9e;
    cursor:pointer;
}
div .table-hover tbody tr.isActived {
    background-color: #f9c558 !important;
}
div .yadcf-filter-wrapper {display:block;width:120px;}
div .yadcf-filter-wrapper select {width:120px;}
div .yadcf-filter-wrapper input {width:120px;}
div div .yadcf-filter-reset-button {    position: absolute;
    left: 0;
}div #example div .yadcf-filter-reset-button {display:none;}
div .yadcf-filter-wrapper .yadcf-filter-range-number {width:56px;}
div .yadcf-filter-range-number-seperator {margin-right:5px;}
div .yadcf-filter-range-number-seperator {margin-left:5px;}
div .yadcf-filter-reset-button {
  background:none;
  border:none;
  padding:3px;
  color:red;
  cursor:pointer;
  font-weight: bold;
}
.isPartiemaster .table-striped tbody tr.even {
    background-color: #fff4e7;
    cursor: default;
}
.isPartiemaster .table-striped tbody tr.odd {
    background-color: #ffe8cb;
    cursor: default;
}
.isPartiemaster .table-hover.table-striped tbody tr:hover {
    background-color: #f9dc9e;
}
.isPartiemaster .table-hover.table-striped tbody tr.isClicked.odd,
.isPartiemaster .table-hover.table-striped tbody tr.isClicked.even {
    background-color: #f9dc9e;
}
.isPartiemaster {padding:0;margin:0;}
.isPartiemaster #header,.isPartiemaster #menu, .isPartiemaster .accueil_lien , .isPartiemaster .bienvenue {display: none}
.isPartiemaster #topMenu a {display: none}
.isPartiemaster #topMenu a.deco {display:inline-block}
.isPartiemaster #topMenu a.accesPartage {display:inline-block}
.isPartiemaster div h2 {margin-top:15px;}
.isPartiemaster .logoAffaire {position: absolute;}
.isPartiemaster .header-master {margin-top:0;height:199px;background:url('/images/idfn/header-master.jpg?newx23') left top no-repeat;}
.isPartiemaster .header-master.masterbail {margin-top:0;height:199px;background:url('/images/idfn/header-master-bail.jpg?newx23') left top no-repeat;}
.isPartiemaster .header-master #menu-master {position:relative;padding-top:132px;}
.isPartiemaster .header-master #menu-master a.btn-master {position:relative;z-index:11;display:inline-block;width:168px;height:45px;background:#ffed00;border-radius: 10px;margin-left:35px;margin-right:35px;color:#262626;padding:10px 0;font-size:21px;text-align: center;line-height:22px;text-decoration: none;}
.isPartiemaster .header-master #menu-master a.btn-master.createAffaire {color:white;background-color:#3e104e;}
.isPartiemaster .header-master #menu-master a.btn-master.searchAffaire {color:white;background-color:#4c878b;}
.isPartiemaster .header-master #menu-master a.btn-master.exportAffaire {color:white;}
.isPartiemaster .header-master #menu-master a.btn-master.createAffaire:hover {background:#996da9;}
.isPartiemaster .header-master #menu-master a.btn-master.searchAffaire:hover {background:#80bbbf;}
.isPartiemaster .header-master #menu-master a.btn-master.exportAffaire:hover {background:#f9c558;}
.isPartiemaster .header-master #menu-master a.btn-master:hover {text-decoration: none}
.isPartiemaster .header-master #menu-master a.btn-master.first {margin-left:166px;}
.isPartiemaster .header-master #menu-master a.btn-master.no-click {cursor: default;margin-right:0;}
.isPartiemaster .header-master #menu-master .sub-master {display: inline-block;background:#d0cece;padding:11px 10px 12px 25px;margin-left:-15px;z-index:10px;}
.isPartiemaster .header-master #menu-master .sub-master a.btn-sub {color:black;font-size:14px;line-height: 12px;text-decoration: none}
.isPartiemaster .table-bordered th, .isPartiemaster .table-bordered td {
    border: 2px solid #FFF;
}
.isPartiemaster .select2-container.select2-container--classic.select2-container--open {
  margin-top:-30px;
}

.isPartiemaster .selectMoa .select2-container.select2-container--classic.select2-container--open,
.isPartiemaster .selectVille .select2-container.select2-container--classic.select2-container--open,
.isPartiemaster .selectDep .select2-container.select2-container--classic.select2-container--open {
  margin-top:0;
}
.isPartiemaster #main #contenu .formRapide {
  float:right;
  width:572px;
  margin-top:-65px;
}
.isPartiemaster #main #contenu .formRapide h2 {
}
.isPartiemaster #main #contenu .formRapide .col-sm-10 {
    max-width: 75%
}
.isPartiemaster #main #contenu .formRapide .col-sm-5 {
    max-width: 35%
}
.isPartiemaster #main #contenu .formRapide .form-group {
    margin-bottom:5px;
    line-height: 1;
}
.isPartiemaster #main #contenu .formRapide .form-control {
    padding:3px 0;
}
.isPartiemaster #main #contenu  form  label
 {
  background:none;padding:0;float:none;margin:0;width: auto;display: inline;
    clear: both;
    float: left;
    margin: 3px 0 5px 20px;
    padding: 0 0 0 13px;
    background: url(/images/puce-label.gif?new2021) left center no-repeat;
    font-weight: bold;
    width: 230px;
    color: #313863;
    font-size: 13px;
}
.isPartiemaster #main #contenu  .masterbail form  label {  background:none !important;padding:0 !important;float:none !important;margin:0 !important;width: auto !important;display: inline !important;}
.isPartiemaster .tabBail  #example_length { margin-left:15px; font-weight: bold;height:31px;line-height: 31px;    margin-bottom: 0;padding-top:0;margin-top:10px;background:#a5a5a5;color:white;padding:0 10px;}
.isPartiemaster .tabBail  #example_length label {margin-top:0;}
.isPartiemaster .tabBail  select.form-control-sm:not([size]):not([multiple]) { height:22px;padding-top:2px;padding-bottom: 2px}
.isPartiemaster .tabBail  .labelX { margin-left:15px; font-weight: bold;height:31px;line-height: 31px;    margin-bottom: 0;padding-top:0;margin-top:10px;background:#a5a5a5;color:white;padding:0 10px;}
.isPartiemaster .tabBail  .labelX.firstX {margin-left: 0}

.isPartiemaster .tabBail .labelX label,
.isPartiemaster #main #contenu .tabBail form .labelX label
 {
    font-size: 16px;
   cursor: pointer;color:white;
   background:none;margin:0;padding:0;width:auto;
}
.isPartiemaster .tabBail table.dataTable thead tr th {
  text-align:left;
}
.isPartiemaster .tabBail table.dataTable thead tr th .yadcf-filter,
.isPartiemaster .tabBail table.dataTable thead tr th .yadcf-filter-range,
.isPartiemaster .tabBail table.dataTable thead tr th .yadcf-filter-date   {
  border:none;
  border-radius: 3px;
  padding:5px 5px 10px 5px;
}
.isPartiemaster .tabBail tr.addCLick td:nth-child(6),
.isPartiemaster .tabBail tr.addCLick td:nth-child(7),
.isPartiemaster .tabBail tr.addCLick td:nth-child(8),
.isPartiemaster .tabBail tr.addCLick td:nth-child(9),
.isPartiemaster .tabBail tr.addCLick td:nth-child(10),
.isPartiemaster .tabBail tr.addCLick td:nth-child(12),
.isPartiemaster .tabBail tr.addCLick td:nth-child(13),
.isPartiemaster .tabBail tr.addCLick td:nth-child(14),
.isPartiemaster .tabBail tr.addCLick td:nth-child(15),
.isPartiemaster .tabBail tr.addCLick td:nth-child(16),
.isPartiemaster .tabBail tr.addCLick td:nth-child(17),
.isPartiemaster .tabBail tr.addCLick td:nth-child(18),
.isPartiemaster .tabBail tr.addCLick td:nth-child(19),
.isPartiemaster .tabBail tr.addCLick td:nth-child(19),
.isPartiemaster .tabBail tr.addCLick td:nth-child(20),
.isPartiemaster .tabBail tr.addCLick td:nth-child(21),
.isPartiemaster .tabBail tr.addCLick td:nth-child(22)
 {
  text-align: center
  }
.isPartiemaster #topMenu {
  padding: 0
}
.isPartiemaster #topMenu a {
  font-weight: normal;
  padding:5px 10px 0px 10px;
  margin:0;
}
.isPartiemaster #topMenu a.deco {
  color:red;
  font-weight: bold;
}
.isPartiemaster #topMenu a.masterA {
  border-radius:5px;
  display: inline-block;
  margin-top:5px;
  color:#181717;
  font-weight: bold;
  padding:5px 10px;
}
.isPartiemaster #topMenu a.masterA.accesPartage {
  background:#ffc000;
}
.isPartiemaster #topMenu a.masterA.accesAdmin {
  background:#85ddeb;
}
.isPartiemaster #topMenu a.masterA.accesPartage:hover {
  color:#FFF;
}
.isPartiemaster #topMenu a.masterA.accesAdmin:hover {
  color:#FFF;
}
.isPartiemaster table {border:none;}
.isPartiemaster table.dataTable thead tr th, .isPartiemaster table.dataTable tfoot tr th {font-size: 16px;text-align:center;font-weight: bold;color:white;}
.isPartiemaster table.dataTable thead tr th input {text-align: left;font-size:14px;font-weight: normal;color:black;}
.isPartiemaster table.dataTable thead tr th .select2-default {text-align: left;font-size:14px;font-weight: normal;color:black;}
.isPartiemaster table.dataTable thead tr th .select2-default {color:black !important;}
.isPartiemaster table.dataTable thead tr th select {text-align: left;font-size:14px;font-weight: normal;color:black;}
.isPartiemaster table.dataTable thead tr th .yadcf-filter-wrapper {text-align: left;font-size:14px;font-weight: normal;color:black;}
.isPartiemaster table.dataTable thead tr th ::placeholder {
    color: black;
    opacity: 1; /* Firefox */
}
.isPartiemaster table.dataTable thead tr th :-ms-input-placeholder {
    color: black;
}
.isPartiemaster table.dataTable thead tr th ::-ms-input-placeholder {
    color: black;
}
.isPartiemaster table.dataTable thead .sorting:after,
.isPartiemaster table.dataTable thead .sorting_asc:after,
.isPartiemaster table.dataTable thead .sorting_desc:after,
.isPartiemaster table.dataTable thead .sorting_asc_disabled:after,
.isPartiemaster table.dataTable thead .sorting_desc_disabled:after {
  right:0.1em;
}
.isPartiemaster table.dataTable thead .sorting:before,
.isPartiemaster table.dataTable thead .sorting_asc:before,
.isPartiemaster table.dataTable thead .sorting_desc:before,
.isPartiemaster table.dataTable thead .sorting_asc_disabled:before,
.isPartiemaster table.dataTable thead .sorting_desc_disabled:before {
  right:0.5em;
}
.isPartiemaster table.dataTable thead .sorting:before,
.isPartiemaster table.dataTable thead .sorting_asc:before,
.isPartiemaster table.dataTable thead .sorting_desc:before,
.isPartiemaster table.dataTable thead .sorting_asc_disabled:before,
.isPartiemaster table.dataTable thead .sorting_desc_disabled:before,
.isPartiemaster table.dataTable thead .sorting:after,
.isPartiemaster table.dataTable thead .sorting_asc:after,
.isPartiemaster table.dataTable thead .sorting_desc:after,
.isPartiemaster table.dataTable thead .sorting_asc_disabled:after,
.isPartiemaster table.dataTable thead .sorting_desc_disabled:after {
  color:#3e104e;
  opacity: 1;
  font-size:20px;
  font-weight: bold
}
.isPartiemaster table.dataTable thead .sorting_asc:before, .isPartiemaster table.dataTable thead .sorting_desc:after {
    color: white;
}
.isPartiemaster img {
    vertical-align: middle;
  }
.isPartiemaster #main #contenu h3 {
    color:#3e104e;background: url('/images/idfn/bg.jpg') left center repeat-x #FFF;margin-left:0;margin-right: 0;font-weight: bold;
  }
.isPartiemaster #main #contenu #content {
  margin-top:10px;
}
.isPartiemaster #main #contenu h3 span {
    background:white;
    display: inline-block;
    padding-right: 10px
  }
.isPartiemaster div.dataTables_wrapper div.dataTables_length label {margin-bottom: 0;padding-top:0;margin-top:10px;}
.isPartiemaster div.dataTables_wrapper .pagLi div.dataTables_info { font-weight:bold;margin-left:15px;height:31px;line-height: 31px;    margin-bottom: 0;padding-top:0;margin-top:10px;background:#a5a5a5;color:white;padding:0 10px;}
.isPartiemaster div.dataTables_wrapper .montantTotal { margin-left:15px; font-weight: bold;height:31px;line-height: 31px;    margin-bottom: 0;padding-top:0;margin-top:10px;background:#a5a5a5;color:white;padding:0 10px;}
.isPartiemaster div.dataTables_wrapper .partColas { margin-left:15px; font-weight: bold;height:31px;line-height: 31px;    margin-bottom: 0;padding-top:0;margin-top:10px;background:#a5a5a5;color:white;padding:0 10px;}
#main #contenu form .contact_moe  {width:683px;}
#main #contenu form .contact_moa  {width:683px;}
#main #contenu form .pilote input.text {width:683px;}
#main #contenu form .partenaires input.text {width:683px;}
#main #contenu form .attributaires input.text {width:683px;}
#main #contenu form .contact_moe input.text {width:683px;}
#main #contenu form .contact_moa input.text {width:683px;}
#main #contenu form .pilote .added input.text {width:671px;}
#main #contenu form .partenaires .added input.text {width:671px;}
#main #contenu form .attributaires .added input.text {width:671px;}
#main #contenu form .contact_moe .added input.text {width:671px;}
#main #contenu form .contact_moa .added input.text {width:671px;}
#main #contenu form .interlocuteur_moa input.text {width:339px;}
#main #contenu form .interlocuteur_moe input.text {width:339px;}
#main #contenu form .interlocuteur_moa .added input.text {width:331px;}
#main #contenu form .interlocuteur_moe .added input.text {width:331px;}
.delThing {float:left;line-height:17px;padding-right:5px;font-weight:bold;cursor:pointer;color:red;}
div .select2-results .select2-result-label {text-align: left;font-weight: bold:color:black;font-size:14px;}
.isPartiemaster #main #contenu form label {color:black;font-size:15px;}
.isPartiemaster #main #contenu form input {color:black;font-size:15px;}
.isPartiemaster #main #contenu form select {color:black;font-size:15px;}
.isPartiemaster #main #contenu form  .select2-container-multi .select2-choices .select2-search-choice {color:black;font-size:15px;}
.isPartiemaster #main #contenu form  a {color:black;font-size:15px;}
.isPartiemaster .submit_top  {
  text-align: center;
}
.isPartiemaster #main #contenu form .submit_top a.button  {
  border-radius:5px;
  display: inline-block;
  float:none;
  width:218px;
}
.isPartiemaster #main #contenu form .submit_top a.button.sendfiche  {
  background:#85ddeb;
  color:#181717;
}
.isPartiemaster #main #contenu form .submit_top a.button.sendfiche:hover  {
  background: #31a8bb;
}
.isPartiemaster #main #contenu form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 1; /* Firefox */
}
.isPartiemaster #main #contenu form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
}
.isPartiemaster #main #contenu form ::-ms-input-placeholder { /* Microsoft Edge */
    color: black;
}
div .select2-container-multi .select2-choices {min-height: 20px}
div .select2-container-multi .select2-choices .select2-search-field input {padding:1px;}
div .select2-container-multi .select2-choices .select2-search-choice {margin:1px;padding: 3px 5px 3px 18px;}
div.pilote .select2-container:first-child .select2-choice > .select2-chosen {font-weight: bold;}
.commentaires .added {border-top:1px solid black; margin-top:5px;padding-top:5px;}
.commentaires_libelle .added {border-top:1px solid black; margin-top:5px;padding-top:5px;}
.isPartiemaster .page-link {
  font-size:14px;
  color:black;
}
.isPartiemaster .dataTables_info,
.isPartiemaster .montantTotal,
.isPartiemaster .partColas,
.isPartiemaster .dataTables_length {
  color:black;
  font-size:16px;
}
.isPartiemaster .page-item.active .page-link {
    background-color: #3e104e;
    border-color: #3e104e;
}
.isPartiemaster #yadcf-filter-wrapper--example-2 input {width:310px;}
.isPartiemaster #yadcf-filter-wrapper--example-17 input {width:270px;}
.isPartiemaster.isPartieqcq #yadcf-filter-wrapper--example-2 input {width: inherit}
.isPartiemaster.isPartieqcq #yadcf-filter-wrapper--example-17 input {width: inherit}
.tabBail #yadcf-filter-wrapper--example-21 input {width:610px;}
.tabBail #yadcf-filter-wrapper--example-22 input {width:910px;}
.tabBail .greenTH td {color:green !important;}
.isPartiemaster .tabAffaire .select2-container-multi .select2-choices .select2-search-choice {font-size:11px;}
.isPartiemaster .tabAffaire .select2-container--default .select2-selection__rendered .select2-selection__choice {font-size:11px;}
.isPartiemaster .select2-result-selectable .select2-match, .isPartiemaster .select2-result-unselectable .select2-match {
    text-decoration: none;
    background:#FFC000;
}
.isPartiemaster #main #contenu .form_declarerOperation {padding-bottom:60px;}
.isPartiemaster #main #contenu .form_declarerOperation p.submit_top {position: fixed;bottom:0;background:white;width:981px;height:41px;margin-bottom: 0}
  .isPartiemaster #main #contenu .form_declarerOperation p.submit_top a {margin:5px;}
@media (max-width:980px) {
.isPartiemaster #main #contenu .form_declarerOperation {padding-bottom:90px;}
  .isPartiemaster #main #contenu .form_declarerOperation p.submit_top {height:80px;margin:0;width:100%;}
  .isPartiemaster #main #contenu .form_declarerOperation p.submit_top a {margin:5px;}
  div.tabAffaire .dataTables_scrollBody {
    max-height:500px;
  }
  .isPartiemaster .header-master #menu-master a.btn-master.first {margin-left:auto;}
  .isPartiemaster .header-master {height:auto;}
  .isPartiemaster .header-master #menu-master a.btn-master {
      margin: 5px;
  }
  .isPartiemaster span.select2 {max-width: 100% !important;clear:both;float:none;}
  .isPartiemaster .form_declarerOperation span.select2 {min-width: 340px;width:100% !important;}
  .isPartiemaster .form_declarerOperation textarea {min-width: 340px;width:100% !important;}
  .isPartiemaster .form_declarerOperation select {min-width: 340px;width:100% !important;}
  .isPartiemaster .form_declarerOperation input[type="text"] {min-width: 340px;width:100% !important;}
  .isPartiemaster #main #contenu .form_declarerOperation .contact_moa  {width:100%;}
  .isPartiemaster #main #contenu .form_declarerOperation .contact_moa input.text {width:100%;}
  .isPartiemaster #main #contenu .form_declarerOperation .contact_moa .added input.text {width:100%;}
  .isPartiemaster #main #contenu .form_declarerOperation .contact_moa strong {display:block;float:none;}
  .isPartiemaster #main #contenu .form_declarerOperation .contact_moe  {width:100%;}
  .isPartiemaster #main #contenu .form_declarerOperation .contact_moe input.text {width:100%;}
  .isPartiemaster #main #contenu .form_declarerOperation .contact_moe .added input.text {width:100%;}
  .isPartiemaster #main #contenu .form_declarerOperation .contact_moe strong {display:block;float:none;}
}
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
/*************** SCROLLBAR RAIL ***************/
div.tabAffaire .dataTables_scrollBody > .scroll-element,
div.tabAffaire .dataTables_scrollBody > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}
div.tabAffaire .dataTables_scrollBody > .scroll-element {
    background-color: #ffffff;
}
div.tabAffaire .dataTables_scrollBody > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
div.tabAffaire .dataTables_scrollBody > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}
div.tabAffaire .dataTables_scrollBody > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}
div.tabAffaire .dataTables_scrollBody > .scroll-element.scroll-x {
    bottom: 0;
    height: 20px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}
div.tabAffaire .dataTables_scrollBody > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 20px;
}
div.tabAffaire .dataTables_scrollBody > .scroll-element .scroll-bar {
    background-color: #3e104e;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
div.tabAffaire .dataTables_scrollBody > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
/* scrollbar height/width & offset from container borders */
div.tabAffaire .dataTables_scrollBody > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
div.tabAffaire .dataTables_scrollBody > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }
div.tabAffaire .dataTables_scrollBody > .scroll-element.scroll-x .scroll-bar { height: 30px; min-width: 10px; top: 1px; }
div.tabAffaire .dataTables_scrollBody > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 30px; }
div.tabAffaire .dataTables_scrollBody > .scroll-element.scroll-x .scroll-element_outer { height: 30px; left: 5px; }
div.tabAffaire .dataTables_scrollBody > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 12px; }
div.tabAffaire .dataTables_scrollBody > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 30px; }
div.tabAffaire .dataTables_scrollBody > .scroll-element.scroll-y .scroll-element_size { left: 12px; top: -10px; width: 2px; }
/* update scrollbar offset if both scrolls are visible */
div.tabAffaire .dataTables_scrollBody > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
div.tabAffaire .dataTables_scrollBody > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }
div.tabAffaire .dataTables_scrollBody > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
div.tabAffaire .dataTables_scrollBody > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }
#main #menu ul li a {font-size: 12px;padding:7px 2px;margin:0 2px;}
#main #menu {width:683px;}
.isPartiemaster #ui-datepicker-div {z-index:9999 !important;}
.isPartiemaster .select2-drop.select2-drop-multi {min-width:500px;}
.isPartiemaster .select2-container--default .select2-dropdown--below {min-width:500px;}
.isPartiemaster .context-menu-list.context-menu-root {z-index: 999 !important}
.isPartiemaster .yadcf-filter.inuse {background: #8bbef0 !important;}
.isPartiemaster .yadcf-filter.inuse.select2-container {background: transparent !important;}
.isPartiemaster .yadcf-filter.inuse .select2-choices {background: #8bbef0 !important;}
 .isPartiemaster .dataTables_wrapper .dataTables_processing.DTS_Loading {padding:0;height:50px;line-height:50px;}
 .isPartiemaster .dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}
.isPartiemaster .dataTables_wrapper .dataTables_processing {color:#333}
.isPartiemaster .dataTables_wrapper .dataTables_processing {
  height: calc(100vh - 291px);
  top: 313px;
  line-height: calc(100vh - 291px);
  padding: 0;
  overflow: hidden;
  z-index: 999999;
  width: 90vw;
  left: calc(5vw + 12px);
      border: none;
}
.isPartiemaster .camambert .ct-label {color: black;
    font-weight: bold;
    fill-opacity: 1;
    color:white;
    font-size: 12px;}
 .nav.flex-column.nav-pills.nav-justified.well {
  position:absolute;margin-left:-310px;width:300px;    border-radius: 5px;font-size:19px;
  background: #4c878b;
}
 .nav.flex-column.nav-pills.nav-justified.well a{
  color:white;
  background-color: #4c878b;
}
 .nav.flex-column.nav-pills.nav-justified.well a.active{
  color:black;
  font-weight: bold;
  background-color:#f7a901;
}
@media (max-width: 1391px) {
   .nav.flex-column.nav-pills.nav-justified.well {
      position:relative;margin-left:0;width:auto;
    }
   .nav.flex-column.nav-pills.nav-justified.well .badge {
      display:none;
    }
}
.titleX {
    background-color: #138496;
    display: inline-block;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    color:white;
    border-radius: 5px 5px 0px 0;
    border-color: #117a8b;}
.cardX {padding:10px;border:1px solid grey;border-radius: 0px 5px 5px 5px}
.tooltip {
  font-size: 14px;
  font-weight: 600;
}
.tooltip.top {
  margin-top: -11px;
  padding: 0;
}
.tooltip.top .tooltip-inner:after {
  border-top: 11px solid #FAE6A4;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  bottom: -10px;
}
.tooltip.top .tooltip-inner:before {
  border-top: 11px solid rgba(0, 0, 0, 0.2);
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  bottom: -11px;
}
.tooltip.bottom {
  margin-top: 11px;
  padding: 0;
}
.tooltip.bottom .tooltip-inner:after {
  border-bottom: 11px solid #FAE6A4;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  top: -10px;
}
.tooltip.bottom .tooltip-inner:before {
  border-bottom: 11px solid rgba(0, 0, 0, 0.2);
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  top: -11px;
}
.tooltip.left {
  margin-left: -11px;
  padding: 0;
}
.tooltip.left .tooltip-inner:after {
  border-left: 11px solid #FAE6A4;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  right: -10px;
  left: auto;
  margin-left: 0;
}
.tooltip.left .tooltip-inner:before {
  border-left: 11px solid rgba(0, 0, 0, 0.2);
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  right: -11px;
  left: auto;
  margin-left: 0;
}
.tooltip.right {
  margin-left: 11px;
  padding: 0;
}
.tooltip.right .tooltip-inner:after {
  border-right: 11px solid #FAE6A4;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  left: -10px;
  top: 0;
  margin-left: 0;
}
.tooltip.right .tooltip-inner:before {
  border-right: 11px solid rgba(0, 0, 0, 0.2);
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  left: -11px;
  top: 0;
  margin-left: 0;
}
.tooltip-arrow {
  display: none;
  opacity: 0;
}
.tooltip-inner {
  background-color: #FAE6A4;
  border-radius: 4px;
  box-shadow: 0 1px 13px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(115, 71, 38, 0.23);
  color: #734726;
  max-width: 280px;
  min-width: 90px;
  padding: 6px 10px;
  text-align: center;
  text-decoration: none;
}
.tooltip-inner:after {
  content: "";
  display: inline-block;
  left: 100%;
  margin-left: -60%;
  position: absolute;
}
.tooltip-inner:before {
  content: "";
  display: inline-block;
  left: 100%;
  margin-left: -60%;
  position: absolute;
}
  .ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
.toolBlock {float:right;}
.badInput {border:2px solid red !important;}
.card .pull-right .label {
    margin-top: 7px;
}
.label {
    padding: 3px 8px;
    border-radius: 12px;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 0.75em;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1.5em;
}
body .select2-results__option {text-align: left}
.label-bg1 {background-color:#68B3C8;}
.label-bg2 {background-color:#F3BB45;}
.label-bg3 {background-color:#EB5E28;}
.label-bg4 {background-color:#7AC29A;}
.label-bg5 {background-color:#7A9E9F;}
.label-bg6 {background-color:rgb(106, 106, 230);}
.label-bg7 {background-color:#06262f;}
.label-bg8 {background-color:#003a5a;}
.label-bg9 {background-color:#926ca0;}
.label-bg10 {background-color:#fced0d;color:black;}
.ct-label {fill: rgba(255, 255, 255, 0.6);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.9em;
  line-height: 1;
}
.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-label.ct-vertical.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}
.ct-label.ct-vertical.ct-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end;
}
.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px;
}
.ct-point {
  stroke-width: 10px;
  stroke-linecap: round;
}
.ct-line {
  fill: none;
  stroke-width: 4px;
}
.ct-area {
  stroke: none;
  fill-opacity: 0.7;
}
.ct-bar {
  fill: none;
  stroke-width: 10px;
}
.ct-slice-donut {
  fill: none;
  stroke-width: 60px;
}
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-slice-donut {
  stroke: #68B3C8;
}
.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
  fill: #68B3C8;
}
.ct-series-a .ct-bar {
  stroke: #926ca0;
}
.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  stroke: #7AC29A;
}
.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {
  fill: #7AC29A;
}
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  stroke: #7A9E9F;
}
.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {
  fill: #7A9E9F;
}
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  stroke: rgba(106, 106, 230, 0.8);
}
.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {
  fill: rgba(106, 106, 230, 0.8);
}
.ct-series-b .ct-bar {
  stroke: #fced0d;
}
.ct-series-g .ct-bar {
  stroke: rgba(6, 38, 47, 0.8);
}
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-slice-donut {
  stroke: rgba(6, 38, 47, 0.8);
}
.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
  fill: rgba(6, 38, 47, 0.8);
}
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-slice-donut {
  stroke: #F3BB45;
}
.ct-series-g .ct-slice-pie, .ct-series-g .ct-area {
  fill: #F3BB45;
}
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  stroke: rgba(0, 58, 90, 0.8);
}
.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
  fill: rgba(0, 58, 90, 0.8);
}
.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  stroke: #EB5E28;
}
.ct-series-h .ct-slice-pie, .ct-series-h .ct-area {
  fill: #EB5E28;
}
.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  stroke: rgba(235, 94, 40, 0.8);
}
.ct-series-i .ct-slice-pie, .ct-series-i .ct-area {
  fill: rgba(235, 94, 40, 0.8);
}
.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  stroke: rgba(122, 158, 159, 0.8);
}
.ct-series-j .ct-slice-pie, .ct-series-j .ct-area {
  fill: rgba(122, 158, 159, 0.8);
}
.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  stroke: rgba(104, 179, 200, 0.6);
}
.ct-series-k .ct-slice-pie, .ct-series-k .ct-area {
  fill: rgba(104, 179, 200, 0.6);
}
.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  stroke: rgba(122, 194, 154, 0.6);
}
.ct-series-l .ct-slice-pie, .ct-series-l .ct-area {
  fill: rgba(122, 194, 154, 0.6);
}
.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  stroke: rgba(243, 187, 69, 0.6);
}
.ct-series-m .ct-slice-pie, .ct-series-m .ct-area {
  fill: rgba(243, 187, 69, 0.6);
}
.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  stroke: rgba(235, 94, 40, 0.6);
}
.ct-series-n .ct-slice-pie, .ct-series-n .ct-area {
  fill: rgba(235, 94, 40, 0.6);
}
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  stroke: rgba(122, 158, 159, 0.6);
}
.ct-series-o .ct-slice-pie, .ct-series-o .ct-area {
  fill: rgba(122, 158, 159, 0.6);
}
.ct-square {
  display: block;
  position: relative;
  width: 100%;
}
.ct-square:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 100%;
}
.ct-square:after {
  content: "";
  display: table;
  clear: both;
}
.ct-square > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 93.75%;
}
.ct-minor-second:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 88.88889%;
}
.ct-major-second:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 83.33333%;
}
.ct-minor-third:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 80%;
}
.ct-major-third:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fourth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 75%;
}
.ct-perfect-fourth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-perfect-fourth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fifth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 66.66667%;
}
.ct-perfect-fifth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-perfect-fifth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 62.5%;
}
.ct-minor-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-golden-section {
  display: block;
  position: relative;
  width: 100%;
}
.ct-golden-section:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 61.8047%;
}
.ct-golden-section:after {
  content: "";
  display: table;
  clear: both;
}
.ct-golden-section > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 60%;
}
.ct-major-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 56.25%;
}
.ct-minor-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 53.33333%;
}
.ct-major-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 50%;
}
.ct-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ct-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-tenth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 40%;
}
.ct-major-tenth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-tenth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-eleventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 37.5%;
}
.ct-major-eleventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-eleventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-twelfth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 33.33333%;
}
.ct-major-twelfth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-double-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-double-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 25%;
}
.ct-double-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ct-double-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-blue {
  stroke: #7A9E9F !important;
}
.ct-azure {
  stroke: #68B3C8 !important;
}
.ct-green {
  stroke: #7AC29A !important;
}
.ct-orange {
  stroke: #F3BB45 !important;
}
.ct-red {
  stroke: #EB5E28 !important;
}
/* perfect-scrollbar v0.6.10 */
.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
  .ps-container {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important;
  }
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent;
}
.ps-container.ps-in-scrolling {
  pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #E3E3E3;
  opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #9A9A9A;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #E3E3E3;
  opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #9A9A9A;
}
.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #AAAAAA;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
}
.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  right: 3px;
  z-index: 1042;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #AAAAAA;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
}
.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #E3E3E3;
  opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #9A9A9A;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #E3E3E3;
  opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #9A9A9A;
}
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #E3E3E3;
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #9A9A9A;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #E3E3E3;
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #9A9A9A;
}
svg {
  touch-action: none;
}
.ct-label {color:black;}
.ct-outstanding .ct-slice.ct-donut {
  stroke: white;
  stroke-width: 20px !important;
}
.ct-done .ct-slice.ct-donut {
  stroke: crimson;
  stroke-width: 40px !important;
}
.ct-done .ct-label {
  text-anchor: middle;
  alignment-baseline: middle;
  font-size: 60px;
  fill: white;
}

.highlight {
    background-color: #FFFF88;
}


.allC {display:none;}
.toggle-vis {padding:3px;background:#3e104e;color:white !important;cursor: pointer;margin:2px; display: inline-block;}
.toggle-vis.hiddenC {background:#996da9;}
.ui-tooltip div {text-transform: initial;white-space: pre-wrap;text-align: left !important;}


.seg {padding:2px; background:#AAA;color:white;}
.seg i {color:red;font-weight: bold;font-style: normal;cursor: pointer}


.hasEditableField .ui-tooltip {display:none !important;}
.btnEditable {color:white !important;}
.inputEditable {width:93% !important;}
.inputEditable2 {width:83% !important;}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.isPartiemaster #main #contenu form div.bloc {
  background:#d9d9d9;
}

.isPartiemaster .header-master #menu-master a.btn-master {
    background: #F7A800;
}