@CHARSET "UTF-8";
.txt-color-green
{
    color:#89AD45 !important;
}
.txt-color-red
{
    color:#CF4762 !important;
}

.largeModal
{
    width:98%;
}
.classTrPair
{
    background-color:#f4f6f6 ;
}
.classTrImpair
{
    background-color:white;    
}
.classTrImpair:hover,.classTrPair:hover
{
    background-color:#85c1e9 ;
}
.curseurDetail
{
    cursor:nesw-resize;    
}
  
.headerBleu{
	background-image:none;
	background: #0099CC !important; /* Old browsers */
border-top:1px solid #0099CC;
border-bottom:1px solid #0099CC;
}

.headerVert{
	background-image:none;
	background: #4B8A08 !important; /* Old browsers */
border-top:1px solid #4B8A08;
border-bottom:1px solid #4B8A08;	
}
.displayNone{
    display: none;
}

.trLeft  tr th{
    text-align: left !important;
}

.datepicker {
    z-index: 1200 !important;
}
.divNotifications
{
    float: left;
    background-color: #FFF;
    min-height: 300px;
    min-width: 260px;
    margin: 10px !important;
    padding-left: 30px !important;
    padding-bottom: 20px !important;

}
.divNotificationMessage
{
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    width: 260px;
    margin: 10px !important;
    padding: 30px !important;

}


.divNotificationsTous
{
    float: left;
    background-color: #005599;
    color: white;
    min-height: 900px;
    min-width: 260px;
    margin: 10px !important;
    padding-left: 30px !important;

}

.divNotificationsTous .fauxLien
{

  color: #EEAA55;
  cursor: pointer;
}

.fauxLien{
  color: #a00;
  cursor: pointer;
}

.curseur-main{
  cursor: pointer;
}

.curseurdeplacer{

  cursor:grab ;
}

.curseurViseur{
  cursor: crosshair;
}
.curseur-interdit{
  cursor: not-allowed;
}
.fauxLien:hover, .fauxLien:focus{
  /*font-weight: bold;*/
    text-decoration: underline;
}
.ui-datepicker{
    z-index: 1060 !important;
}

div#body{
/*
    margin: 50px;
    padding: 50px;
    border: 1px;
    background-color: #234653;
     -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;*/
}
.clair{

    color: #eeeeee;
}

/*on utilise plus car c est pénible !!*/
.logoBACK {
    float:left;
    margin-right: 40px;
    height: 40px;

    animation-name: AnimationAllonge;
    animation-duration: 2s;
    animation-timing-function:linear;
    animation-direction:alternate;
    animation-iteration-count: 1;

  animation-name: AnimationAllonge; -webkit-animation-name: AnimationAllonge;
   -moz-animation-name: AnimationAllonge; -o-animation-name: AnimationAllonge;

   animation-duration: 2s; -webkit-animation-duration: 2s;
   -moz-animation-duration: 2s; -o-animation-duration: 2s;

   animation-timing-function:linear; -webkit-animation-timing-function:linear;
   -moz-animation-timing-function:linear; -o-animation-timing-function:linear;

   animation-direction:alternate; -webkit-animation-direction:alternate;
   -moz-animation-direction:alternate; -o-animation-direction:alternate;

   animation-iteration-count: 1; -webkit-animation-iteration-count: 1;
   -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1;
}

@keyframes AnimationAllonge {
   0% {
        margin-left: 50px;
     }
   20% {
        margin-left: 100px;
   }
   40% {
        margin-left: 50px;
   }
   60% {
        margin-left: 100px;
   }
   80% {
        margin-left: 50px;
        opacity:1;
   }
   100% {
        margin-left: 1000px;
        opacity:0.1;
   }

}
@-webkit-keyframes AnimationAllonge {
   0% {
        margin-left: 50px;
     }
   20% {
        margin-left: 100px;
   }
   40% {
        margin-left: 50px;
   }
   60% {
        margin-left: 100px;
   }
   80% {
        margin-left: 50px;
        opacity:1;
   }
   100% {
        margin-left: 1000px;
        opacity:0.1;
   }
   }
@-moz-keyframes AnimationAllonge {
   0% {
        margin-left: 50px;
     }
   20% {
        margin-left: 100px;
   }
   40% {
        margin-left: 50px;
   }
   60% {
        margin-left: 100px;
   }
   80% {
        margin-left: 50px;
        opacity:1;
   }
   100% {
        margin-left: 1000px;
        opacity:0.1;
   }
   }
@-o-keyframes AnimationAllonge {
   0% {
        margin-left: 50px;
     }
   20% {
        margin-left: 100px;
   }
   40% {
        margin-left: 50px;
   }
   60% {
        margin-left: 100px;
   }
   80% {
        margin-left: 50px;
        opacity:1;
   }
   100% {
        margin-left: 1000px;
        opacity:0.1;
   }
   }



.cadreFlottant{


    float: left;
    background-color: #eeeeee;
    margin: 15px;
    padding: 15px;
    border-width:1px;
    border-style: groove;
    border-color:black;
    height:300px;
    overflow: auto;
}
.cadreFlottantRond{


    float: left;
    background-color: #eeeeee;
    margin: 15px;
    padding: 15px;
    border-width:1px;
    border-style: groove;
    border-color:black;
    height:300px;
    overflow: auto;
    border-radius: 40px;
}

/*html {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}*/


div#userConnecte{
    color:blue;
    float:right;
    margin-right:20px;
}
div#btnmibew{
    float:right;
    margin-right:20px;
}
div#body a {

/*    color:#ffc40d;
    text-decoration: none;*/
}
div#test{

    font-size:2em;
    line-height: 2em;
    margin: 50px;
    padding: 50px;
    border: 1px;
    background-color:#eedc94;
}
.backGOrange{

    background:none !important;
    /*background-color:#FFF2C9 !important;*/
    background-color:#9FD8FF !important;
    
}
.backGOrange>a,.backGOrange>span{

    color:#555 !important;
}

.backGVert{

    background-color:#EEEEFF !important;
}

.backBlack{

    background-color:#000000;
}
.backGris{

    background-color:#EEEEEE;
}


.circulation
{
  color:green;
}

.tdNombre
{
    text-align: right;
    white-space: nowrap;
}
.nowrap
{
    white-space: nowrap;
}
.iconeTab
{
    height: 15px;
}

.iconeTd
{
    text-align:center;
}
.centerTh
{
    text-align:center;
}

.center
{
    text-align:center;
}
.right
{
    text-align:right;
}
.left
{
    text-align:left;
}
.listePaiement
{
    text-align:left;
}

.calendrierEntrees
{
    color: green;
}

.calendrierSorties
{
    color: purple;
}

.boxAccueil{

    -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-top: 10px;
  background-color: #F5F5F5;
/*  float:left;*/
/*font-size: medium;*/


}
.inBoxAccueil{

   /* height:300px;*/
    padding: 10px;
    -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: solid #e8e8e8;
  border-width: 1px;
  overflow: auto;
}
.titreInBoxAccueil{


}
.contenuInBoxAccueil{

    margin-left: 27px;
    margin-top: 10px;
}
.liInBoxAccueil
{
    margin-bottom: 5px;
}
.rowAccueil
{
    margin-bottom: 20px;
}
.erreurChamp{

    font-style: italic;
    font-size: small;
    color: red;
}

.accueil li{

    color:#404040;
}
.height250{
 height:250px;
}
.height150{
 height:150px;
}
.height100{
 height:100px;
}
.height90{
 height:90px;
}
.height350{
 height:350px;
}
.height200{
 height:200px;
}
.height220{
 height:220px;
}
.height160{
 height:160px;
}
.height168{
 height:168px;
}
.height170{
 height:170px;
}
.height332{
 height:332px;
}
.height339{
 height:339px;
}

.width500{
 width:500px;
}
.width800{
 width:800px;
}

.width720{
 width:720px;
}

.droiteLi{
 width:80px;
 text-align: right;
 display:block;
 float:right;

}
.droiteLiLeft{
 width:80px;
 text-align: left;
 display:block;
 float:right;

}
.droiteLiLeft130{
 width:200px;
 text-align: left;
 display:block;
 float:right;
 height:35px;

}
.gaucheLi{
 width:200px;
 text-align: left;
 display:block;
 float:left;
 height:35px;

}
.gaucheLi120{
 width:120px;
 text-align: left;
 display:block;
 float:left;

}

.lienDetail{
    float:left;

}
.floatR{
    float:right;
}

.sousFormu{

    margin-left: 40px;
    padding: 10px;
    border: solid #e6e6e6 1px;
    background-color: #efefef;
    -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}
.sousFormu2{

    margin-left: 40px;
    padding: 10px;
    border: solid #e6e6e6 1px;
    background-color: #e8e8e8;
    -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}
.sousFormuModal{

    /*margin-left: 40px;*/
    /*padding: 10px;*/
    /*border: none;*/
    border-left: solid #000000 2px;
    /*background-color: #e8e8e8;*/
    /*-moz-border-radius: 50px;*/
  /*-webkit-border-radius: 50px;*/
/*  -webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-left-radius: 9px;*/
}

.boxSaisie{

    height:220px;
    width:313px;
    float:left;
    padding: 10px;
    margin: 10px;
    -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: solid #e8e8e8;
  border-width: 1px;
  overflow: auto;
    background-color: #efefef;
}
.contenant{
    overflow: auto;
}

.finContenant{
    clear: both;
}
.bgRed{

    color:#ff2222 !important;
}

.tdGris{
    background-color: #aaaaaa !important;
}

.etiquette{
    font-size:x-large;
    text-align: center;
    -moz-border-radius: 30px;
  -webkit-border-radius: 30px;

}

.padding-bottom-50{
    padding-bottom: 50px;
}

.margin-10{
    margin: 10px;
}


 .centered-block-outer {
   overflow: hidden;
   position: relative;/* ie7 needs position:relative here*/
 }
.centered-block-middle {
  float: left;
  position:relative;
  left:50%;
}
.centered-block-inner {
  position:relative;
  left:-50%;
}

#conteneur_quotas_graph{
clear: both;
overflow: hidden;
padding:10px;
margin-top: 60px;
background:#e1e1e1;
}



.quotas_graph{
float:left;
border: 1px solid #DDDDDD;
padding-bottom: 10px;
padding: 10px;
cursor:pointer;
background:#f3f3f3;
width: 33.3%;

}

.quotas_graph:hover{
float:left;
border: 1px solid #DDDDDD;
padding-bottom: 10px;
padding: 10px;
cursor:pointer;
background:#ecf3f8;
}

#conteneur_quotas_graph h1{
text-align:center;
margin-bottom:20px;
}

.conteneur_infos_quotas{
width:46%;
float:left;
height:20px;
}

.quotas_graph img{
display:block;
float:right;
margin-left:10px;
margin-top:-3px;
}

.quotas_graph span{
float:left;
margin-right: 10px;
font-size: 10px;
line-height:10px;
width: 50%;
font-weight:bold;
}

.diagrame_total{
float:right;
background:red;
height:10px;
}

.restant{
border-right: 1px solid;
height:10px;
background:#739E73;
}

.pop_up_message img{
height:20px;
margin-left:10px;
margin-right:10px;
}

.close_pop_up_notifications{
height: 19px;
left: 10px;
position: absolute;
top: 8px;
cursor:pointer;
}

#contenu_pop_up_notifications{
padding:10px;
width:400px;
position:relative;
}

#conteneur_pop_up_notifications{
position:fixed;
right:-400px;
top:55px;
width:400px;
display:none;
z-index:9999;
}

.pop_up_notifications{
width:100%;
-moz-border-radius: 5px;
border-radius: 5px;
background:#252C33;
-moz-box-shadow: 1px 1px 6px 2px #9b9b9b;
-webkit-box-shadow: 1px 1px 6px 2px #9b9b9b;
-o-box-shadow: 1px 1px 6px 2px #9b9b9b;
box-shadow: 1px 1px 6px 2px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=6);
posution:relative;
margin-bottom:15px;
}

.pop_up_message{
color:white;
margin-top:10px;
}

.pop_up_message,.pop_up_titre{
text-align:center;
}

.pop_up_titre{
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 6px;
color:#40C040;
clear:both;

opacity:0;
top:30px;
}


.row{
    margin:0 !important;
}

/*
*************************************************************************************************
*************************************************************************************************
*************************************************************************************************
*********************************************************************************************************
ICI STYLE CSS POUR AMELIORER LE PFW PAR DAVID
*************************************************************************************************
*************************************************************************************************
****************************************************************************************************/
.text_grand{
color:#31373e;
text-shadow: 0.5px 0.866px 0px white;
font-weight:bold;
font-size: large;
}

.iconeClic{
font-size: medium;
cursor: pointer;
}

.iconePlus{
font-size: medium;
cursor: pointer;
padding-left: 6px;
}
.iconeMoins{
font-size: medium;
cursor: pointer;
padding-right: 6px;
}
.iconePlusGrand{
font-size: x-large;
cursor: pointer;
padding-left: 6px;
}
.iconeMoinsGrand{
font-size:  x-large;
cursor: pointer;
padding-right: 6px;
}

.tab_text_light{
color:#999999;
font-size:12px;
text-shadow: 0.5px 0.866px 0px white;

}

.tab_text_heure{
color:#738be2;
font-size:12px;
text-shadow: 0.5px 0.866px 0px white;
font-weight:400;
}

.age_1{
color:#739e73;
font-size:14px;
font-weight:bold;
}


.age_2{
color:#ff8a00;
font-size:14px;
font-weight:bold;
}

.age_3{
color:#ff0000;
font-size:14px;
font-weight:bold;
}

.age_4{
color:#000000;
font-size:14px;
font-weight:bold;
}

.bar_progress_fond{
border-style: solid;
border-width: 1px;
border-color: rgb( 210, 210, 210 );
border-radius: 1px;
background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(169,169,169) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(169,169,169) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(169,169,169) 100%);
overflow:hidden;
margin: 0 auto;
width: 95px;
height: 5px;
margin-top: 6px;
margin-bottom: 11px;
}

.bar_progress{
height: 100%;
border-radius: 1px;
/*
background: url(../../Fichiers/Images/bar_progress.jpg);
*/
background-image: -moz-linear-gradient( 90deg, rgb(0,75,153) 0%, rgb(0,0,202) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(0,75,153) 0%, rgb(0,0,202) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(0,75,153) 0%, rgb(0,0,202) 100%);

width:93px;
}


.tab_text_strong{
color:#31373e;
text-shadow: 0.5px 0.866px 0px white;
font-weight:bold;
}

.label_col{
/*color:#2178aa;*/
/*color:#FFFFFF;
background:#007ACF;*/

background:#008DC4;
color:#FFFFFF;
/*color:#595E61;*/

text-transform: uppercase;
font-weight:bold;
text-align: left;
font-size:11px;
border:solid 1px #FFFFFF !important;
/*position:fixed;*/
/*border:0px;;*/
/*border-bottom:solid 5px #c0e8ff !important;*/
/*background:#0099CC;*/
/*background: #e4f5ff;  Old browsers 
background: -moz-linear-gradient(top,  #e4f5ff 0%, #cbecff 100%);  FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5ff), color-stop(100%,#cbecff));  Chrome,Safari4+ 
background: -webkit-linear-gradient(top,  #e4f5ff 0%,#cbecff 100%);  Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top,  #e4f5ff 0%,#cbecff 100%);  Opera 11.10+ 
background: -ms-linear-gradient(top,  #e4f5ff 0%,#cbecff 100%);  IE10+ 
background: linear-gradient(to bottom,  #e4f5ff 0%,#cbecff 100%);  W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5ff', endColorstr='#cbecff',GradientType=0 );  IE6-9 */
padding-top:12px !important;
padding-bottom:12px !important;
padding-left:4px !important;
padding-right:4px !important;
/*margin-bottom:5px;*/

/*text-shadow: 0.5px 0.866px 0px 	white;*/
}

.option_pas_tous{
color:#555 !important;
font-style:bold;
font-size:12px;

}

.option_tous{
color:#acacac !important;
font-style:italic;
font-size:12px;
font-weight:lighter;
}

.ligne_filtre select option{
color:#000;
font-style:normal;
}

.label_col  a{
color: #FFFFFF;
/*color:#595E61;*/
/*color: #2178aa;*/
/*text-shadow: 0.5px 0.866px 0px white;*/
}

.btn btn-success{
color:white !important;
}

th{
vertical-align:middle !important;
text-align:center;
}


.ligne_filtre th{
background:white;
}


#resumeFiltres p{
padding-top:4px;
}

.etiquetteCroix p{
padding-top:4px;
}


.filtre_input_date{
width:82px !important;
float:left;
}

.filtre_input_date:nth-child(2){
float:right;
}
/*

.table-responsive .table-striped > tbody > tr > td,
#sortTableExample  > tbody > tr > td,
.table-striped > tbody > tr> th{
background: #f9fafe;
background: -moz-linear-gradient(top,  #f9fafe 0%, #f0f1f5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fafe), color-stop(100%,#f0f1f5));
background: -webkit-linear-gradient(top,  #f9fafe 0%,#f0f1f5 100%);
background: -o-linear-gradient(top,  #f9fafe 0%,#f0f1f5 100%);
background: -ms-linear-gradient(top,  #f9fafe 0%,#f0f1f5 100%);
background: linear-gradient(to bottom,  #f9fafe 0%,#f0f1f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafe', endColorstr='#f0f1f5',GradientType=0 );
}




.table-responsive  .table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th,
#sortTableExample > tbody > tr:nth-child(2n+1) > td{
background: #fffdfc;
background: -moz-linear-gradient(top,  #ffffff 0%, #efeff1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efeff1));
background: -webkit-linear-gradient(top,  #ffffff 0%,#efeff1 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#efeff1 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#efeff1 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#efeff1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efeff1',GradientType=0 );
}


.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
#sortTableExample  > tbody > tr:hover > td{
background: #eef8ed;
background: -moz-linear-gradient(top,  #eef8ed 0%, #dbe7d7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef8ed), color-stop(100%,#dbe7d7));
background: -webkit-linear-gradient(top,  #eef8ed 0%,#dbe7d7 100%);  Chrome10+,Safari5.1+
background: -o-linear-gradient(top,  #eef8ed 0%,#dbe7d7 100%);
background: -ms-linear-gradient(top,  #eef8ed 0%,#dbe7d7 100%);
background: linear-gradient(to bottom,  #eef8ed 0%,#dbe7d7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef8ed', endColorstr='#dbe7d7',GradientType=0 );
border-bottom:1px solid #ced8c0;
border-top:white;
}


.table-responsive .table-striped > tbody > tr:nth-child(2n+1):hover > td{
background: #eef8ed;
background: -moz-linear-gradient(top,  #eef8ed 0%, #dbe7d7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef8ed), color-stop(100%,#dbe7d7));
background: -webkit-linear-gradient(top,  #eef8ed 0%,#dbe7d7 100%);
background: -o-linear-gradient(top,  #eef8ed 0%,#dbe7d7 100%);
background: -ms-linear-gradient(top,  #eef8ed 0%,#dbe7d7 100%);
background: linear-gradient(to bottom,  #eef8ed 0%,#dbe7d7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef8ed', endColorstr='#dbe7d7',GradientType=0 );
border-bottom:1px solid #ced8c0;
border-top:white;
}

*/


.badge{
padding-bottom:4px !important;
}

#resumeFiltres p em{
background: #505860; /* Old browsers */
background: -moz-linear-gradient(left,  #3b424b 0%, #505860 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#505860), color-stop(100%,#505860)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #3b424b 0%,#505860 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #3b424b 0%,#505860 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #3b424b 0%,#505860 100%); /* IE10+ */
background: linear-gradient(to right,  #3b424b 0%,#505860 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505860', endColorstr='#505860',GradientType=1 ); /* IE6-9 */
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
border-radius: 33px;
margin-left:10px;
color:white;
}

.etiquetteCroix p em{
    
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505860', endColorstr='#505860',GradientType=1 );  IE6-9 */
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
border-radius: 33px;
margin-left:10px;
/*border-style: solid;
border-color: #eee;
border-width: 1px;*/
/*color:white;*/
}

.tri_colonne{
/*border-top:1px solid #fde69f !important;*/
/*border-bottom:1px solid #fde69f !important;*/
}

#resumeFiltres p a{
background: none repeat scroll 0 0 #8b91a0;
height: 20px;
margin-left: 7px;
padding-bottom: 3px;
padding-right: 7px;
padding-top: 3px;
width: 30px;
}
.etiquetteCroix p a{
/*background: none repeat scroll 0 0 #8b91a0;*/
height: 20px;
margin-left: 7px;
padding-bottom: 3px;
padding-right: 7px;
padding-top: 3px;
border-top-right-radius: 33px;
border-bottom-right-radius: 33px;
width: 30px;
}

.glyphicon-sort{
color:#FFFFFF
/*color:#6fb7e9*/
}

#resumeFiltres p em a:hover{
background: none repeat scroll 0 0 #c02631 !important;
}

#resumeFiltres p em a:hover i{
color: #FFFFFF !important;
}

#resumeFiltres p em a i{
margin-left:5px;
}


.etiquetteCroix p em a:hover{
background: none repeat scroll 0 0 #c02631;
}

.etiquetteCroix p em a:hover i{
color: #FFFFFF !important;
}

.etiquetteCroix p em a i{
margin-left:5px;
}

.icone_canal{
color:#999999 !important;
font-size:19px;
}


#menu_haut{
	height:100%;
	padding-left:30px;
	padding-right:30px;

}

#menu_haut li a{
	padding-left:15px;
	padding-right:15px;
	/*color:#8b91a0;*/
        color:white !important;
	cursor:pointer;
	display:block;
	width:180px;
}

#menu_haut li a:hover{
/*color:white !important;*/
        color:#ddd !important;
text-decoration:none !important;
cursor:pointer;

}

#menu_haut li a:hover i{
color: #a90329 !important;
}

.tab_centrer_label{
text-align:left !important;
}

#menu_haut li{
float:left;
line-height: 48px;
list-style: none outside none;
}

.hover_menu{
background:#0aa598;
}

.tab_contenu{
background: #353c46; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #353c46 0%, #292d30 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#353c46), color-stop(100%,#292d30)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #353c46 0%,#292d30 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #353c46 0%,#292d30 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #353c46 0%,#292d30 100%); /* IE10+ */
background: linear-gradient(135deg,  #353c46 0%,#292d30 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353c46', endColorstr='#292d30',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
max-height:530px;
display:none;
overflow:auto;
-moz-box-shadow: 3px 3px 5px 0px #9b9b9b;
-webkit-box-shadow: 3px 3px 5px 0px #9b9b9b;
-o-box-shadow: 3px 3px 5px 0px #9b9b9b;
box-shadow: 3px 3px 5px 0px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=135, Strength=5);
}

.fermer_panel{
float: right;
margin-left: -7px;
margin-right: 7px;
margin-top: 18px;
display:none;
color: #06ffea !important;
}

.tab_contenu table{
margin-bottom:0 !important;
}

.menu_haut_vide{
color: #8b91a0;
font-size: 13px;
text-align:center;
}

.tab_contenu table tr > th{
color:white;
background:#1f2227;
border-bottom:1px solid #1a1b1f;
border-top:1px solid #232428 !important;
border-left:1px solid #10171f;
border-right:1px solid #10171f;
text-shadow: 0.5px 0.866px 0px #202020;
}

.tab_contenu table tr > td{
color:#a0a1a5;
background: #2b2c30; /* Old browsers */
background: -moz-linear-gradient(top,  #333438 0%, #24282b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333438), color-stop(100%,#24282b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #333438 0%,#24282b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #333438 0%,#24282b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #333438 0%,#24282b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #333438 0%,#24282b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333438', endColorstr='#24282b',GradientType=0 ); /* IE6-9 */
border-left:1px solid #10171f;
border-right:1px solid #10171f;
border-bottom:1px solid #1a1b1f;
border-top:1px solid #232428;
font-size:11px;
text-align:center;
text-shadow: 0.5px 0.866px 0px #202020;
}


.tab_contenu table tr:hover > td{
border:1px solid #24292f !important;
text-shadow: 0.5px 0.866px 0px #24292f;
background: #505860; /* Old browsers */
background: -moz-linear-gradient(top,  #505860 0%, #3c434c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505860), color-stop(100%,#3c434c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #505860 0%,#3c434c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #505860 0%,#3c434c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #505860 0%,#3c434c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #505860 0%,#3c434c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505860', endColorstr='#3c434c',GradientType=0 ); /* border-bottom:1px solid #ced8c0;*/
color:white !important;
}



.gerer_quotas a{
font-size:11px;
}

.th_generique_date{
min-width:193px;
}

.th_generique_date div input{
padding-left:4px !important;
padding-right:4px !important;
}
/*.th_generique_date div div input{
padding-left:4px !important;
padding-right:4px !important;
}*/

.th_generique_bool div input{
padding-left:4px !important;
padding-right:4px !important;
}

.th_generique_bool {
min-width:100px;
}

.table_lister_generique{
font-size:10px !important;
}

.table_lister_generique>thead>tr{
 position: sticky;
 top:0px; 
}

#divTable
{
    height:70vh;
    overflow:scroll;
}

.tab_text_strong_maj{
font-size:11px;
color:#31373e;
text-shadow: 0.5px 0.866px 0px white;
font-weight:bold;
}



/*
*************************************************************************************************
*************************************************************************************************
*************************************************************************************************
*********************************************************************************************************
FIN STYLE CSS POUR AMELIORER LE PFW PAR DAVID
*************************************************************************************************
*************************************************************************************************
****************************************************************************************************/



/*
mes styles 
*/