.navbar-inventaire {
    background-color: #4b4b4d;
    border-color: #4b4b4d;
    color:#fff;
    height: 50px;
}

.navbar-brand-inventaire, .navbar-brand-inventaire a, .navbar-brand-inventaire .open>a:hover, .navbar-brand-inventaire .open>a:focus{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
    text-decoration: none;
    padding:5px 15px;
}

.navbar-brand-inventaire>img {
    display: inline;
    margin-right: 10px;
}
.nav>li>a.test:focus, .nav>li>a.test:hover {
  text-decoration: none;
  background-color: #4b4b4d;
}
body{
	font-family: 'Open Sans', sans-serif;
    height:100%;
    position: relative;
}


td .form-control {
  display: inline;
}
 
#wrapper{
  min-height:100%;
  position: relative;
}

.dropdown-text, .dropdown-text a{
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #eee;
    border-color: #4b4b4d;
}

.page-header {
    padding-bottom: 9px;
    margin: 10px 0 20px;
    border-bottom: 1px solid #eee;
}
.panel-body {
  padding: 10px;
}

.panel-encours {
    border: 0;
    background-color: #fff;
}

.panel-creation {
    border: 0;
    background-color: #fff;
}

.panel-encours .panel-heading,.panel-creation .panel-heading {
    border: ;
    color: #fff;
    background-color: #4b4b4d;
}

.panel-comptable {
    border: 0;
    background-color: #fff;
}

.panel-comptable .panel-heading {
    border: ;
    color: #fff;
    background-color: #4b4b4d;
}

.panel-encours a {
    color: #d9534f;
}

.panel-encours a:hover {
    color: #b52b27;
}

.date-cloture {
    max-width: 150px;
}

.production div{
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

 .production label{
    margin-top: 5px;
}  

.btn-modifier {
    color: #fff;
    background-color: #e8501f;
    border-color: #e8501f;
}

.btn-enregistrer {
    color: #fff;
    background-color: #e8501f;
    border-color: #e8501f;
}

.btn-valider {
    color: #fff;
    background-color: #f8b332;
    border-color: #f8b332;
}


  .test li:hover, .test li>a:hover, .test a:hover, .test nav>li:hover, .test nav>li>a:hover, .test nav>a:hover {
    color: #fff;
   background-color: #4b4b4d;
    margin-right: 2px;
  }


@media (min-width: 768px)
nav .nav .navbar-nav>li>a:hover {
  background-color: #4b4b4d;
}
nav .nav .navbar-nav>li>a:hover {
  background-color: #4b4b4d;
}

li.vegetaux .vegetaux,
li.bovins .bovins,
li.porcins .porcins,
li.autresdonnees .autresdonnees,
li.autresanimaux .autresanimaux{
  
    text-decoration: none;
    background-color: #4b4b4d;
    margin-right: 2px;
}
.nav>li>a:focus, .nav>li>a:hover, .nav>li>a:active {
    text-decoration: none;
    background-color: #4b4b4d;
    margin-right: 2px;
}

.active {
    text-decoration: none;
    background-color: #4b4b4d;
    margin-right: 2px;
}


.nav>li>a.active {
    text-decoration: none;
    background-color: #4b4b4d;
    margin-right: 2px;
}

.nav>li>a {
    position: relative;
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-right: 2px;
    background-color: #18a096;
    border-color: #18a096;
}

nav {
    padding: 0; margin: 0;
    text-align: center; /* centrer le texte */
}

.container-fluid-production {
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    margin-right: auto;
    margin-left: auto;
}

.categorie {
    background-color: #fff;
    padding: 0px;
}

.container-formulaire{
    padding: 15px;
}

.nav-tabs {
    border-bottom: 0px solid #ddd;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
    color: #fff;
    cursor: default;
    background-color: #4b4b4d;
    border: 0px; 
    font-size: 16px;
    font-weight: 500;
}


.nav-tabs>li>a {
    color: #fff;
    cursor: default;
    background-color: #18a096;
    border: 0px; 
    font-size: 16px;
    font-weight: 500;
}
.autres>tbody>tr>td {
  text-align: left;
  padding:  0px 10px 0px 0px;

}
.type{
    font-size: 14px;
    font-weight: 700;  
}

.table>tbody>tr>td, .table>thead>tr>th  {
    text-align: center;
}
.table>tbody>tr>td  {
    padding: 5px;
    line-height: 1.22857143;
}

.table>thead>tr>th  {
    background-color: rgba(75, 75, 77, 0.1);
}

input[type="number"] {
    width: 100px;
}

input[type="text"] {
    width: 200px;
}

input[type="date"] {
    max-width: 150px;
}

    

#header{
  position: relative;
}

.form-control {
    display: inline;
    background-color: #e8e8ee;
    background-image: none;
    border: 0px solid #e8e8ee;
    height: 30px;
    }

footer {
    background-color: #4b4b4d;
    border-color: #4b4b4d;
    color:#fff;
    height: 50px;
  width: 100%;
}
#page-wrapper{
  position :relative;
  padding-bottom: 100px;
}



.calendar{
    height: 30px;
}

.dateCloture{
    max-width: 150px;
}  

.creation {
     border-top: 0px; 
     text-align: center;
}

.menu_inventaires{
    width: 100%;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.vis {
      visibility:hidden;
}


span .anim{
    font-family: sans-serif;
    padding:0 4px 4px 4px;
}

.tuna {
  /* steps causes the animation to chunk into 2 equal pieces */
  float: left;
  background: url(http://www.pj.cerfrance22.fr/pages/images/meumeu.png) 0 0 no-repeat; 
  height: 1px;
  width: 1px;
  /*margin: 50px auto 0;*/
  animation-duration: 0.1s,0.2s,8s,0.2s,0.5s;
  animation-delay: 0.6s,0.5s,0.5s,8.2s,0.5s;
  animation-name:tailletuna,walk-cycle,avance,mange,mangeherbe; 
  animation-iteration-count:1,40,1,1,40;
  animation-fill-mode:forwards,none,forwards,forwards,none;
  animation-timing-function: linear,steps(2), linear,linear,steps(2);
  /*animation: walk-cycle 0.5s steps(2) infinite;
  animation: avance 5s linear forwards 0.3s;*/
}
@keyframes tailletuna {  
  0% {width:1px;height: 1px; } 
  100% {width:48px;height: 50px;  } /* Must be full height of sprite or skipping will happen.*/
}

@keyframes walk-cycle {  
  0% {background-position: 0 0; } 
  100% {background-position: 0 -100px; } /* Must be full height of sprite or skipping will happen.*/
}

@keyframes mangeherbe {  
  0% {background-position: 0 0; } 
  100% {background-position: 0 -100px; } /* Must be full height of sprite or skipping will happen.*/
}

@keyframes mange {  
  0% {background: url(http://www.pj.cerfrance22.fr/pages/images/meumeu.png) 0 0 no-repeat;  } 
  100% {background: url(http://www.pj.cerfrance22.fr/pages/images/mange2.png) 0 0 no-repeat; } /* Must be full height of sprite or skipping will happen.*/
}

@keyframes avance {  
  0% {margin-left: 0px; } 
  100% {margin-left: 700px; } /* Must be full height of sprite or skipping will happen.*/
}

.myclass {
       visibility: hidden;
       z-index:0;
    }
.widget {
       z-index:2;
    }
.grass{

}
.grass1 {
    position:relative;
    }
    
.tuna1 {
    position:relative;
    left:6px;
    width:700px;
    height: 48px;
    z-index:3;
    float: left;
    }

canvas {
   width:1px;
    height: 1px; 
  animation-delay: 0.2s;
  animation-name: taille; 
  animation-iteration-count:1;
  animation-fill-mode:forwards;
  animation-timing-function: linear;
}
@keyframes taille {  
  0% {width:1px;height: 1px; } 
  100% {width:48px;height: 48px;  } /* Must be full height of sprite or skipping will happen.*/
}

.totalBg{
  background-color:rgba(232, 80, 31, 0.3);
    font-size: 14px;
    font-weight: 600;
}

.total {
  text-align: center;
    font-size: 14px;
    font-weight: 600;
}

.index{
  width: 1px;
}

.index input[type="number"] {
  width: 1px;
}