@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Alegreya:700);
@import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great');

.nav-tabs{background-color: #FFFFFF !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {  color: #400010;  background-color: #fdfdff;}
.nav-tabs > li > a {  color: #dbdbea; }
.nav-tabs > li > a:hover {  color: #400010; }

.progress {  margin-bottom: 0px;}

table > tbody > tr > td,
 table > tbody > tr > th,
 table > tfoot > tr > td,
 table > tfoot > tr > th,
 table > thead > tr > td,
 table > thead > tr > th {
  padding: 2px !important;
  vertical-align: top !important;
}
.fa.fa-sort { cursor: pointer; }

.b { font-weight:900; }

.table-striped > tbody > tr> td { vertical-align:middle; }
.table-striped > tbody > tr:nth-of-type(2n)  {  background-color: #e3e3e3; }
.table-striped > tbody > tr:nth-of-type(2n+1){  background-color: #eeeeee; }
.table-striped > tbody > tr:hover { background-color: #eeeeee;
background: rgb(7,0,131);
background: linear-gradient(0deg, rgba(0,0,30,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 95%, rgba(0,0,30,1) 100%);
}
table.table-striped tbody > tr > td {
  vertical-align: middle !important;
}

.sticky-thead {
      position: fixed;
      top: 0;
      left: 0;
      width: calc(100% - 20px); /* Ajustez selon le style de votre table */
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      z-index: 1000;
    }


 .hidden {display: none;}
.bg-infos { background-color: #d93600; background-image: -webkit-linear-gradient(top,#d93600 0,#b32d00 100%);}
.bg-alertes { background-color: #ff8000; background-image: -webkit-linear-gradient(top,#ff8000 0,#b32d00 100%);}
.bg-projets {background-image: -webkit-linear-gradient(top,#b300b3 0,#660066 100%); }
.bg-documents {background-image: -webkit-linear-gradient(top,#2db300 0,#006600 100%); }
.bg-cloud {background-image: -webkit-linear-gradient(top,#7396ff 0,#0000ff 100%); }
.bg-heures {background-image: -webkit-linear-gradient(top,#b3b300 0,#d9d900 100%); }


.text-devis {color: #8a6d3b !important; -moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
a.text-devis:hover { color: #66512c !important;}
.badge-devis{background-color: #8a6d3b !important;  }

.text-factures {color: #a94442 !important; -moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
a.text-factures:hover { color: #843534 !important;}
.badge-facture, .badge-factures{background-color: #a94442 !important; }

.text-bc {color: #00e6b1 !important; -moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
a.text-bc:hover { color: #00e6b1 !important;}
.badge-bc{background-color: #00e6b1 !important; }

.text-bl {color: #0000AA !important; -moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
a.text-bl:hover { color: #0000AA !important;}
.badge-bl{background-color: #0000AA !important; }

.text-avoirs {color: #00AA00 !important; -moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
a.text-avoirs:hover { color: #843534 !important;}
.badge-avoirs{background-color: #a94442 !important; }



.text-gris {color: #cacaca; -moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
a.text-gris:hover { color: #b3b3b3;}
.bg-gris {background-color: #FFFFFF;}
a.bg-gris:hover {background-color: #FFFFFF;}
.btn-gris:hover,.btn-gris:focus,.btn-gris:active,.btn-gris.active,.open .dropdown-toggle.btn-gris 
{color: #fff; background-color: #d6d6d6; border-color: #c1c1c1;}
.btn-gris:active,.btn-gris.active,.open .dropdown-toggle.btn-gris {background-image: none;}
.btn-gris.disabled,.btn-gris[disabled],fieldset[disabled] .btn-gris,.btn-gris.disabled:hover,.btn-gris[disabled]:hover,fieldset[disabled] .btn-gris:hover, .btn-gris.disabled:focus,.btn-gris[disabled]:focus,fieldset[disabled] .btn-gris:focus, .btn-gris.disabled:active,.btn-gris[disabled]:active,fieldset[disabled] .btn-gris:active,.btn-gris.disabled.active,.btn-gris[disabled].active,fieldset[disabled] .btn-gris.active 
{background-color: #e5e5e5; border-color: #d43f3a;}
.btn-gris .badge {color: #e5e5e5;background-color: #fff;}
.label-gris {background-color: #e5e5e5; color: #000 !important;  }
.label-gris[href]:hover,.label-gris[href]:focus {background-color: #d1d1d1;}
.alert-gris {  color: #cacaca;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-gris hr {  border-top-color: #FFFFFF;}
.alert-gris .alert-link {  color: #b3b3b3;}
.panel-gris {border-color: #FFFFFF;}
.panel-gris > .panel-heading {color: #cacaca;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-gris > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-gris > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-gris {background-color: #e5e5e5;}
.badge-gris[href]:hover,.badge-gris[href]:focus {background-color: #d1d1d1;}

.text-rouge {color: #AA0000; -moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
a.text-rouge:hover { color: #AA0000;}
.bg-rouge {background-color: #ffaaaa;}
a.bg-rouge:hover {background-color: #FFFFFF;}
.btn-rouge:hover,.btn-rouge:focus,.btn-rouge:active,.btn-rouge.active,.open .dropdown-toggle.btn-rouge 
{color: #fff; background-color: #AA0000; border-color: #AA0000;}
.btn-rouge:active,.btn-rouge.active,.open .dropdown-toggle.btn-rouge {background-image: none;}
.btn-rouge.disabled,.btn-rouge[disabled],fieldset[disabled] .btn-rouge,.btn-rouge.disabled:hover,.btn-rouge[disabled]:hover,fieldset[disabled] .btn-rouge:hover, .btn-rouge.disabled:focus,.btn-rouge[disabled]:focus,fieldset[disabled] .btn-rouge:focus, .btn-rouge.disabled:active,.btn-rouge[disabled]:active,fieldset[disabled] .btn-rouge:active,.btn-rouge.disabled.active,.btn-rouge[disabled].active,fieldset[disabled] .btn-rouge.active 
{background-color: #AA0000; border-color: #d43f3a;}
.btn-rouge .badge {color: #AA0000;background-color: #fff;}
.label-rouge {background-color: #AA0000; color: #fff !important;  }
.label-rouge[href]:hover,.label-rouge[href]:focus {background-color: #AA0000;}
.alert-rouge {  color: #AA0000;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-rouge hr {  border-top-color: #FFFFFF;}
.alert-rouge .alert-link {  color: #AA0000;}
.panel-rouge {border-color: #FFFFFF;}
.panel-rouge > .panel-heading {color: #AA0000;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-rouge > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-rouge > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-rouge {background-color: #AA0000;}
.badge-rouge[href]:hover,.badge-rouge[href]:focus {background-color: #AA0000;}

.text-vert {color: #00AA00; -moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
a.text-vert:hover { color: #00AA00;}
.bg-vert {background-color: #FFFFFF;}
a.bg-vert:hover {background-color: #FFFFFF;}
.btn-vert:hover,.btn-vert:focus,.btn-vert:active,.btn-vert.active,.open .dropdown-toggle.btn-vert 
{color: #fff; background-color: #00AA00; border-color: #00AA00;}
.btn-vert:active,.btn-vert.active,.open .dropdown-toggle.btn-vert {background-image: none;}
.btn-vert.disabled,.btn-vert[disabled],fieldset[disabled] .btn-vert,.btn-vert.disabled:hover,.btn-vert[disabled]:hover,fieldset[disabled] .btn-vert:hover, .btn-vert.disabled:focus,.btn-vert[disabled]:focus,fieldset[disabled] .btn-vert:focus, .btn-vert.disabled:active,.btn-vert[disabled]:active,fieldset[disabled] .btn-vert:active,.btn-vert.disabled.active,.btn-vert[disabled].active,fieldset[disabled] .btn-vert.active 
{background-color: #00AA00; border-color: #d43f3a;}
.btn-vert .badge {color: #00AA00;background-color: #fff;}
.label-vert {background-color: #00AA00;  color: #fff !important;  }
.label-vert[href]:hover,.label-vert[href]:focus {background-color: #00AA00;}
.alert-vert {  color: #00AA00;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-vert hr {  border-top-color: #FFFFFF;}
.alert-vert .alert-link {  color: #00AA00;}
.panel-vert {border-color: #FFFFFF;}
.panel-vert > .panel-heading {color: #00AA00;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-vert > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-vert > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-vert {background-color: #00AA00;}
.badge-vert[href]:hover,.badge-vert[href]:focus {background-color: #00AA00;}

.text-bleu {color: #0000AA; -moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
a.text-bleu:hover { color: #0000AA;}
.bg-bleu {background-color: #FFFFFF;}
a.bg-bleu:hover {background-color: #FFFFFF;}
.btn-bleu:hover,.btn-bleu:focus,.btn-bleu:active,.btn-bleu.active,.open .dropdown-toggle.btn-bleu 
{color: #fff; background-color: #0000AA; border-color: #0000AA;}
.btn-bleu:active,.btn-bleu.active,.open .dropdown-toggle.btn-bleu {background-image: none;}
.btn-bleu.disabled,.btn-bleu[disabled],fieldset[disabled] .btn-bleu,.btn-bleu.disabled:hover,.btn-bleu[disabled]:hover,fieldset[disabled] .btn-bleu:hover, .btn-bleu.disabled:focus,.btn-bleu[disabled]:focus,fieldset[disabled] .btn-bleu:focus, .btn-bleu.disabled:active,.btn-bleu[disabled]:active,fieldset[disabled] .btn-bleu:active,.btn-bleu.disabled.active,.btn-bleu[disabled].active,fieldset[disabled] .btn-bleu.active 
{background-color: #0000AA; border-color: #d43f3a;}
.btn-bleu .badge {color: #0000AA;background-color: #fff;}
.label-bleu {background-color: #0000AA;  color: #fff !important;  }
.label-bleu[href]:hover,.label-bleu[href]:focus {background-color: #0000AA;}
.alert-bleu {  color: #0000AA;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-bleu hr {  border-top-color: #FFFFFF;}
.alert-bleu .alert-link {  color: #0000AA;}
.panel-bleu {border-color: #FFFFFF;}
.panel-bleu > .panel-heading {color: #0000AA;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-bleu > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-bleu > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-bleu {background-color: #0000AA;}
.badge-bleu[href]:hover,.badge-bleu[href]:focus {background-color: #0000AA;}


.text-cyan, .text-commande {color: #00e6b1; -moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
a.text-cyan:hover { color: #00e6b1;}
.bg-cyan {background-color: #00e6b1;}
a.bg-cyan:hover {background-color: #00e6b1;}
.btn-cyan:hover,.btn-cyan:focus,.btn-cyan:active,.btn-cyan.active,.open .dropdown-toggle.btn-cyan 
{color: #fff; background-color: #00e6b1; border-color: #00cece;}
.btn-cyan:active,.btn-cyan.active,.open .dropdown-toggle.btn-cyan {background-image: none;}
.btn-cyan.disabled,.btn-cyan[disabled],fieldset[disabled] .btn-cyan,.btn-cyan.disabled:hover,.btn-cyan[disabled]:hover,fieldset[disabled] .btn-cyan:hover, .btn-cyan.disabled:focus,.btn-cyan[disabled]:focus,fieldset[disabled] .btn-cyan:focus, .btn-cyan.disabled:active,.btn-cyan[disabled]:active,fieldset[disabled] .btn-cyan:active,.btn-cyan.disabled.active,.btn-cyan[disabled].active,fieldset[disabled] .btn-cyan.active 
{background-color: #c0c0c0; border-color: #ffffff;}
.btn-cyan .badge {color: #ffffff;background-color: #00e6b1;}
.label-cyan {background-color: #00e6b1;  color: #000 !important;  }
.label-cyan[href]:hover,.label-cyan[href]:focus {background-color: #00d2d2;}
.alert-cyan {  color: #ffffff;  background-color: #ffff00;  border-color: #ffffff;}
.alert-cyan hr {  border-top-color: #00aeae;}
.alert-cyan .alert-link {  color: #00ffff;}
.panel-cyan {border-color: #bbbb00;}
.panel-cyan > .panel-heading {color: #848400;  background-color: #ffffa6; border-color: #00aeae;}
.panel-cyan > .panel-heading + .panel-collapse .panel-body {border-top-color: #00aeae;}
.panel-cyan > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #00aeae;}
.badge-cyan {background-color: #00e6b1;}
.badge-cyan[href]:hover,.badge-cyan[href]:focus {background-color: #00d2d2;}

.text-jaune, .text-produit {color: #d2d200; -moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
a.text-jaune:hover { color: #d2d200;}
.bg-jaune {background-color: #ffffb3;}
a.bg-jaune:hover {background-color: #bfbf00;}
.btn-jaune:hover,.btn-jaune:focus,.btn-jaune:active,.btn-jaune.active,.open .dropdown-toggle.btn-jaune 
{color: #fff; background-color: #0000AA; border-color: #e8e800;}
.btn-jaune:active,.btn-jaune.active,.open .dropdown-toggle.btn-jaune {background-image: none;}
.btn-jaune.disabled,.btn-jaune[disabled],fieldset[disabled] .btn-jaune,.btn-jaune.disabled:hover,.btn-jaune[disabled]:hover,fieldset[disabled] .btn-jaune:hover, .btn-jaune.disabled:focus,.btn-jaune[disabled]:focus,fieldset[disabled] .btn-jaune:focus, .btn-jaune.disabled:active,.btn-jaune[disabled]:active,fieldset[disabled] .btn-jaune:active,.btn-jaune.disabled.active,.btn-jaune[disabled].active,fieldset[disabled] .btn-jaune.active 
{background-color: #c0c0c0; border-color: #ffffff;}
.btn-jaune .badge {color: #ffffff;background-color: #c4c400;}
.label-jaune {background-color: #c4c400;  color: #000 !important;  }
.label-jaune[href]:hover,.label-jaune[href]:focus {background-color: #c4c400;}
.alert-jaune {  color: #ffffff;  background-color: #c4c400;  border-color: #ffffff;}
.alert-jaune hr {  border-top-color: #ffff00;}
.alert-jaune .alert-link {  color: #ffff00;}
.panel-jaune {border-color: #bbbb00;}
.panel-jaune > .panel-heading {color: #848400;  background-color: #c4c400; border-color: #ffffff;}
.panel-jaune > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-jaune > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-jaune {background-color: #c4c400;}
.badge-jaune[href]:hover,.badge-jaune[href]:focus {background-color: #c4c400;}


.text-violet, .text-fournisseur {color: #9900AA; -moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
a.text-violet:hover { color: #9900AA;}
.bg-violet {background-color: #facaff;}
a.bg-violet:hover {background-color: #facaff;}
.btn-violet:hover,.btn-violet:focus,.btn-violet:active,.btn-violet.active,.open .dropdown-toggle.btn-violet 
{color: #fff; background-color: #9900AA; border-color: #9900AA;}
.btn-violet:active,.btn-violet.active,.open .dropdown-toggle.btn-violet {background-image: none;}
.btn-violet.disabled,.btn-violet[disabled],fieldset[disabled] .btn-violet,.btn-violet.disabled:hover,.btn-violet[disabled]:hover,fieldset[disabled] .btn-violet:hover, .btn-violet.disabled:focus,.btn-violet[disabled]:focus,fieldset[disabled] .btn-violet:focus, .btn-violet.disabled:active,.btn-violet[disabled]:active,fieldset[disabled] .btn-violet:active,.btn-violet.disabled.active,.btn-violet[disabled].active,fieldset[disabled] .btn-violet.active 
{background-color: #9900AA; border-color: #808080;}
.btn-violet .badge {color: #9900AA;background-color: #fff;}
.label-violet {background-color: #9900AA;  color: #fff !important;  }
.label-violet[href]:hover,.label-violet[href]:focus {background-color: #9900AA;}
.alert-violet {  color: #9900AA;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-violet hr {  border-top-color: #FFFFFF;}
.alert-violet .alert-link {  color: #9900AA;}
.panel-violet {border-color: #FFFFFF;}
.panel-violet > .panel-heading {color: #9900AA;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-violet > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-violet > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-violet {background-color: #9900AA;}
.badge-violet[href]:hover,.badge-violet[href]:focus {background-color: #9900AA;}


.text-orange, .text-fournisseur {color: #ff8040; -moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
a.text-orange:hover { color: #ff8040;}
.bg-orange {background-color: #ffca95;}
a.bg-orange:hover {background-color: #ffca95;}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active,.btn-orange.active,.open .dropdown-toggle.btn-orange 
{color: #fff; background-color: #ff8040; border-color: #ff8040;}
.btn-orange:active,.btn-orange.active,.open .dropdown-toggle.btn-orange {background-image: none;}
.btn-orange.disabled,.btn-orange[disabled],fieldset[disabled] .btn-orange,.btn-orange.disabled:hover,.btn-orange[disabled]:hover,fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus,.btn-orange[disabled]:focus,fieldset[disabled] .btn-orange:focus, .btn-orange.disabled:active,.btn-orange[disabled]:active,fieldset[disabled] .btn-orange:active,.btn-orange.disabled.active,.btn-orange[disabled].active,fieldset[disabled] .btn-orange.active 
{background-color: #ff8040; border-color: #808080;}
.btn-orange .badge {color: #ff8040;background-color: #fff;}
.label-orange {background-color: #ff8040; color: #fff !important;  }
.label-orange[href]:hover,.label-orange[href]:focus {background-color: #ff8040;}
.alert-orange {  color: #ff8040;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-orange hr {  border-top-color: #FFFFFF;}
.alert-orange .alert-link {  color: #ff8040;}
.panel-orange {border-color: #FFFFFF;}
.panel-orange > .panel-heading {color: #ff8040;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-orange > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-orange > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-orange {background-color: #ff8040;}
.badge-orange[href]:hover,.badge-orange[href]:focus {background-color: #ff8040;}



.tox-statusbar__branding{display:none !important}
.montitre{font-family: 'Fredericka the Great', cursive;color:blue;}
 .panel-body:first-child {color:black;}
.spoil { color:transparent; border-bottom:1px dotted #a00 }
.spoil:hover { color:#000000; border:0px dotted #a00; cursor:hand  }
.fright{float:right}
.form_date .input-group-addon:hover, table .day:hover, table .prev:hover, table .next:hover{cursor:pointer; }
.transparent { opacity: 0.3 !important; -moz-opacity:0.3 !important; -ms-filter: "alpha(opacity=30)"; filter: alpha(opaciy=30) !important; }
.survole{cursor:pointer}
.tab-content > .tab-pane { background-color: #FFFFFF !important; padding-top:30px; padding-bottom: 40px;}



.hover_pin{cursor:pointer;  transition: transform 1s; opacity: 0.8 }
.hover_pin:hover circle{  opacity: 1; stroke:#000; stroke-width:8 }


.fleur .tooltip2 {
   visibility: hidden
}

.fleur .rectip2{
   visibility: hidden
}

.fleur:hover .tooltip2, .fleur:hover .rectip2 {
  visibility: visible;
  position: absolute;
 }

.fleur:hover:after .tooltip2{
 position: relative;
 left: 0;
 top: 100%;
 white-space: nowrap;
}

.fleur text {
 fill: black;
 font-size: 50px;
 font-family: sans-serif; 
}

.fleur .tooltip2 rect {
 fill: yellow;
 stroke: blue;
}



.badge-rouge {color: #fff; background-color: #AA0000;}
.badge-vert {color: #fff; background-color: #3c763d;}
.badge-danger {color: #fff; background-color: #a94442;}
.badge-warning {color: #fff; background-color: #8a6d3b;}
.badge-info {color: #fff; background-color: #31708f;}
.badge-success {color: #fff; background-color: #00aa00;}
.badge-bleu {color: #fff; background-color: #0000aa;}
.badge-violet {color: #fff; background-color: #660066;}
.btn input{color:#000 }

 .progress-black .progress-bar{font-size: 10px !important;   color:#ffffff;   line-height: 16px;}
.progress-black  {
	line-height: 16px;
  height: 16px;
  margin-bottom: 3px;

  background-color: #999999;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  background-image: linear-gradient(to bottom,#aaaaaa 0,#cccccc 100%);
}
.progress-black  div span {
  margin-left: 3px;
}


.sticky {
  background: white;
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.8);
}


.row-fluid {
    margin-right: -2px;
    margin-left: -2px;

}

.panel-default{ border-color:#00818C;  }
.panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top,#ff8000 0,#b32d00 100%);
    color: #ffffff;
    background-color: #ff8000;
}

.panel-violet{ border-color:#660066;  }
.panel-violet > .panel-heading {
    background-image: -webkit-linear-gradient(top,#b300b3 0,#660066 100%);
    color: #ffffff;
    background-color: #b300b3;
}

.panel-danger{ border-color: #c12e2a; }
.panel-danger > .panel-heading {
    background-image: -webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    color: #ffffff;
    background-color: #d9534f;
}

.panel-warning{ border-color: #eb9316; }
.panel-warning > .panel-heading {
    background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    color: #ffffff;
    background-color: #f0ad4e;
}




.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #fff !important;
}

.row-fluid button,.row-fluid input,.row-fluid select,.row-fluid textarea {
    line-height: normal;
}

.row-fluid select{
padding:2px
}
.row-fluid .col-lg-1, .row-fluid .col-lg-10, .row-fluid .col-lg-11, .row-fluid .col-lg-12, .row-fluid .col-lg-2, .row-fluid .col-lg-3, .row-fluid .col-lg-4, .row-fluid .col-lg-5, .row-fluid .col-lg-6, .row-fluid .col-lg-7, .row-fluid .col-lg-8, .row-fluid .col-lg-9, .row-fluid .col-md-1, .row-fluid .col-md-10, .row-fluid .col-md-11, .row-fluid .col-md-12, .row-fluid .col-md-2, .row-fluid .col-md-3, .row-fluid .col-md-4, .row-fluid  .col-md-5, .row-fluid  .col-md-6, .row-fluid  .col-md-7, .row-fluid  .col-md-8, .row-fluid  .col-md-9, .row-fluid  .col-sm-1, .row-fluid  .col-sm-10, .row-fluid  .col-sm-11, .row-fluid  .col-sm-12, .row-fluid  .col-sm-2, .row-fluid  .col-sm-3, .row-fluid  .col-sm-4, .row-fluid  .col-sm-5, .row-fluid  .col-sm-6, .row-fluid  .col-sm-7, .row-fluid  .col-sm-8, .row-fluid  .col-sm-9, .row-fluid  .col-xs-1,
.row-fluid .col-xs-10, .row-fluid .col-xs-11, .row-fluid .col-xs-12, .row-fluid .col-xs-2, .row-fluid .col-xs-3, .row-fluid .col-xs-4, .row-fluid .col-xs-5, .row-fluid .col-xs-6, .row-fluid .col-xs-7, .row-fluid .col-xs-8, .row-fluid .col-xs-9 {
    padding-right: 2px;
    padding-left: 2px;
}


.etat-chrono-0, .etat-chrono-0 a {color: #d90000; font-weight:900}
.etat-chrono-1, .etat-chrono-1 a {color: #b30086; font-weight:900}
.etat-chrono-2, .etat-chrono-2 a {color: #ff8000; font-weight:900}
.etat-chrono-3, .etat-chrono-3 a {color: #0040ff; font-weight:900}
.etat-chrono-4, .etat-chrono-4 a {color: #008c00; font-weight:900}
.etat-chrono-5, .etat-chrono-5 a {color: #b3b300; font-weight:900}
.etat-chrono-6, .etat-chrono-6 a {color: #00b300; font-weight:900}



.type-chrono-0, .type-chrono-0 a {color: #d90000; font-weight:900}
.type-chrono-1, .type-chrono-1 a {color: #b30086; font-weight:900}
.type-chrono-2, .type-chrono-2 a {color: #0040ff; font-weight:900}
.type-chrono-3, .type-chrono-3 a {color: #ff8000; font-weight:900}
.type-chrono-4, .type-chrono-4 a {color: #800000; font-weight:900}
.type-chrono-5, .type-chrono-5 a {color: #b3b300; font-weight:900}
.type-chrono-6, .type-chrono-6 a {color: #00b300; font-weight:900}
.type-chrono-7, .type-chrono-7 a {color: #aa4400; font-weight:900}
.type-chrono-8, .type-chrono-8 a {color: #aa8800; font-weight:900}
.type-chrono-9, .type-chrono-9 a {color: #aa0044; font-weight:900}
.type-chrono-10, .type-chrono-10 a {color: #aa0088; font-weight:900}


.bg-etat-chrono-0 {background-color: #ffffff;color: #000000;}
.bg-etat-chrono-1 {background-color: #b30086;color: #ffffff;}
.bg-etat-chrono-2 {background-color: #0040ff;color: #ffffff;}
.bg-etat-chrono-3 {background-color: #d96c00;color: #ffffff;}
.bg-etat-chrono-4 {background-color: #800000;color: #ffffff;}
.bg-etat-chrono-5 {background-color: #8c8c00;color: #ffffff;}
.bg-etat-chrono-6 {background-color: #008c00;color: #ffffff;}
.bg-etat-chrono-7 {background-color: #aa4400;color: #ffffff;}
.bg-etat-chrono-8 {background-color: #8c6900;color: #ffffff;}
.bg-etat-chrono-9 {background-color: #aa0044;color: #ffffff;}
.bg-etat-chrono-10 {background-color: #aa0088;color: #ffffff;}






.etat-projet-0, .etat-projet-0 a {color: #d90000; font-weight:900}
.etat-projet-1, .etat-projet-1 a {color: #d9d900; font-weight:900}
.etat-projet-2, .etat-projet-2 a {color: #ff8000; font-weight:900}
.etat-projet-3, .etat-projet-3 a {color: #d900d9; font-weight:900}
.etat-projet-4, .etat-projet-4 a {color: #4d4cff; font-weight:900}
.etat-projet-5, .etat-projet-5 a {color: #00b300; font-weight:900}
.etat-projet-6, .etat-projet-6 a {color: #d90000; font-weight:900}

.bg-etat-projet-0 {background-color: #ffffff;color: #000000;}
.bg-etat-projet-1 {background-color: #d9d900;color: #000000;}
.bg-etat-projet-2 {background-color: #ff8000;color: #ffffff;}
.bg-etat-projet-3 {background-color: #d900d9;color: #ffffff;}
.bg-etat-projet-4 {background-color: #4d4cff;color: #ffffff;}
.bg-etat-projet-5 {background-color: #00b300;color: #ffffff;}
.bg-etat-projet-6 {background-color: #d90000;color: #ffffff;}
















.etat-droit-0, .etat-droit-0 a {color: #000000; font-weight:900}
.etat-droit-1, .etat-droit-1 a {color: #aa0000; font-weight:900}
.etat-droit-2, .etat-droit-2 a {color: #f40000; font-weight:900}
.etat-droit-3, .etat-droit-3 a {color: #ff8040; font-weight:900}
.etat-droit-4, .etat-droit-4 a {color: #009500; font-weight:900}
.etat-droit-5, .etat-droit-5 a {color: #0080ff; font-weight:900}
.etat-droit-7, .etat-droit-7 a {color: #ff0000; font-weight:900}

.bg-etat-droit-0 {background-color: #ffffff;color: #000000;}
.bg-etat-droit-1 {background-color: #aa0000;color: #ffffff;}
.bg-etat-droit-2 {background-color: #f40000;color: #ffffff;}
.bg-etat-droit-3 {background-color: #ff8040;color: #ffffff;}
.bg-etat-droit-4 {background-color: #009500;color: #ffffff;}
.bg-etat-droit-5 {background-color: #0080ff;color: #ffffff;}
.bg-etat-droit-5 {background-color: #ff0000;color: #ffffff;}




.datetimepicker .today,.datetimepicker .day ,.datetimepicker .switch,.datetimepicker .prev,.datetimepicker .next,.datetimepicker .month,.datetimepicker .year, .heure .cell {text-align:center;}
.datetimepicker .month, .datetimepicker .year {padding:4px}
.datetimepicker .today:hover, .datetimepicker .day:hover , .datetimepicker .prev:hover,.datetimepicker  .next:hover,.datetimepicker  .switch:hover, .datetimepicker .month:hover, .datetimepicker .year:hover,
.heure .cell:hover  {background-color:#ddd;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;cursor:pointer;color:#000;}
.datetimepicker .day.active {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;cursor:pointer;color:#fff;background-color: #428bca;border-color: #357ebd;}
.datetimepicker .day.active:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e;} 
.datetimepicker .day.old {color:#aaa;}
.heure .cell { color:000; }

 
.img-responsive { margin: 0 auto;}
.text-gris {color: #cacaca;}
a.text-gris:hover { color: #b3b3b3;}
.bg-gris {background-color: #CCCCCC;}
a.bg-gris:hover {background-color: #FFFFFF;}
.btn-gris:hover,.btn-gris:focus,.btn-gris:active,.btn-gris.active,.open .dropdown-toggle.btn-gris 
{color: #fff; background-color: #d6d6d6; border-color: #c1c1c1;}
.btn-gris:active,.btn-gris.active,.open .dropdown-toggle.btn-gris {background-image: none;}
.btn-gris.disabled,.btn-gris[disabled],fieldset[disabled] .btn-gris,.btn-gris.disabled:hover,.btn-gris[disabled]:hover,fieldset[disabled] .btn-gris:hover, .btn-gris.disabled:focus,.btn-gris[disabled]:focus,fieldset[disabled] .btn-gris:focus, .btn-gris.disabled:active,.btn-gris[disabled]:active,fieldset[disabled] .btn-gris:active,.btn-gris.disabled.active,.btn-gris[disabled].active,fieldset[disabled] .btn-gris.active 
{background-color: #e5e5e5; border-color: #d43f3a;}
.btn-gris .badge {color: #e5e5e5;background-color: #fff;}
.label-gris {background-color: #e5e5e5;}
.label-gris[href]:hover,.label-gris[href]:focus {background-color: #d1d1d1;}
.alert-gris {  color: #cacaca;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-gris hr {  border-top-color: #FFFFFF;}
.alert-gris .alert-link {  color: #b3b3b3;}
.panel-gris {border-color:black;}
.panel-gris > .panel-heading {color: #cacaca;  background-color: black; border-color: #FFFFFF;}
.panel-gris > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-gris > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}

.text-rouge {color: #AA0000;}
a.text-rouge:hover { color: #AA0000;}
.bg-rouge {background-color: #ffaaaa;}
a.bg-rouge:hover {background-color: #FFFFFF;}
.btn-rouge:hover,.btn-rouge:focus,.btn-rouge:active,.btn-rouge.active,.open .dropdown-toggle.btn-rouge 
{color: #fff; background-color: #AA0000; border-color: #AA0000;}
.btn-rouge:active,.btn-rouge.active,.open .dropdown-toggle.btn-rouge {background-image: none;}
.btn-rouge.disabled,.btn-rouge[disabled],fieldset[disabled] .btn-rouge,.btn-rouge.disabled:hover,.btn-rouge[disabled]:hover,fieldset[disabled] .btn-rouge:hover, .btn-rouge.disabled:focus,.btn-rouge[disabled]:focus,fieldset[disabled] .btn-rouge:focus, .btn-rouge.disabled:active,.btn-rouge[disabled]:active,fieldset[disabled] .btn-rouge:active,.btn-rouge.disabled.active,.btn-rouge[disabled].active,fieldset[disabled] .btn-rouge.active 
{background-color: #AA0000; border-color: #d43f3a;}
.btn-rouge .badge {color: #AA0000;background-color: #fff;}
.label-rouge {background-color: #AA0000;}
.label-rouge[href]:hover,.label-rouge[href]:focus {background-color: #AA0000;}
.alert-rouge {  color: #AA0000;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-rouge hr {  border-top-color: #FFFFFF;}
.alert-rouge .alert-link {  color: #AA0000;}
.panel-rouge {border-color: #FFFFFF;}
.panel-rouge > .panel-heading {color: #AA0000;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-rouge > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-rouge > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}

.text-vert {color: #00AA00;}
a.text-vert:hover { color: #00AA00;}
.bg-vert {background-color: #FFFFFF;}
a.bg-vert:hover {background-color: #FFFFFF;}
.btn-vert {  color: #000;  background-color: #6aff6a;  border-color: #00aa00;}
.btn-vert:hover,.btn-vert:focus,.btn-vert:active,.btn-vert.active,.open .dropdown-toggle.btn-vert 
{color: #fff; background-color: #00AA00; border-color: #00AA00;}
.btn-vert:active,.btn-vert.active,.open .dropdown-toggle.btn-vert {background-image: none;}
.btn-vert.disabled,.btn-vert[disabled],fieldset[disabled] .btn-vert,.btn-vert.disabled:hover,.btn-vert[disabled]:hover,fieldset[disabled] .btn-vert:hover, .btn-vert.disabled:focus,.btn-vert[disabled]:focus,fieldset[disabled] .btn-vert:focus, .btn-vert.disabled:active,.btn-vert[disabled]:active,fieldset[disabled] .btn-vert:active,.btn-vert.disabled.active,.btn-vert[disabled].active,fieldset[disabled] .btn-vert.active 
{background-color: #00AA00; border-color: #d43f3a;}
.btn-vert .badge {color: #00AA00;background-color: #fff;}
.label-vert {background-color: #00AA00;}
.label-vert[href]:hover,.label-vert[href]:focus {background-color: #00AA00;}
.alert-vert {  color: #00AA00;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-vert hr {  border-top-color: #FFFFFF;}
.alert-vert .alert-link {  color: #00AA00;}
.panel-vert {border-color: #FFFFFF;}
.panel-vert > .panel-heading {color: #00AA00;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-vert > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-vert > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}




.text-bleu {color: #0000AA;}
a.text-bleu:hover { color: #0000AA;}
.bg-bleu {background-color: #FFFFFF;}
a.bg-bleu:hover {background-color: #FFFFFF;}
.btn-bleu {  color: #ffffff;  background-color: #3737ff;  border-color: #0000AA;}
.btn-bleu:hover,.btn-bleu:focus,.btn-bleu:active,.btn-bleu.active,.open .dropdown-toggle.btn-bleu 
{color: #fff; background-color: #0000AA; border-color: #0000AA;}
.btn-bleu:active,.btn-bleu.active,.open .dropdown-toggle.btn-bleu {background-image: none;}
.btn-bleu.disabled,.btn-bleu[disabled],fieldset[disabled] .btn-bleu,.btn-bleu.disabled:hover,.btn-bleu[disabled]:hover,fieldset[disabled] .btn-bleu:hover, .btn-bleu.disabled:focus,.btn-bleu[disabled]:focus,fieldset[disabled] .btn-bleu:focus, .btn-bleu.disabled:active,.btn-bleu[disabled]:active,fieldset[disabled] .btn-bleu:active,.btn-bleu.disabled.active,.btn-bleu[disabled].active,fieldset[disabled] .btn-bleu.active 
{background-color: #0000AA; border-color: #d43f3a;}
.btn-bleu .badge {color: #0000AA;background-color: #fff;}
.label-bleu {background-color: #0000AA;}
.label-bleu[href]:hover,.label-bleu[href]:focus {background-color: #0000AA;}
.alert-bleu {  color: #0000AA;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-bleu hr {  border-top-color: #FFFFFF;}
.alert-bleu .alert-link {  color: #0000AA;}
.panel-bleu {border-color: #FFFFFF;}
.panel-bleu > .panel-heading {color: #0000AA;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-bleu > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-bleu > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}



.text-violet {color: #660066;}
a.text-violet:hover { color: #660066;}
.bg-violet {background-color: #FFFFFF;}
a.bg-violet:hover {background-color: #FFFFFF;}
.btn-violet {  color: #ffffff;  background-color: #b300b3;  border-color: #660066;}
.btn-violet:hover,.btn-violet:focus,.btn-violet:active,.btn-violet.active,.open .dropdown-toggle.btn-violet 
{color: #fff; background-color: #660066; border-color: #660066;}
.btn-violet:active,.btn-violet.active,.open .dropdown-toggle.btn-violet {background-image: none;}
.btn-violet.disabled,.btn-violet[disabled],fieldset[disabled] .btn-violet,.btn-violet.disabled:hover,.btn-violet[disabled]:hover,fieldset[disabled] .btn-violet:hover, .btn-violet.disabled:focus,.btn-violet[disabled]:focus,fieldset[disabled] .btn-violet:focus, .btn-violet.disabled:active,.btn-violet[disabled]:active,fieldset[disabled] .btn-violet:active,.btn-violet.disabled.active,.btn-violet[disabled].active,fieldset[disabled] .btn-violet.active 
{background-color: #660066; border-color: #d43f3a;}
.btn-violet .badge {color: #660066;background-color: #fff;}
.label-violet {background-color: #660066;}
.label-violet[href]:hover,.label-violet[href]:focus {background-color: #660066;}
.alert-violet {  color: #660066;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-violet hr {  border-top-color: #FFFFFF;}
.alert-violet .alert-link {  color: #660066;}
.panel-violet {border-color: #FFFFFF;}
.panel-violet > .panel-heading {color: #ffffff;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-violet > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-violet > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}



.marbot{margin-bottom:15px }
.martop{margin-top:15px }
.padbot{padding-bottom:15px }
.padtop{padding-top:13px }
.padtop1{padding-top:7px }
.padtb{padding-top:5px; padding-bottom:5px }
.martb{margin-top:5px; margin-bottom:5px }
.marh{margin-left:5px; margin-right:5px }

.gradients1 {display:inline-block;color:#ffffff; font-size:18px; height:25px; background-image: -webkit-linear-gradient(top, #383e3a 0%, #2f292d 100%);background-image:    -moz-linear-gradient(top, #383e3a 0%, #2f292d 100%);background-image:     -ms-linear-gradient(top, #383e3a 0%, #2f292d 100%);background-image:      -o-linear-gradient(top, #383e3a 0%, #2f292d 100%);background-image:         linear-gradient(top, #383e3a 0%, #2f292d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#383e3a',endColorstr='#2f292d', GradientType=0);}
.gradients2 {display:inline-block;color:#ffffff; font-size:18px; height:25px; background-image: -webkit-linear-gradient(top, #bf185e 0%, #f349d6 100%);background-image:    -moz-linear-gradient(top, #bf185e 0%, #f349d6 100%);background-image:     -ms-linear-gradient(top, #bf185e 0%, #f349d6 100%);background-image:      -o-linear-gradient(top, #bf185e 0%, #f349d6 100%);background-image:         linear-gradient(top, #bf185e 0%, #f349d6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf185e',endColorstr='#01ca00', GradientType=0);}

.blink {animation-name: blink;animation-duration: 1s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes blink {0% {opacity: 1;}80% {opacity: 1;}81% {opacity: 0.5;}100% {opacity: 0;}}
.blink2 {animation-name: blink2;animation-duration: 0.5s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes blink2 {0% {opacity: 1;}80% {opacity: 1;}81% {opacity: 0;}100% {opacity: 0;}}
.shake  {animation-name: shake;animation-duration: 1s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes shake  {from {transform: translateX(0);}to   {transform: translateX(-10px);}}
.shake2  {animation-name: shake2;animation-duration: 1s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes shake2  {from {transform: translateY(0);}to   {transform: translateY(-10px);}}
.rotation  {animation-name: rotation;animation-duration: 8s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes rotation  {from {transform: rotateY(0deg);}40% {transform: rotateY(0deg);}80%   {transform: rotateY(360deg);}to   {transform: rotateY(360deg);}}
.rgb  {animation-name: rgb;animation-duration: 2s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes rgb{ from { color:blue; } 35%  { color:green; } to   { color:red; }}



@media (max-width: 767px) {  .text-center-xs {  text-align: center;  }    .titre_des_chrono .btn.btn-danger { width:160px;   } .titre_des_chrono .btn.btn-warning { width:100px;   }       }
@media (min-width: 768px) and (max-width: 991px) {.text-center-xs {  text-align: auto;  } .titre_des_chrono .btn.btn-danger { width:200px;   } .titre_des_chrono .btn.btn-warning { width:120px;   }     }
@media (min-width: 992px) and (max-width: 1199px) {.text-center-xs {  text-align: auto;  } .titre_des_chrono .btn.btn-danger { width:240px;   } .titre_des_chrono .btn.btn-warning { width:140px;   }     }
@media (min-width: 1200px) {.text-center-xs {  text-align: auto;  }  .titre_des_chrono .btn.btn-danger { width:240px;   } .titre_des_chrono .btn.btn-warning { width:160px;   }    } 
.list-group-item{ background-color: transparent;border: 0px solid #ddd;margin-bottom: 0px;padding-bottom:5px;}
.list-group{margin-bottom: 0px;border-radius: 0px;box-shadow: none;}